YoVDO

Angular 12 Tutorial

Offered By: YouTube

Tags

Angular Courses Web Development Courses APIs Courses Routing Courses Front-end Development Courses Lazy Loading Courses

Course Description

Overview

Embark on a comprehensive 9-hour Angular 12 tutorial designed for both beginners and professionals. Learn Angular 12 step-by-step through practical examples and prepare for interviews with relevant questions. Cover essential topics including introduction, setup, file structure, components, modules, events, conditional rendering, loops, styling, forms, Material UI, data passing between components, pipes, routing, services, API integration, and unit testing. Explore new features in Angular 12 and gain a solid foundation in Angular development through hands-on exercises and real-world applications.

Syllabus

Angular 12 tutorial for beginners #1 Introduction.
Angular 12 tutorial for beginners #2 Setup and install.
Angular 12 tutorial #3 Files and Folder Structure.
Angular 12 tutorial #4 Hello World | Make first change.
Angular 12 tutorial #5 what is Interpolation.
Angular 12 tutorial #6 Angular CLI & important Commands.
Angular 12 tutorial #7 Component.
Angular 12 tutorial #8 Component with Inline Style & Template.
Angular 12 tutorial #9 what is module.
Angular 12 tutorial #10 make and call function on button click.
Angular 12 tutorial #10 Events | blue | keyup, | mouseover etc.
Angular 12 tutorial #11 Get Input field Value.
Angular 12 tutorial #12 Counter example.
Angular 12 tutorial #13 Basic style.
Angular 12 tutorial #14 Property Binding Example.
Angular 12 tutorial #15 If else condition.
Angular 12 tutorial #16 Multiple condition or else if.
Angular 12 tutorial #17 Switch case.
Angular 12 tutorial #18 For Loop | *ngFor.
Angular 12 tutorial #19 Nested Loop.
Angular 12 tutorial #20 Style Binding | Dynamic Style.
Angular 12 tutorial #21 Header.
Angular 12 tutorial #22 Basic Form.
Angular 12 tutorial in Hindi #22 Toggle Element on button | hide and show tag.
Angular 12 tutorial #23 how to use Bootstrap with angular.
Angular 12 tutorial #24 Material UI.
Angular 12 tutorial #25 Todo list in angular.
Angular 12 tutorial #26 Pass Data child to component.
Angular 12 tutorial #27 Reusable Component.
Angular 12 tutorial #28 Send data child to parent component.
Angular 12 tutorial #29 Two way binding.
Angular 12 tutorial #30 Template Reference Variable.
Angular 12 tutorial #31 Basic typescript for angular.
Angular 12 tutorial #32 Basic of Pipes in angular.
Angular 12 tutorial # 33 Advance Pipes.
Angular 12 tutorial # 34 Make custom pipes.
Angular 12 tutorial # 34 Form introduction.
Angular 12 tutorial #35 Template driven form.
Angular 12 tutorial #36 Template driven form Validations.
Angular 12 tutorial #37 Reactive Form in Angular.
Angular 12 tutorial in Hindi #37 Reactive Form in Angular.
Angular 12 tutorial #37 Reactive form Validations.
Angular 12 tutorial #38 Directives.
Angular 12 tutorial #39 Basic Routing.
Angular 12 tutorial #40 Dynamic Routing in angular.
Angular 12 tutorial #41 Wild Card | 404 page routing.
Angular 12 tutorial #42 Child Routing.
Angular 12 tutorial #43 what we service.
Angular 12 tutorial #44 Make service and use in multiple files.
Angular 12 tutorial in Hindi #45 get data from API and display.
Angular 12 tutorial #46 Post API Method | http post call.
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 tutorial # automation Testing | Unit Testing.
Angular tutorial # First Unit test case.
Angular tutorial # Component unit testing.
Angular 10 - New Feature.
Angular 12 - new features | what's new in Angular 12.


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