Introduction to CSS, CSS Inheritance and Various Selectors

• Including CSS
• Choosing the way to include CSS
• User-agent styles
• Parts of a CSS rule
• Selectors – Universal, ID, class, type, attribute
• Pseudo classes – Link-related classes
• Structural Pseudo classes – :first-letter, :first-line, :first-child, :last-child, :nth-child
• Combinators – No spaces, child selector, descendant selector, combining slectors using comma
• Inheritance – Initial and inherit values

The Cascade, Specificity and Style Resolution

• Cascade – User-agent vs author styles
• Reset stylesheet
• Normalize Stylesheet
• Cascade of embedded styles, external stylesheets, inline styles
• Introduction to specificity – how selectors affects styles applied
• Specificity – ID vs class vs type selector
• Specificity calculation and style resolution in case of complex selectors
• Use of !important
• Units for CSS properties – United and unitless, absolute vs relative
• Default values for properties (initial values)
• Computed and resolved styles

Important CSS Properties

• Box model in depth
• Various ways of specifying colors
• Background properties
• Using background properties with image sprites
• Typography related properties
• Handling overflow
• Hiding elements
• Floats

Deeper Understanding of Client-Server Communication

• Introduction to responsive web design (RWD)
• Fluid layouts
• Fluid images
• Media queries
• Further exploration

Introduction, Variables, Scopes & Data Types

• History of JavaScript
• Setting up the environment
• Running JavaScript in the browser and Node
• Comments
• Variables and primitive data types
• Falsy and truthy values
• Variable scopes, scope chain
• Using array
• The type of operator

Operators, Control Flow & Functions

• Variable hoisting
• Operators and expressions
• Control flow – Branching and looping
• Function declaration and usage
• Anonymous function and function expression
• IIFE
• Function hoisting
• Functions call context (this keyword)
• Handling variable number of arguments
• Callbacks – passing functions as arguments

Functions (Continued) & Objects

• Returning functions
• Closures
• Object declaration using literal syntax
• Accessing properties and methods
• Adding and deleting properties
• Listing object properties – for..in loop and object.keys()
• Constructor function and the new keyword
• Function – functions as objects
• call(), apply() and bind() as methods of functions

Built-in Objects and Functions

• Array methods
• Date methods
• JSON
• Number methods
• String methods

Exception Handling & Browser Objects

• Strict mode execution
• Error objects
• Exception handling
• Window
• Navigator
• Location
• History

Introduction to ES6

• Introduction, setting up, running ES6 code, JS transpilers
• Scope, let & const
• Template literals, default parameters
• Destructuring arrays & objects
• Rest & spread

More ES6

• Arrow functions
• Classes & inheritance
• Modules
• Promises

Basics of TypeScript

• Introduction to TypeScript
• Why TypeScript?
• Setting up TypeScript
• JavaScript vs TypeScript
• Type annotations, variable declarations, basic datatypes, type inference
• Advanced types, type erasure and error behavior
• Classes, constructors & methods, inheritance & polymorphism, access modifiers

Deeper Dive into TypeScript

• Interfaces, properties & methods, interfaces & classes, extending interfaces
• Namespaces, namespaces using multiple files
• Modules, import, export, namespaces vs modules
• Generics, generic functions, generic classes

Introduction to Angular

• What is Angular?
• Why Angular?
• Angular versions
• Where does Angular fit?
• Multi page application (MPA)
• Single page application (SPA)
• Setting up Angular
• Create your first Angular app
• Serve your Angular app
• Edit your first Angular component

Project Structure, Modules, Bootstrapping

• Understand project structure
• Modules
• Decorators
• Bootstrapping
• Add Bootstrap to our app
• Use Bootstrap in our app

Data Binding and Component Interaction

• Data binding
• Component interaction

Directives and Pipes

• Directives
• Pipes

Services and Dependency Injection

• Services
• Dependency Injection

Forms and Validation

• Angular forms: Template driven forms & reactive forms

Routing & Navigation, Introduction to RxJS Observables

• Building SPAs using routing
• Understanding observables

Communicating with Server, Handling Errors, Implementing Authentication in Angular Applications

• Server communication using Http Client
• Error handling
• Implementing authentication in Angular