Angular 5.0 – 3 Days

-

Angular 5.0 – 3 Days


Pre-requisites
  • Participants must be having mandatory knowledge and/or experience of Typescript and JavaScript programming.
  • Students should have considerable experience with HTML5.
  • Students should understand Intermediate JavaScript: Promises, Classes, and Events
  • Students should also know ES6 JavaScript Syntax
(It is mandatory to accomplish the training prerequisite conditions before nominating for the session)
AngularJS is an open-source JavaScript framework, maintained by Google that assists with running single-page applications. Its goal is to augment web-based applications with model–view–controller (MVC) capability, to make both development and testing easier.
Angular is the next big deal. Being the successor of the overwhelmingly successful Angular.js framework it’s bound to shape the future of frontend development in an analogous way. The powerful features and capabilities of Angular allow you to create complex, customizable, modern, responsive and user-friendly web applications.
Angular 5 simply is the latest version of the Angular framework and simply an update to Angular 2 & 4.
Angular is faster than Angular 1 and offers a much more flexible and modular development approach. After taking this course, you’ll be able to fully take advantage of all those features and start developing awesome applications immediately.
COURSE DETAILS
Technologies covered:   Angular 5.x.x
Programming languages:              JavaScript & TypeScript
Duration:                                             3 Days
COURSE OUTLINE
Day 1
Understanding Angular
  • What is Angular 5 and why to use it?
  • Installing and Configuring Angular 5 Project
    • Managing Dependencies and Development Environment
      • RxJs
      • SystemJs
    • Configuring TypeScript
      • Using tsconfig.json
    • Downloading packages using NPM
    • Configuring Webpack build
  • Angular 5 Architecture
  • Angular 5 Components (HOL)
    • What is Component?
    • Creating Component for DataModel
    • Understanding and Using Templates
    • Multiple Component Communication.
  • Understanding and Manipulating Templates
    • Using Templates
    • Rendering Views
  • Using Directives
    • Attribute and Structural Directives
    • *ngIf, *ngFor
Day 2
Angular 5 Data Binding and Forms
  • Need of Databinding for Professional Application Development (HOL)
    • Overview
    • Property Binding
    • Event Binding
  • Understanding Forms (HOL)
    • Data-Driven Forms (Model Forms)
    • Template Forms
    • Forms Validation
    • Custom validations
  • Understanding and Using Pipes (HOL)
    • Bulit-in Pipes
    • Parameterized Pipes
    • Custom Pipes
Day 3
Angular 5 Http Services, Routes and Dependency Injection
  • Understand Angular 5 Dependency Injection.
    • Injection introduction
    • Why dependency injection?
    • What can be injected?
    • Explaining DI
  • Creating services
    • Injecting services into Components
  • Using Services for Http Calls (HOL)
    • Performing Http Operations
    • Show async data via the async pipe
    • Understanding Observables
  • Understanding Angular 5 Routing
    • How routing works.
    • Configuration
    • Router Links
    • Parameterized Routes
    • Sub Routes
    • Lazy Module Loading

Comments

Post a Comment

Popular posts from this blog

Cloud Computing in simple

-
Cloud Computing =   Infrastructure as a Service (IaaS) + Platform as a Service (PaaS) + Software as a Service (SaaS) Cloud computing, also known as Cloud Technology, Cloud Applications or Cloud-based services. Cloud Computing is the practice of using a network of remote servers hosted on the internet to store, manage and process data, rather than a local server or a personal computer. Examples of cloud-based services include customer self-scheduling, data storage, online payment, and accounting software Different Type of Clouds Infrastructure as a Service (IaaS)  – Allows users with the services like Virtual servers, Virtual storage, Physical Database, Virtual Network, Physical Network. E.g. Google Storage ,  IBM Cloud Computing ,  Nimbus Platform as a Service (PaaS)  – Provides computational resources via a platform upon which applications and services can be developed and hosted. E.g. Databases, Data Stores,  Force.com ,  Google App Engine ,  Windows Azure  (Platform). Soft
Read more

How to Write an Effective Design Document

-
Image
How to Write an Effective Design Document Why write a design document? A design document is a way for you to communicate to others what your design decisions are and why your decisions are good decisions. Don’t worry if your design is not UML compliant and don’t worry if you didn’t use a special modeling tool to create it. The biggest factor that determines if your design document is good is whether or not it clearly explains your intentions. This presents a problem, however. In order to convey design decisions, you have to consider the audience that you are writing for. A peer developer will understand why a well-crafted class abstraction is a good design, however your manager will probably not. Because your peer developers and your manager have different concepts of what makes a design good, there is a need for two design documents; one for peer developers and one for managers. Each document serves a different and equally valuable purpose as you begin your project development. I
Read more

Bookmark

-
Good Blog about Architecture & design Patterns:   http://martinfowler.com/bliki/ http://www.sharepoint-videos.com/ http://go.cloudshare.com/Linkedin_ProPlus_SharePoint.html A Technical Q/A site: http://www.bookmarkresource.com http://blog.krisvandermast.­ com/ASPNET20PageLifeCycle.aspx http://blogs.vertigosoftware.­ com/shannonf/archive/2005/08/­ 07/1355.aspx http://john-sheehan.com/blog/­ net-cheat-sheets/ http://www.eggheadcafe.com/­ articles/20051227.asp http://duartes.org/gustavo/­ articles/Asp.net-Runtime-­ Cheat-Sheet-HttpRequest-­ HttpRuntime.aspx http://www.addedbytes.com/­ cheat-sheets/javascript-cheat- ­sheet/ http://www.antsmagazine.com/­ 2009/04/100-useful-cheat-­ sheets-for-web-designers-­ developers/ Nice link abt .Net 3.5: http://www.simple-talk.com/ dotnet/.net-framework/.net-3. 5-language-enhancements/ nice articles about JQuery. http://encosia.com/2008/05/29/ using-jquery-to-directly-call- aspnet-ajax-page-methods/ http://encosia.co
Read more