Angular

1. HTML / Javascript course

• Introduction to HTML
• Intermediate HTML
• Introduction to CSS
• Intermediate CSS
• Introduction to Bootstrap 4
• Intermediate Bootstrap
• Introduction to Javascript ES6
• Intermediate Javascript

2. Angular

a)Introduction to Angular and TypeScript

•  How an Angular App gets Loaded and
• Creating a New Component
• Understanding the Role of AppModule and Component Declaration
• Using Custom Components
• Creating Components with the CLI & Nesting Components
• Working with Component Templates & Component Styles
• Fully Understanding the Component Selector
• What is Databinding?
  –>String Interpolation
  –>Property Binding
  –>Property Binding vs String Interpolation
  –>Event Binding
  –>Bindable Properties and Events
  –>Passing and Using Data with Event Binding
  –>Two-Way-Databinding
  –>Understanding Directives
  –>Using ngIf to Output Data Conditionally
  –>Enhancing ngIf with an Else Condition
  –>Styling Elements Dynamically with ngStyle
  –>Applying CSS Classes Dynamically with ngClass
  –>Outputting Lists with ngFor

b) DEBUGGING

• Understanding Angular Error Messages
• Debugging Code in the Browser Using Sourcemaps
• Using Augury to Dive into Angular Apps

c) COMPONENTS & DATABINDING ADVANCE

• Splitting Apps into Components
• Property & Event Binding Overview
• Binding to Custom Properties
• Assigning an Alias to Custom Properties
• Binding to Custom Events
• Assigning an Alias to Custom Events
• Custom Property and Event Binding
• Understanding View Encapsulation
• Using Local References in Templates
• 5@ViewChild() in Angular 8+
• Getting Access to the Template & DOM with @ViewChild
• Projecting Content into Components with ng-content
• Understanding the Component Lifecycle
• Seeing Lifecycle Hooks in Action
• Lifecycle Hooks and Template Access
• 3@ContentChild() in Angular 8+
• Getting Access to ng-content with @ContentChild

d) Directives ADVANCED

• ngFor and ngIf Recap
• ngClass and ngStyle Recap
• Creating a Basic Attribute Directive
• Using the Renderer to build a Better
• Attribute Directive
• More about the Renderer
• Using HostListener to Listen to Host Events
• Using HostBinding to Bind to Host Properties
• Binding to Directive Properties
• What Happens Behind the Scenes on Structural Directives
• Building a Structural Directive
• Understanding ngSwitch

e) Observables

• Analyzing Angular Observables
• Getting Closer to the Core of Observables
• Building a Custom Observable
• Errors & Completion
• Observables & You!
• Understanding Operators
• Subjects
• Advanced Angular Development

3. Node JS

• What is nodejs?
• Creating our first server
• Understanding the request and response objects
• Responding with HTML
• Asynchronous vs synchronous
• Introduction to npm
• Introduction to express framework
• Sending HTML files with express
• Static assets with express