Ending In:
access
lifetime
content
5.5 Hours
Description
Angular 2 is a game changer in web development by enabling you to efficiently architect large-scale and maintainable software. Bootstrap allows users to quickly develop professional-looking, responsive web apps. Together, they make up a foundational component of modern web development. This course will show you how to write dynamic, feature-rich Angular 2 apps with Bootstrap's responsive layouts and end-to-end testing techniques.- Access 54 lectures & 5.5 hours of content 24/7
- Set up a development environment w/ Angular 2 & ES6 with Typescript
- Learn the core concepts in Angular 2
- Get to grips w/ Bootstrap to create & design web apps that are elegenatly styled
- Explore advanced features of Angular 2
- Implement all you've learned using Angular 2 web components & BootstrapUI
Tarun Sharma is a passionate web developer and senior developer, currently with a main focus on front-end technologies and JavaScript frameworks. He has 5 years of experience in developing front-end applications with various frameworks, most likely with Angular 1.x, Angular 2 and React JS.
He regularly contributes to open source projects and provides technical training on front-end technologies.
He regularly contributes to open source projects and provides technical training on front-end technologies.
Details & Requirements
- Length of time users can access this course: lifetime
- Access options: web streaming, mobile streaming
- Certification of completion not included
- Redemption deadline: redeem your code within 30 days of purchase
- Experience level required: all levels
Compatibility
- Internet required
Terms
- Unredeemed licenses can be returned for store credit within 15 days of purchase. Once your license is redeemed, all sales are final.
Course Outline
- Getting Started with Angular 2.0
- The Course Overview
- Angular 2.0 Versus Angular 1.0
- Installation and Setup for Angular 2.0 with TypeScript ES6 (6:22)
- A “Hello world” Application Using Angular 2.0
- Bootstrap Components and Styling
- Bootstrap Installation and Setup
- Bootstrap Fluid Responsive Layout with Grid System
- Bootstrap Responsive .navbar Header and .navbar Tabs
- Bootstrap Table, List, Form, and Glyph Icons and Responsive Utilities (6:57)
- Bootstrap Carousel with Bootstrap Panel, Accordion, and Tab Menu (5:52)
- Creating Demo Application Structure Using Bootstrap Component (5:00)
- Understanding Typescript, Module Loaders, and Transpilers
- Writing an Application Using Typescript/ES5/ES6
- Typescript as a Language for Angular 2
- Understanding Universal Module Loader System JS
- Understanding webpack Module Loader
- Loaders and Transpilers using NPM Package Manager
- Typescript@ annotations for Components, Views, and Directives
- Hands-On on Our Application
- Understanding Features of ES6 ES2015
- Scope of Variables using let and const (5:01)
- Template Literals and Default Arguments
- Spread Operator, Rest Parameter, and De-Structuring (5:40)
- Arrow Function and Lexical This Binding (4:55)
- ES6 Classes and Inheritance (5:08)
- ES6 Modules Import and Export (5:34)
- Asynchronous Processing with ES6 Native Promises (3:41)
- Iterators and Generators in ES6
- Angular 2 Modules, Components, Templates, Metadata, and Architecture
- Angular 2 Application Architecture (7:52)
- Angular Modules and Components (4:43)
- Angular 2 Modules: @Ng Module
- Angular Components Nesting and Templates (5:43)
- Angular Web Component and View Encapsulation (7:39)
- Angular Component Metadata (6:37)
- Angular Component Communication Input and Output (7:10)
- Angular Component Building for Application (6:09)
- Data Binding, Events, and pipes in Angular 2
- Angular 2 - Property binding (4:03)
- DOM events and event binding
- Two-way data binding in Angular app
- Attribute directives and structural directives (6:55)
- Pipes in Angular 2 (6:18)
- Angular component Lifecycle Hooks
- Application development with data binding, pipes, and directives
- The Dependency Injection and Inversion of Control Patterns
- Dependency Injection and Inversion of Control Patterns (4:53)
- Injector and Providers @inject @injectable
- Building And Registering a Service
- Dependency Injection with Angular 2 Application (5:49)
- Angular 2 Understanding Routing Basics, Observable Objects, and Immutable Objects
- Angular 2 Understanding Routing Basics, Observable Objects, and Immutable Objects
- Route Architecture with Route Linking and Redirection (4:12)
- Angular 2.0 Understanding Child Routes and Route Param (6:25)
- Securing Routes and Location Strategy (6:19)
- Routing with Angular 2 Demo Application
- Understanding Angular 2 Forms
- Angular 2 Template Driven forms
- Template-driven forms with Validation
- Model-driven Forms or Reactive Forms (4:42)
- Model-driven Forms with Validations (6:34)
- Angular 2 Application Development with Forms (8:23)
- Reactive Programming in Angular 2 RX Observables
- Angular 2.0 Understanding Reactive Functional Programming (8:09)
- Observables and Reactive Extensions (6:06)
- Observables with HTTP Service in Angular 2
- Observables with Angular Forms in Angular 2
- Observables and RX JS with Angular 2 Application (9:15)
access
lifetime
content
5.5 Hours
