Angular

Prerequisite:

None

Angular 10 tutorial #1 Introduction

Angular 10 tutorial #2 Install

How to install and setup TortoiseGit then a demo with GitHub

Angular 10 tutorial #5 Interpolation

Angular 10 tutorial #6 what is component

Angular 10 tutorial #7 Module

Angular 10 tutorial #8 call function | click event

Angular 10 tutorial #9 Event

Angular 10 tutorial #10 get input box value

Angular 10 tutorial #11 Property Binding

Angular 10 tutorial #12 *ngIf | if else | conditional statement

Angular 10 tutorial #13 Switch Case

Angular 10 tutorial #14 for loop | *ngFor

Angular 10 tutorial #15 simple form and get form value

Angular 10 tutorial #16 Make Header and Footer

Angular 10 tutorial #17 Style binding

Angular 10 tutorial #18 Add Bootstrap

Angular 10 tutorial #19 Add Material UI

Angular 10 tutorial #20 pass data parent to child

Angular 10 in tutorial #21 reusable component

Angular 10 tutorial #22 Send data child to parent component

Angular 10 tutorial #23 Pipe with example

Angular 10 tutorial #24 Basic Routing

Angular 10 tutorial #25 Page not found | angular routing | 404 page

Angular 10 tutorial #26 custom directive

Angular 10 tutorial #27 service

Angular 10 tutorial #28 call API | HTTP

Angular 10 tutorial #29 show list from API Data

Angular tutorial # Model and Interface

Angular Tutorial # Recap Module and Routing

Angular tutorial # Routing Module

Angular tutorial # Group Routing

Angular tutorial # Lazy Loading

Angular tutorial # Lazy Loading component

Angular 10 - New Feature

Angular forms tutorial # Form Introduction

Angular forms tutorial - Template Driven Form

Angular forms tutorial # form with bootstrap

Angular forms tutorial # form validation | Template driven Form

Angular forms tutorial # full form validation | disable button | Template driven Form

Angular forms tutorial # Pre filled Form | template driven form | TDF

Angular forms tutorial # make a reactive form

Angular forms tutorial # Reactive forms validation

Angular 9 tutorial # Reactive forms all validation | email | min | max | regex

Angular tutorial # automation Testing | Unit Testing

Angular tutorial # First Unit test case

Angular tutorial # Component unit testing

Angular project #1 install and setup

Angular project #2 API testing with postman

Angular project #3 Add Routing | Make Menu

Angular project #4 Add Bootstrap and nav bar

Angular project #5 Restaurant listing with fetch API

Angular project #6 Add Restaurant Form

Angular 10 tutorial #7 Module

Angular 10 tutorial #8 call function | click event

Angular project #9 Delete Restaurant with API

Angular project #10 Update restaurant form

Angular project #11 Update restaurant DB with API

Angular project #12 Footer and refactor

Angular project #13 Register new User

Angular 11 new feature - TypeScript 4.0 support

Angular 12 tutorial #42 Child Routing

Angular 13 new feature tutorial | what is new in angular 13

Angular 14 features | what's new angular | Angular 14 tutorial

Practical Test:

Here I attached screens for your practical. You need to create these 2 screens with functionality.

1. First is the project list (screen 1) - Use the angular material table to list all projects dynamically (it should be static JSON binding as data source)

2. When I click on “+ project” button side nav is open, where you should be able to add data for creating a new project.

3. Put all validations in the new project form.

4. On close, a popup should be closed and fields should be cleared. On Save, data should be added to the table and the popup should be closed.

You need to submit your Practical Task within your Timeframe (in 4 Hours). Once Your Task is Completed please send your Task doing Reply All.

Do let me know if you have any questions or concerns.

Screen 1

Screen 2

0 Years in
Operation

0 Loyal
Clients

0 Successful
Projects

Words from our clients

Toshal is an incredible team to work with. I'm always able to trust their technical proficiency in any project I give them, but where they stand apart is how collaborative and hardworking they are. Anytime we work together, I'm always 100% confident the work will be completed on time and as expected. I love working with Toshal!
Eric Seidel (Atlanta, GA, USA)
We are pleased to recommend our longtime partner, Toshal Infotech. For over a decade, we relied on Ashish’s team at Toshal to provide us with timely development services and expert advice in a range of web technologies and assist us with occasional graphics and design assignments. We look forward to working with this group for many more years.
Bo Simmons (Atlanta, GA, USA)
Toshal Infotech has been a trusted web development partner for our company for nearly a decade. They are responsive, effective, and so wonderful to work with. We are lucky to have found such a great partnership.
Kristen Everett (Atlanta, GA, USA)
Always a pleasure to work with Toshal Infotech. Great work, fast delivery, pleasant and polite seller. Definitely recommended.
Very helpful seller. Works well and delivers good work. Very happy with everything. Would recommend and will use again.
As always, a pleasure working with you - I can't believe how quick you did this update for me.thank you so much. looking forward to working with you on many more projects to come :)
FANTASTIC service - I'm amazed at how fast they managed to turn this modification to my app around. the level of service and communication was flawless, absolutely brilliant. they are not only good and incredibly skilled at what they do, they are also friendly and have GREAT communication skills. I will definitely be using you again :) thank you
seller is very good and delivered in time..worth buying..
Very happy to work again with them. They are always proactive in solving everything and the communication is great too.
We needed an android app on a deadline. They exceeded our expectations in every way, communication was great, and they worked in a very responsible way. Will definitely work with them again.

Words from our clients

Toshal is an incredible team to work with. I'm always able to trust their technical proficiency in any project I give them, but where they stand apart is how collaborative and hardworking they are. Anytime we work together, I'm always 100% confident the work will be completed on time and as expected. I love working with Toshal!
Eric Seidel (Atlanta, GA, USA)
We are pleased to recommend our longtime partner, Toshal Infotech Pvt. Ltd. For over a decade, we relied on Ashish’s team at Toshal to provide us with timely development services and expert advice in a range of web technologies and assist us with occasional graphics and design assignments. We look forward to working with this group for many more years.
Bo Simmons (Atlanta, GA, USA)
Toshal Infotech Pvt. Ltd. has been a trusted web development partner for our company for nearly a decade. They are responsive, effective, and so wonderful to work with. We are lucky to have found such a great partnership.
Kristen Everett (Atlanta, GA, USA)
Always a pleasure to work with Toshal Infotech Pvt. Ltd. Great work, fast delivery, pleasant and polite seller. Definitely recommended.
Very helpful seller. Works well and delivers good work. Very happy with everything. Would recommend and will use again.
As always, a pleasure working with you - I can't believe how quick you did this update for me.thank you so much. looking forward to working with you on many more projects to come :)
FANTASTIC service - I'm amazed at how fast they managed to turn this modification to my app around. the level of service and communication was flawless, absolutely brilliant. they are not only good and incredibly skilled at what they do, they are also friendly and have GREAT communication skills. I will definitely be using you again :) thank you
seller is very good and delivered in time..worth buying..
Very happy to work again with them. They are always proactive in solving everything and the communication is great too.
We needed an android app on a deadline. They exceeded our expectations in every way, communication was great, and they worked in a very responsible way. Will definitely work with them again.

Tell Us About Your Project

contact me

We’ve done lot’s of work, Let’s Check some from here

View All Projects

Do You Have Any Project?

We are ready to take your project to the next level. Don’t hesitate to contact us. Our awesome and creative team will bring you the best solution.

Send Project Details

Our company has been developing high-quality and reliable software for corporate needs since 2008. We are renowned professionals of software development.

Angular 10 tutorial #1 Introduction

Angular 10 tutorial #2 Install

How to install and setup TortoiseGit then a demo with GitHub

Angular 10 tutorial #5 Interpolation

Angular 10 tutorial #6 what is component

Angular 10 tutorial #7 Module

Angular 10 tutorial #8 call function | click event

Angular 10 tutorial #9 Event

Angular 10 tutorial #10 get input box value

Angular 10 tutorial #11 Property Binding

Angular 10 tutorial #12 *ngIf | if else | conditional statement

Angular 10 tutorial #13 Switch Case

Angular 10 tutorial #14 for loop | *ngFor

Angular 10 tutorial #15 simple form and get form value

Angular 10 tutorial #16 Make Header and Footer

Angular 10 tutorial #17 Style binding

Angular 10 tutorial #18 Add Bootstrap

Angular 10 tutorial #19 Add Material UI

Angular 10 tutorial #20 pass data parent to child

Angular 10 in tutorial #21 reusable component

Angular 10 tutorial #22 Send data child to parent component

Angular 10 tutorial #23 Pipe with example

Angular 10 tutorial #24 Basic Routing

Angular 10 tutorial #25 Page not found | angular routing | 404 page

Angular 10 tutorial #26 custom directive

Angular 10 tutorial #27 service

Angular 10 tutorial #28 call API | HTTP

Angular 10 tutorial #29 show list from API Data

Angular tutorial # Model and Interface

Angular Tutorial # Recap Module and Routing

Angular tutorial # Routing Module

Angular tutorial # Group Routing

Angular tutorial # Lazy Loading

Angular tutorial # Lazy Loading component

Angular 10 - New Feature

Angular forms tutorial # Form Introduction

Angular forms tutorial - Template Driven Form

Angular forms tutorial # form with bootstrap

Angular forms tutorial # form validation | Template driven Form

Angular forms tutorial # full form validation | disable button | Template driven Form

Angular forms tutorial # Pre filled Form | template driven form | TDF

Angular forms tutorial # make a reactive form

Angular forms tutorial # Reactive forms validation

Angular 9 tutorial # Reactive forms all validation | email | min | max | regex

Angular tutorial # automation Testing | Unit Testing

Angular tutorial # First Unit test case

Angular tutorial # Component unit testing

Angular project #1 install and setup

Angular project #2 API testing with postman

Angular project #3 Add Routing | Make Menu

Angular project #4 Add Bootstrap and nav bar

Angular project #5 Restaurant listing with fetch API

Angular project #6 Add Restaurant Form

Angular 10 tutorial #7 Module

Angular 10 tutorial #8 call function | click event

Angular project #9 Delete Restaurant with API

Angular project #10 Update restaurant form

Angular project #11 Update restaurant DB with API

Angular project #12 Footer and refactor

Angular project #13 Register new User

Angular 11 new feature - TypeScript 4.0 support

Angular 12 tutorial #42 Child Routing

Angular 13 new feature tutorial | what is new in angular 13

Angular 14 features | what's new angular | Angular 14 tutorial

Words from our clients

Words from our clients

Tell Us About Your Project

We’ve done lot’s of work, Let’s Check some from here

Do You Have Any Project?

We are ready to take your project to the next level. Don’t hesitate to contact us. Our awesome and creative team will bring you the best solution.

Menu

What We Offer

Our contacts

Surat

Pune