Typescript Fundamentals
  • Typescript Setup
  • Basic Types
  • Types in Typescript
  • Operators, Decisions, and Loops
  • Functions Basics
  • Interfaces
  • Classes
  • Modules
  • Generic Types
  • Generics in more depth
  • Introduction to Decorators
  • Arguments in Method Decorator
  • Configurable Decorator using Decorator Factory
  • Property Decorator
  • Parameter Decorator
  • Class Decorator
Angular Fundamentals
  • Install Tools
  • Create Angular Project using Angular-cli
  • Edit Your First Angular Component
  • Project File Review
  • Introduction to Modules
  • NgModule MetaData
  • Introduction to Components
  • Create your first Angular Component
  • Data Bindings
  • Pipes
  • Directives
  • Introduction to Services
  • Create Your Angular Service
  • Introduction to Dependency Injection
  • Providing Services
Components and Data Bindings
  • Inline Template
  • Showing an Array property with ngFor
  • Creating a class for the data
  • Interpolation
  • Property Binding
  • Attribute Binding
  • Adding Bootstrap
  • Class Bindings
  • Style Binding
  • Event Binding
  • Event Filtering
  • Template Reference Variable
  • Two Way Data Binding
  • Pipes
Building Components
  • @Input Property
  • Alias @Input Property
  • @Output Property
  • Passing Data to Events
  • Alias @Output Property
  • Styles Component
  • View Encapsulation
  • ng-content
  • ng-container
Final Project - Getting Started with Real World Application
  • Create Angular Project for our Real world Application
  • Complete Source Code for this Module
  • Important Note related to Angular Material Documentation
  • Angular Material Setup
  • Adding Prebuilt Material Theme
  • Adding Material Fonts
  • Creating Shared Module
Create Dashboard Layout on Frontend Angular Application
  • Complete Source Code for this Module
  • Creating Module using Angular-cli
  • Adding Lazy Loading
  • Lazy Loading Demo
  • Create Main Content Component
  • Create SideNav Component
  • Adding Sidenav to our Layout
  • Adding Toolbar in Sidebar Navigation
  • Adding List Items to the Side Navigation
  • Adding Toolbar on the top of Layout
  • Adding Mode to the Material Sidenav Navigation
  • Adding Responsiveness to Side Navigation
  • Debugging Side Navigation Responsiveness
  • Create Menu Icon
  • Displaying Menu Icon on Small Screen
  • Adding Material Card
Adding Routing in Angular
  • Complete Source Code for this Module
  • Refactor App Structure
  • Adding Nav List Items
  • Creating Invoices Module and Routing
  • Create Clients Module and Routing
Setup Node.js Server
  • Complete Source Code for this Module
  • Creating Express Server
  • Create Route in Express
  • ES6 Setup using Babel
  • Create npm script for Production
  • Setting up Prettier
  • ESlint Setup with Prettier
  • Configure Prettier with ESLint
Creating CRUD(Create, Read, Update, DELETE) API on Node.js Backend
  • Complete Source Code for this Module