The Node.js platform allows you to develop server-side applications with JavaScript that you can then easily publish as websites with the Express framework. If you're looking for a project-based Node.js course, this course is for you.
In this course, you'll learn the entire process of creating a website on a server with Node.js and Express.js. No prior experience required. Learn A-Z. Become a pro.
- Individuals looking to establish their credibility and value in the market as experienced DevOps Practitioners
- System Administrators
- Cloud Professionals
- Solutions Architects
- Infrastructure Architects
- Site Reliability Engineers
- Technical Leads
- Software Engineers
- Freshers
Angular is one of the most popular front-end frameworks for building SPAs or web apps with HTML, CSS, and TypeScript. So basically, if you want to become a successful front-end developer or a full-stack developer, you need to have Angular as a skill under your belt.
1. Introduction to SPA
Learning Objective:Learn how React Native and Expo are used to make mobile applications
- Topics:
- Uses of Angular
- Single Page Applications
- Packages
- Benefits and Drawbacks
2. Tools and Environment
Learning Objective:Learn the basic building blocks of SPA
- Topics:
- Installing our Coding Editor (IDE) 01:55
- Installing NodeJs 03:16
- Installing Angular 02:43
- Creating the Project 03:44
- Running the Application 03:38
3. Typescript
Learning Objective:Learn the fundamentals of styling in React Native, including Stylesheets and Flex Box
- Topics:
- Variable declarations(var, let, and const)
- Types - Primitives
- Types - Reference and Special Types
- Operators - Spread and Backticks
- Operators - Destructure and Rest
- Classes
- Interface
- Arrow Functions
- Modules
- fetch
- async/await
4. Decorators, @NgModule, Angular Modules and App Bootstrap Mechanism in Angular
Learning Objective:Learn about information hierarchy and how to implement it with native navigators.
- Topics:
- Angular Modules
- What are decorators? 02:49
- @NgModule Decorator 04:24
- declarations 13:33
- imports and exports 08:01
- providers, bootstrap, and entryComponents 07:41
- Angular Application Bootstrap Mechanism
5. Angular Components and the @Component Decorator
Learning Objective:Learn how to manage and configure your infrastructure using Ansible Ad-Hoc commands, Playbooks, and Roles.
- Topics:
- @Component Decorator 05:29
- Creating an Angular Component using the Angular CLI and on StackBlitz 08:00
- Component Decorator Metadata 08:02
- View Encapsulation - Emulated, ShadowDom, None 08:20
- Data Binding - String Interpolation - {{ }} 08:11
- Property Binding - [] 04:16
- Event Binding - () 09:24
- @Input and @Output Property Decorators 19:21
- Two-way Data Binding - [()] 08:16
- Attribute Binding - [attr.]
- Class Binding - [class.]
- Style Bindings - [style.]
- Introduction to Lifecycle Hooks in Angular
- Lifecycle Hooks - When to use which method?
- View Queries - @ViewChild
- View Queries - @ViewChildren
- View Queries - @ContentChild and @ContentChildren
- Change Detection Mechanism in Angular. ZoneJS, NgZones
6. Angular Routing, Guards
Learning Objective:In this module, you will learn how to write your application using ES6. Also, you will learn how to Design Dashboard and perform CRUD operations.
- Topics:
- Implementing Routing in an Angular App
- Abstracting the user link to a separate component
- 02:38 Implementing Child Routes
- 21:13 Path Match and Route Types
- 08:39 Introduction to Route Guards in Angular
- 04:54 CanActivate and CanActivateChild Guards in Angular
- 10:34 CanDeactivate Guard in Angular
- 12:44 Prefetching Data for a Component using Resolve
7. Dependency Injection
Learning Objective:In this module, you will learn how to secure your application by implementing API Authentication and User authentication using JSON Web Tokens (JWT).
- Topics:
- Introduction to Dependency Injection
- DI as a Pattern, DI as a Framework and Types of Providers 12:20
- Hierarchical Dependency Injection 03:34 Introduction to Services in Angular
- 12:12 GET data from a Rest API using HttpClient 22:47
- CRUD Operations using HttpClient, HttpParams and HttpHeaders 25:33
- Observables and Operators in Observables - Map, Retry, Catch 09:46
- Behavior Subject and Sharing Data using Behavior Subjects
8. Directives and Pipes in Angular
Learning Objective:In this module, you will learn how Build Realtime Chat Application using Socket.IO.
- Topics:
- Introduction to Directives 05:04
- Built in Structural Directives 19:48
- Built in Attribute Directives 12:07
- Building custom Attribute Directives 19:08
- Building Custom Structural Directives 12:52
- Introduction to Pipes in Angular
- Using Built In Pipes
- Creating Custom Pipes in Angular
- Pure and Impure Pipes in Angular
- Decorators Revisited
- Building Custom Decorators in Angular
9. Forms in Angular
- Topics:
- Types of Form Building Strategies in Angular
- Adding FormControl(s) to a Template Driven form using the ngModel directive 04:04
- Getting the JavaScript Object Representation of a form using ngForm directive 05:37
- Disabling the Submit Button on a Form using form's $invalid flag 02:55
- Getting the JavaScript Object Representation of a form in TypeScript Class 14:06
- Adding Checkbox, Radio Buttons and Select List to your Template Driven Form 12:04
- Creating Subsections in the form using NgModelGroup directive 10:22 Steps to implement a Reactive form in Angular
- 07:34 Quickly creating a Bootstrap form for our Reactive form using Emmet
- Creating a Reactive form in the TypeScript class & connecting it to the template
- Adding form Validations to a Reactive Form
- Dynamically Adding or Removing FormControl(s) or FormGroup(s) using FormArray(s)