Overview
The Angular platform has revolutionized web application development by incorporating tools, technologies, and best practices to solve most of the intricate web application development challenges. Angular 6 is used extensively by web development companies, ranging from start-ups to big enterprises.
This course is about 50% hands-on lab and 50% lecture, designed to train attendees in core Angular development skills, coupling the most modern, effective web development techniques with the soundest industry practices. During the course, participants will be led through a series of increasingly advanced topics, where each topic consists of lecture, group discussion, comprehensive hands-on lab exercises, and lab review. The course includes a wide range of supporting materials and labs to ensure all students are appropriately challenged or assisted at all times.
What You'll Learn
- Introduction to Angular and why it should be used
- Using Angular to add rich functionality to both existing and new web pages
- What is TypeScript is? Why it is useful? How to use it with Angular?
- Development and deployment using Angular CLI
- Working with Angular architecture to implement clean, responsive web interfaces
- Supporting navigation with Routers in a Single Page Application
- Best practices for using Angular
- Ahead of Time compiler
- Testing and running Angular applications
- Using Angular with HTTP to support JSON, REST, and other services
- Building data models on RxJS
- Simplifying server-side rendering
- Unit testing
- Components of the MEAN Stack
- Using MEAN stack to deploy, support, and run Angular applications
Curriculum
- Introduction to Angular
- Evolution of HTML and CSS
- Responsive Web Design
- jQuery Under the Covers
- Bootstrapping to Browsers
- Frameworks vs. Libraries
- AngularJS to Angular2
- Angular Release Schedules
- Angular 4/5
- Architectural Elements and Concepts
- TypeScript
- Model-View-*
- Data Binding
- Components and Services
- Factories and Events
- Exercise: Hello Angular
- Why use Typescript
- Typescript Module System
- Types/Keywords/Concepts
- Transpilers
- Angular and TypeScript
- Exercise: Hello TypeScript
- Challenges in Setting up Projects
- Angular CLI Overview
- New Projects with CLI
- Testing and Generating with CLI
- Ahead of Time (AOT) Compilation
- Implications of using AOT
- Top-Level Files and Directories
- Folders” src and src/app
- Exercise: Creating Projects with Angular CLI
- Usable Classes in Angular
- HTML, CSS, and TypeScript in Components
- Data Binding and Events
- Exercise: Building Components
- Angular and the Need for Libraries
- Options for adding Libraries
- Working with npm install
- Working with angular-cli.json
- ng2 Wrappers
- Exercise: Using Libraries
- Overview of Directives
- Built-in Directives
- ngIf and else
- ngFor and ngSwitch
- Conditional Styling
- Exercise: Working with Directives
- Overview of Pipes
- Built-in Pipes
- Formatting and Conversions
- Parameterizing Pipes
- Exercise: Working with Pipes
- Forms and NgModel
- NG Form Groups
- NG Form Validation
- Built-in Validators
- Exercise: Basic Forms with Angular
- Exercise: Powerful Forms with Angular
- Overview of SPA Concept
- Routing in SPAs
- Creating Routes
- Routing Options
- Exercise: Routing in a Single Page Application
- Components and Injectables
- Services
- Service Interfaces
- Local Storage
- Exercise: Local Storage
- Test-Driven Development
- Testing Types
- Behavior-Driven Development
- Acceptance-Driven Development
- Testing dependencies
- Options for Testing in Angular
- Components and Injectables
- Services
- LocalStorage
- Exercise: Unit Tests with Angular, Karma, and Jasmine
- Exercise: Local Storage Service
- Upgrading from Angular 1.x
- Angular Style Guide
- Single Responsibility Principle
- Naming Conventions
- Coding Conventions
- Application Structure
- Components, Directives, Services
- Lifecycle Hooks
- Routing
- REpresentational State Transfer
- REST and HTTP
- REST/HTTP: Representation-Oriented
- REST Design Principles
- REST in Angular
- Promises
- Observables
- Http Module
- Putting it all Together
- Exercise: Using RESTful Services in Angular
- MEAN Components and Overview
- Working with MongoDB
- Working with Node.js
- Working with Express
- Creating a Node.js Web Server
- Exercise: Implementing a MEAN Application
- Exercise: Working with the Database
- js Projects and Modules
- Making a Module Executable
- Core Modules
- Dependency Management Using NPM
- Setting Up Dependencies
- Installing, Updating, and Uninstalling Packages
- Exercise: NPM Cache Clean
- Exercise: NPM Init
- Exercise: Package.json
Who should attend
This is highly recommended for current and aspiring –
- Web developers
- Software engineers
- UI/US developers
- Front end developers
- net developers
- Full stack developers
- Mean stack developers
Prerequisites
Participants are required to have hands-on experience in developing basic web applications, and be proficient in HTML5, CSS3 and JavaScript.
