YoVDO

Angular Tutorial

Offered By: YouTube

Tags

Angular Courses Web Development Courses Routing Courses Data Binding Courses

Course Description

Overview

Embark on a comprehensive 8-hour tutorial series covering Angular 10 and 11, perfect for beginners and those looking to deepen their understanding. Learn step-by-step from introduction to advanced concepts, including component creation, modules, event handling, data binding, directives, services, API integration, routing, forms, and unit testing. Explore practical applications through a restaurant management project, implementing features such as listing, adding, updating, and deleting restaurants. Gain insights into the latest features of Angular 11 and 12, including TypeScript 4.0 support and child routing. Master Angular development with hands-on examples and real-world scenarios throughout this in-depth guide.

Syllabus

Angular 10 tutorial #1 Introduction.
Angular 10 tutorial #2 Install.
Angular 10 tutorial #3 file and folder structure.
Angular 10 tutorial #4 Make First change | Hello World.
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 project #7 Add Restaurant | call post api.
Angular project #8 Success Alert and clear Form.
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.


Taught by

Code Step By Step

Related Courses

3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn
Accessibility Audit
Amazon Web Services via AWS Skill Builder
Advanced React
Meta via Coursera
Advanced System Security Topics
University of Colorado System via Coursera
Apply advanced testing for your Django web application
Coursera Project Network via Coursera