This course concentrates mainly on Javascript based front-end frameworks, and in particular the Angular framework (Currently Ver. 6.x). This course will use Typescript for developing Angular application.
Typescript features will be introduced in the context of Angular as part of the exercises. You will also get an introduction to the use of Angular Material and Angular Flex-Layout for responsive UI design. You will be introduced to various aspects of Angular including components, directives and services.
You will learn about data binding, Angular router and its use for developing single-page applications. You will also learn about designing both template-driven forms and reactive forms. A quick introduction to Observables, reactive programming and RxJS in the context of Angular is included.
You will then learn about Angular support for client-server communication through the HTTP client and the use of REST API on the server side. A quick tour through Angular animation support and Angular testing rounds off the course. You must have either completed the previous course in the specialization on Bootstrap 4, or have a working knowledge of front end web-UI frameworks to be able to navigate this course. Also a good working knowledge of JavaScript, especially ES 5 is strongly recommended.
At the end of this course you will:
– Be familiar with client-side Javascript frameworks and the Angular framework
– Be able to implement single page applications in Angular
– Be able to use various Angular features including directives, components and services
– Be able to implement a functional front-end web application using Angular
– Be able to use Angular Material and Angular Flex-Layout for designing responsive Angular applications
– Be able to use Observables and RxJS in the context of Angular applications
SKILLS YOU WILL GAIN
Node.Js
Angularjs
Reactive Programming
Typescript
Front-End JavaScript Frameworks Overview: Angular
In this module we get a quick introduction to front-end JavaScript frameworks, followed by an introduction to Angular. We will also learn about
Angular components and their templates.
Welcome to Front-End JavaScript Frameworks: Angular
How to Use the Learning Resources
What is Full-Stack Web Development
Exercise (Video): Setting up Git
Exercise (Video): Basic Git Commands
Exercise (Video): Online Git Repositories
Node.js and NPM
Exercise (Video): Setting up Node.js and NPM
Exercise (Video): Basics of Node.js and NPM
Front-end JavaScript Frameworks Overview
Introduction to Angular
Exercise (Video): Getting Started with Angular
Angular Application Architecture Overview
Exercise (Video): Configuring your Angular Application
Angular Components
Exercise (Video): Angular Components Part
Structural Directives
Angular Services, Routing and Single Page Applications
In this week, you learn about data binding in Angular. You will learn how to design basic services. You will learn about Angular router and its use in designing single page applications.
You will also learn about single page applications and use Angular Router to design single page applications
Data Binding
Exercise (Video): Data Binding
MVC and MVVM
Angular Services
Dependency Injection
Exercise (Video): Angular Service Basics
Exercise (Video): Header and Footer
Angular Routing Basics
Exercise (Video): Angular Routing Basics
Single Page Applications
Exercise (Video): Single Page Applications Part
Angular Router: Parameters
Angular Forms, Angular and Reactive JavaScript
In this module we study Angular support for forms and form validation. Both template-driven forms and reactive forms will be introduced. You
will also learn about Promises. Then you will learn briefly about reactive programming, RxJs and its use in Angular.
9 hours to complete
Angular Forms, Angular and Reactive JavaScript
In this module we study Angular support for forms and form validation. Both template-driven forms and reactive forms will be introduced. You
will also learn about Promises. Then you will learn briefly about reactive programming, RxJs and its use in Angular
Angular Template-driven Forms
Exercise (Video): Angular Template-driven Forms Part
Angular Template-driven Form Validation
Angular Reactive Forms
Exercise (Video): Angular Reactive Forms Part
Angular Reactive Form Validation
Client-Server Communication
In this module you will explore client-server communication using both Angular HTTP module and the REST API.
You will get a brief introduction to animation support in Angular and create a custom attribute directive. You will also learn about testing, building and deploying Angular applications
Networking Essentials
Angular HTTP Client
Brief Representational State Transfer (REST)
Exercise (Video): Angular HTTP Client
Exercise (Video): Angular HTTP Client: Error Handling
Exercise (Video): Saving Changes to Server
Attribute Directives
Exercise (Video): Custom Attribute Directives
Angular Animations
Exercise (Video): Angular Animations Part
Angular Testing
End-to-End Testing Angular Applications
Exercise (Video): End-to-End Testing Angular Applications
Introduction to Webpack
Exercise (Video): Building and Deploying the Angular Application
Most Visited Related Posts
Angular, Development, Javascript, Programming
