Please enable Javascript to correctly display the contents on Dot Net Tricks!

 

Angular2+4 with Firebase Development

Reviews
Master in Angular2 and Angular4 by developing Single Page App. At the end of this course, students will able to use Angular and REST API to develop an end-to-end Single Page App.

Watch Pre-Recorded Live Class Video

Angular Training

Why Angular?

An open source and widely used framework created by google, to build cross-platform desktop, web and mobile apps.
A complete hands-On training including project development using industry best practices and design priciples.
Paytm, American Express, Dell, Wal-Mart and many Fortune 500 companies are using Angular as their front-end development framework.
Average salary of Angular Developer is $102k (based on Indeed.com salary data).

Course Description

  • About the course
  • Course Curriculum
  • Assessment
  • Projects
  • F&Q's

About the course

The Angular Development course is primarily designed for UI Developer(s)/Web Developer(s) who want to learn how to create single page web application using Angular. In this course, you will learn the Angular2, Angular4 and TypeScript fundamental like modules, components, life cycle hooks, pipes, directives, services, forms validation, classes, interface, method overloading, arrow function etc. that help you to build rich, scalable, extensible and high performance single page web application and much more.

Course objectives

At the completion of this course, attendees will be able to;

  1. Understand Typescript core and advanced concepts
  2. Understand Angular2 and Angualar4 basic and advanced in-depth concepts
  3. Create components, services, pipe and forms validations etc.
  4. Create REST Service using Firebase
  5. Consume Firebase REST service
  6. Optimize web page performance
  7. Secure application based on user roles
  8. Scale SPA for Phone, Tablets, Laptop & Desktop using Bootstrap
  9. Publish their App

Who can do this course?

All professionals who are keen to develop interactive, light weight and highly extensible SPA should go for this course.

Pre-requisites

Anyone who wants to learn AngularJS development should have a basic knowledge of programming, JavaScript and HTML/HTML5.

Module 1

TypeScript

  1. Issues with Plain JavaScript
  2. Introduction to TypeScript
  3. Advantages of TypeScript
  4. Getting Started with TypeScript
  5. Setting VS Code for TypeScript

TypeScript Fundamentals

  1. TypeScript Data Types
  2. Numbers
  3. Strings
  4. Loops

Functions

  1. Functions
  2. Arrow Function
  3. Default and Optional Parameters
  4. Function overloading

Classes, Access Modifiers and Constructors

  1. Classes
  2. Access Modifiers
  3. Constructor
  4. Constructor Overloading
  5. Static Members

Inheritance and Interfaces

  1. TypeScript Inheritance
  2. Introduction to Interface
  3. Using Interfaces

Generics and Modules

  1. Generics
  2. Creating Modules
  3. Importing Modules

Module 2

Introduction to Angular2

  1. Understanding Angular2
  2. Advantage of Angular2
  3. Angular1 vs. Angular2
  4. Browsers Support

Get Started with Angular2

  1. Setting up an Angular 2 App
  2. Running an Angular 2 App
  3. Understanding Angular2 folder structure
  4. Angular2 Initialization Process
  1. Introduction to Component
  2. Creating a Component
  3. Bootstrapping the Component

Databinding

  1. Understanding Data Binding
  2. Attribute Binding
  3. Two-way Data Binding
  4. Event Binding etc.
  5. Choosing Appropriate Data Binding

Angular2 CLI

  1. Introduction to CLI
  2. Creating new project-ng new and ng init
  3. Building Project-ng build and ng serve
  4. Ng CLI options
  5. Ng CLI for creating
  6. components, services, directives and Pipe etc.

Module 3

Directives and Pipes

  1. Built in Directives-ngIf, ngFor, ngSwitch etc.
  2. Creating Custom Directives
  3. Angular2 Pipes
  4. Creating Custom Pipes

Bootstrap

  1. Bootstrap Fundamentals
  2. Bootstrap Grid System
  3. Bootstrap Components
  4. Bootstrap JavaScript

Routing

  1. Understanding Routing
  2. Defining Routes
  3. Nested Routes
  4. Attaching Routes to Actions
  5. Defining Templates

Module 4

Advanced Components and Directives

  1. Components Life Cycle Hooks
  2. Nested Components
  3. Data sharing between nested components

Inheritance

  1. Introduction to Angular2 Inheritance
  2. Components Inheritance

Angular Forms and Controls

  1. Introduction to Angular 2 Forms
  2. Types of Angular2 Forms-Template Driven and Model Driven
  3. Template Driven vs. Model Driven

Template Driven Form

  1. Creating Template driven Form
  2. Angular form input controls
  3. Angular form validation
  4. Angular form and controls properties

Model Driven Form

  1. Creating Model Driven Form
  2. Angular form input controls
  3. Angular form validation
  4. Angular form and controls properties

Module 5

SPA

  1. Introduction to SPA
  2. SPA vs. MPA
  3. Most Popular SPA
  4. Advantages of SPA

Services

  1. Understanding Angular2 Services
  2. Creating

Database Operations with REST Service

  1. Introduction to REST
  2. Developing REST services using Node.js and MongoDB
  3. REST Service CRUD Operations

Module 6

Unit Testing

  1. Understanding Unit Testing
  2. Angular Unit Testing Framework
  3. Unit Testing with Jasmine and Karma
  4. Writing Unit Tests
  5. Running and Debugging Unit Tests with VS

Module 7 (Project: Online Flight Booking Site Development)

Discussing Project Architecture

  1. Understanding Application layers
  2. Discussing Application Entities Properties
  3. Discussing Relationship among Application Entities

Developing Application Architecture

  1. Designing Application Architecture
  2. Developing REST API
  3. Developing User Login and Signup Page

Module 8 (Project: Online Flight Booking Site Development)

Security

  1. Implementing Token based Authentication
  2. Managing User session
  3. Implementing Authorization

Route Protection

  1. Protecting a Route from Unauthorized Access
  2. Need of Route Protection

Developing Category, Product Operations

  1. Developing Category CRUD Operations
  2. Developing Product CRUD Operations

Product Listing

  1. Displaying Products to Users
  2. Applying Paging and Sorting

Module 9 (Project: Online Flight Booking Site Development)

Cart

  1. Creating Cart
  2. Adding Products to Cart
  3. Removing Products from Cart

Payment Gateway

  1. Understanding Payment Gateway Process
  2. Integrating Payment Gateway
  3. Listing Successful Transactions
  4. Listing Failed Transactions

Module 10 (Project: Online Flight Booking Site Development)

Github

  1. Understanding Github
  2. Creating Github Repository
  3. Uploading code to Github repository
  4. Performing operations on repository

Deployment

  1. Deploying using Github
  2. Angular2 Hosting Options
  3. Hosting Angular App on cloud server Heroku

Mock-up Tests and Assignments

Dot Net Tricks's mock-up tests and assignments help the professionals to work on real-world projects and to get an edge in their careers and make their lives better. This training program includes 3 mock-up tests and 2 assignments.

Mockup-Tests objectives

At the completion of mockup-tests, attendees will be able to;

  1. Monitor theirs learning progress
  2. Evaluate themselves
  3. Crack theirs technical interview first round with objective questions

Assignments objectives

At the completion of assignments, attendees will be able to;

  1. Gain confidence to work on AngularJS project
  2. Evaluate theirs development skills
  3. Prepare themselves for real-application development

Desciption

You will learn how to develop an online Flight Booking site. The site will show the list of flights to User/Customer. A user can buy a ticket for a flight and check ticket availability. He can see the previous booking history. Here, admin will be responsible for adding flights with their tickets. The application will use three-tier architecture with extensible approach. We would be using payment gateway to do online payment and finally publishing it.

Project Architecture

The primary goal of this architecture is to share as much code as possible across the web application and further reuse existing code for mobile apps development if necessary. This architecture will help you to develop web application with the recommended design patterns and practices.

What you will learn through project?

  1. Develop Angular Single Page App
  2. Break a project into multiple modules
  3. Create shopping cart
  4. Integrate payment gateway
  5. Validate User Inputs
  6. Create REST Service using Firebase
  7. Scale application for Phone, Tablets, and Laptop & Desktop using Bootstrap
  8. Optimize your page performance
  9. Secure their application based on user roles
  10. Publish their App on Cloud

Frequently Asked Questions

Q1. What resources do I need to join online course?

To join our online training class, you need to have a laptop or pc, a headphone and an internet connection.

Q2. Do you provide any course material?

Yes we do. All relevant course material and exercises you will be get through our mentors.

Q3. Do you provide any class video?

Yes we do. You will get the recorded sessions of your own online training classes, so that you can revise your class when you want.

Q4. What If I miss my online training class?

All online training classes are recorded. You will get the recorded sessions so that you can watch the online classes when you want. Also, you can join other class to do your missing classes.

Q5. What If I miss my classroom training class?

You can join other on going classroom batch classes to do your missing classes.

Q6. Do you prepare me for the job interview?

Yes, we do. We will discuss all possible technical interview questions and answers during the training program so that you can prepare yourself for interview.

Q7. Do you provide hands-on real application development?

Yes, we do provide you to do hands-on real application development.

Q8. Whom do I contact, if I have more queries?

You can give us a CALL at +91 113 303 4100 OR email us at enquiry@dotnettricks.com
Self-Paced Learning

  • 365 days of access to pre-recorded sessions videos
  • 365 days of access to forum
  • 365 days of access to interactive Learning Platform

8,000/140

Instructor Led Training

  • 365 days of access to interactive live sessions videos
  • Interactive instructor-led live sessions
  • Live Q&A sessions with mentor
  • Expert guidance and mentorship
  • 365 days of access to forum
  • 365 days of access to interactive Learning Platform

12,500/220

Upcoming Batches

Instructor-led Live Online Classes

18

NOV
DNT88
Sat, Sun
10:30 AM-12:30 PM IST(+5.30 GMT)
12,500/220

Instructor-led Classroom Sessions

18

NOV
DNT37
Sat, Sun
04:00 PM-07:00 PM IST(+5:30)
12,500/220

Dot Net Tricks For Corporate Training

Our corporate training programs are specially designed as per industry requirements, so that your employees can develop applications with latest technologies. As a trusted and resourceful training partner, Dot Net Tricks helps you achieve success with its industry-leading instructional design and customer training initiatives.
Students Speak
Previous Next

Course Overview

Type
: Project-based Training Program
Audience(s)
: UI Developer(s)/Web Developer(s)
Tools/IDE
: Visual Studio Code, Webstorm
Delivery method(s)
: Instructor-led Classroom/Online Training
Duration
: 28 Hours
Language
: English

Course Features

All the instructor led online training sessions are recorded and made available in LMS within 24 hours. This includes video, course material, exercise files and ppts used during the session.
All the sessions are delivered using real-life examples. You will learn how to develop real project using industry recomended principles and practices.
Each Module will be followed by objective mockup tests and practical assignments which help you to monitor your learning progress and Evaluate yourself.
You get 365 days access to the Learning Management System (LMS). Class recordings and presentations can be viewed online from the LMS.
Towards the end of the course, you will be working on a project. Dot Net Tricks certifies you based on the project.
We have a community forum for all our learners wherein you can enrich their learning through peer interaction and knowledge sharing.
We have 24x7 online support team available to help you with any technical queries you may have during the course.
+