Topics

• Getting started with JavaScript
• Functions
• Objects
• Comparison Operations
• Promises
• Ignoring Files and Folders
• Template Literals
• npm
• Web Apps With Express
• Modules
• Getting started with Angular 2
• Getting started with React
• Getting started with webpack
• Custom Directives
• Pipes
• Components
• Routing (3.0.0+)
• Http Interceptor
• Using ReactJS with Typescript
• Getting started with express
• State in React
• Directives
• HTTP Requests
• SCSS vs Sass
• Optimizing rendering using ChangeDetectionStrategy
• Props in React
• React Component Lifecycle
• Forms and User Input
• Directives & components : @Input @Output

Examples

• Using console.log()
• Immediately Invoked Function Expressions
• Introduction
• Ignoring files and directories with a .gitignore file
• Shallow cloning
• Installing packages
• Getting Started
• Default exports
• Arrays are Objects
• Templating HTML With Template Strings
• Object rest/spread (...)
• Installation
• Creating and consuming custom directives
• Chaining Pipes
• Custom Pipes
• Built-in Pipes
• Hello World Component
• Basic Component
• Nesting Components
• Bootstrapping
• Configuring router-outlet
• Changing routes (using templates & directives)
• Setting the Routes
• Grouping multiple logic statements
• Simple Class Extending angular's Http class
• Using our class instead of Angular's Http
• ReactJS component written in Typescript
• Creating Components
• Reduce an array to chained promises
• Basic State
• setState()
• setState pitfalls
• Props
• Hello World with Stateless Functions
• Directive Definition Object Template
• Example of webpack.config.js with babel
• Example of Javascript + CSS + Fonts + Images
• Currying
• Debugging With JsonPipe
• Globally Available Custom Pipe
• Getting started with Angular 2 without angular-cli.
• WebSockets
• HTTP with the fetch API
• Networking with XMLHttpRequest
• Main Differences
• Mixins
• Maps
• Hello World App, using ExpressJS 4 and Node >= 4
• Using Promises with the fetch API and Redux
• Default vs OnPush
• Default props
• PropTypes
• Component Creation
• Component Update
• Controlled Components
• Uncontrolled Components
• Unwrap async values with async pipe
• *ngFor
• Input example
• Extending an Existing Pipe
• List of Comparison Operators
• Webpack, React JSX, Babel, ES6, simple config
• Passing down props using spread operator