Online Training, IT Technology Business Certification Courses - Busygamers.com/Academy

BECOME A FRONT END DEVELOPER IN
12 WEEKS

View Session Recording

$100K

Avg salary of Front End Web Developer is $75K to $100K for 2+ years experience

20%

Web Development employment to grow to 20% more by 2022

Demand

Front End Web Developers are much in demand making it a hot job for 2016

  162+  REVIEWS
14343+  LEARNERS
"Once a new technology rolls over you, if you`re not part of the steamroller, you`re part of the road."  - Stewart Brand
15,499

OUR MENTOR-DRIVEN PROGRAM
Learn the fundamentals
Learn intermediate concepts
Learn advanced concepts

Getting Started

  • Know history and mission of BGAcademy.
  • Get a walkthrough on the Course plan.
  • Set up Sublime Text / Atom.io and get familiar with it.
  • Install and get familiar with common Git commands.

Start with Basics

  • Understand how arrays and objects are work in JavaScript.
  • Start working on advance JavaScript concepts.
  • Get in depth knowledge on Closures, Constructors, Functions, Prototypes and different types of Inheritance.
  • Learn basics of jQuery.
COURSE SYLLABUS
Introduction to AngularJs 2

  • Evolution of the web
  • Introduction to front end frameworks
  • What is Single Page Application
  • How SPA works
  • Traditional website
  • Misconception about SPA
  • What's new in SPA
  • Benefits of SPA
  • History of Angular
  • Problems with angular 1.x
  • Introduction to Angular 2
  • Transpilers
  • Tech Supporting ng2
  • Dev Environment Setup
  • Hello World Example - ng2

ES6

  • What is ES6?
  • Does All browser supports ES6?
  • Some basic features of ES6
  • Scoping
  • Destructuring
  • Promises
  • Arrow functions
  • Drawback of Arrow Function
  • Sets and Maps
  • WeakMap
  • Rest parameters
  • Spread
  • Iterators
  • Generators
  • Classes
  • Inheritance
  • Get & Set
  • Module

TypeScript I

  • Typescript features
  • Typescript: Data types
  • Functions
  • Function: Inferring the types
  • Typescript: Classes
  • Typescript: Inheritance
  • Typescript: Interface
  • Public ; private; and protected modifiers
  • Generics
  • Generic Types
  • Generic Classes
  • Generic Constraints

TypeScript II

  • Typescript: Decorators
  • Enable Experimental Support for Decorators
  • Class Decorator
  • Property Decorator
  • Method Decorator
  • Parameter Decorator
  • TypeScript Modules
  • Implicit Internal Modules
  • Named Internal Modules
  • Exports
  • External Modules
  • Namespace
  • Mixins

Seed Project, BootStrapping,Project Structure,Angular Module,Component Basics, Project I

  • Angular 2 Project
  • Angular 2 Architecture
  • Angular 2 beta
  • Gulp
  • Webpack
  • webpack dev server
  • Sass
  • Jasmine
  • Karma
  • Angular 2 beta
  • Running Angular 2 beta application
  • Understanding Tsconfig.json
  • Typings
  • Bootstrapping Angular App
  • Project Structure
  • Angular Module
  • Angular Library Module
  • Basics of component
  • Component Decorator
  • Component Decorator details
  • Advantage and limitations of component

AngularJs Template Syntax, InBuilt Directives, Project I Cont..

  • Interpolation
  • Template Expressions
  • Template Statements
  • Binding Syntax
  • Property Binding
  • Property binding or interpolation?
  • Attribute Bindings
  • Class binding
  • Style binding
  • Event Binding
  • Local Template Variables
  • Built-in Directives - NgClass ; NgStyle;NgIf;NgFor;ngNonBindable;NgSwitch
  • * and

Data Bindings, Forms in Angular 2

  • Difference in Event & Property Binding
  • Two way data binding with ngModel
  • User Input
  • Form Controls in Angular 2
  • Controls and Control Groups
  • Form & NgForm
  • input & NgControl
  • Error & Validation Handling
  • CSS for Forms
  • Custom validation

Dependency Injection in Angular 2

  • Dependency Injection
  • Why dependency injection?Dependency Injection: Usage
  • Configuring the injector
  • Injectable Decorators
  • Dependency Injection Tokens

Components in Detail

  • Component in Angular 2
  • Metadata for Classes
  • Styles
  • Encapsulation
  • Templates
  • Component Availability
  • Annotations
  • Event Delegation
  • Delegation: EventEmitter
  • ViewChildren & Content Children

Directives in Detail

  • Directives
  • Difference between Directives and Component
  • Directive Metadata
  • Types of directive
  • Point to remember
  • Host
  • HostBinding
  • HostListener
  • Web Component
  • ExportAs
  • LifeCycle
  • ngOnInit
  • ngOnChanges
  • ngDoCheck
  • ngOnDestroy
  • Input
  • Output.

Pipes

  • Pipes
  • Chaining pipes
  • Parameters in Pipe
  • Custom Pipe
  • Async Pipes
  • Built In Pipes -date
  • Slice
  • Decimal
  • Percent
  • Currency
  • J-son
  • Lowercase
  • Uppercase
  • About Pipe in detail

Routing, Navigation

  • Router
  • Behavior of Browser
  • Introduction to Router
  • The Basics
  • Configuration
  • RouteConfig
  • RouterOutlet
  • RouterLink
  • ROUTER_PROVIDERS
  • Navigation
  • Life Cycle
  • Two critical points
  • Child Routers
  • Query Parameters
  • URL Style/HTML5 Mode
  • Linker Route Parameters

Http Client

  • Http Client
  • HTTP Get
  • Post Methods
  • Promises
  • Observables vs Promises
  • Transforming Data
  • JSONP
  • Custom Headers
  • Query String Parameters
  • Intro to RxJS

Services, Providers,LifeCycle hooks

  • Intro to Services in Angular 2
  • Service
  • Inject the HeroService
  • Providers Overview
  • Simple Service Example
  • Lifecycle Hooks Component Lifecycle
  • Methods - OnInit
  • OnDestroy
  • DoCheck
  • OnChanges
  • AfterContentInit
  • AfterContentChecked
  • AfterViewInit.

Events in angular 2, data & state management

  • Events in Angular Event Emitter Class
  • Emit Method
  • Next Method
  • Subscribe Method Data & State Management - Observables
  • State Management with Observables
  • RxJS in Detail
  • ngRedux.

Migrating Angular 1 to 2, Performance Considerations, change detection

  • Migrating Angular 1 to 2 Code Changes
  • Upgrade Adapter
  • Hybrid App Angular 1 & 2
  • Upgrade
  • Controllers Performance Considerations
  • Change detection - Performance Considerations
  • Change Detection system
  • Change Detection Strategies
  • Bypassing Components

Testing & deployment

  • Testing Angular 2 Apps Unit Testing
  • Technologies - Jasmine
  • Mock Dependencies
  • Testing
  • Components
  • End to End Tests
  • Performance Tests Deployment

ReactJS I

  • Introduction
  • Data driven web application in Ideal shape
  • Data driven web application in reality
  • What is React?
  • What is Flux?
  • What is Relay?
  • What is Relay?
  • Why ES2015 (ES6)
  • Introduction of Target project
  • Book Store Application

ReactJS II

  • Setup React
  • Setup Webpack and Babel
  • Setup Project (A node project)
  • Building project
  • Test the project
  • HMR (Hot Module Replacement)
  • Linting our project
  • Putting style to our project
  • Adding Twitter Bootstrap & test it.

Angular testing - Part 3

  • Introduction to karma
  • Generate karma.config.js

Project II

  • Mentee can select project from predefined set of BGAcademy projects or they can come up with their own ideas for their projects

Project II cont...

  • Mentee can select project from predefined set of BGAcademy projects or they can come up with their own ideas for their projects

Project II cont...

  • Mentee can select project from predefined set of BGAcademy projects or they can come up with their own ideas for their projects

Project II cont...

  • Mentee can select project from predefined set of BGAcademy projects or they can come up with their own ideas for their projects

INTERESTED IN CORPORATE TRAINING?
12
WEEKS
COURSE DURATION
2
SESSIONS
EVERY WEEK
1.5
HOURS
EACH SESSION
200
HOURS
PROJECTS & ASSIGNMENTS
GREAT
CAREER

COURSE EXTRACT

Level
Intermediate
Pre-Requisites
Basic programming knowledge + HTML, CSS and JavaScript
Technologies/Tools
jQuery, BootStrap, AngularJS
Projects
2 (Fully Functional)
Batch Size
8 - 10 Students
Job Preparation
Yes
Certification
Yes
24*7 support
Yes

WE HELP YOU GET A GREAT JOB


ADDITIONAL BONUS WEEK


On course completion, you are ready to enter the exciting world of corporates . We show you how to make the right impression at job interviews.


INTENSIVE JOB INTERVIEW PRACTICE

Congratulations, you're now a programmer with awesome skills. In this bonus week, we'll help you prepare for your job interviews so that you can make a great first impression. This includes:

Job Preparation
2 in-depth mock technical interviews


Job Preparation
Guidance on how to answer real interview questions from top employers


Job Preparation
Assistance with creating a resume that stands out


BUILDING AN ONLINE REPUTATION

We can help you build that online presence on sites such as Git, StackOverflow, Quora, and LinkedIn.

Oracle
IBM
Microsoft
CISCO

PROJECTS WHICH STUDENTS WILL DEVELOP

1
Own Web Site

This project aims at creating your own website with all the images, description and proper working links. The web site shouldn’t have any JavaScript errors.

2
Restaurant Finder Website

This project aims at creating a website where in the users can search for restaurants present in a particular area. Mapping for the restaurant should also be available in the website.

3
Simple Form Creation

This project aims at creating a simple form with all the basic functionalities.

4
Front End for a Social Networking website

This project aims at creating a website which has simple and good graphics and colours. Create a good, shared environment where the content can be easily produced.

5
Event App

This project aims at creating a simple application to create and view HTML5, CSS3, JS and jQuery events.

6
Ride Sharing website

This project aims at creating a website where the users can share a cab among themselves easily and conveniently. Easing payment options should also b incorporated in the website.

CUSTOMER FEEDBACK


PRICING

15,499



Refund


MONEY BACK GUARANTEE

If you are unhappy with the course and opt out in the first week, you get a complete refund.



Scholarship


SCHOLARSHIPS

We subsidize our fees by 10% for military personnel, and college students with exceptional records. To apply for a scholarship, email enquiry@acadgild.com.



Discount


GROUP DISCOUNT

More than 3 people in a group or from the same Company can avail special discount. For more information contact us at enquiry@acadgild.com

FAQ'S

What is Frontend Web Development course?

This course is an advance course over the basic Front End Web Development course. Here along with Advanced JavaScript you also learn jQuery, BootStrap and AngularJS which is a client-side JavaScript framework that lets you extend HTML vocabulary for your application.

Who should do this course?

This course is for professionals who want to enhance their expertise. Web Developers, Software Engineers, Mobile App Developers and candidates with technical background will benefit from this course.

What are the pre-requisites for this course?

Basic programming knowledge as well as basic knowledge in HTML, CSS and JavaScript. In case you want to brush up or learn the same, then we provide a complimentary Front End Web Development course as well.

Technologies that will be used for this course.

jQuery, BootStrap, AngularJS

Chat History
Copyright © Busy Gamers LLP 2016. All Rights Reserved

BGAcademy is an online training academy which teaches web development, mobile application development and big data courses. BGAcademy provides mentor driven online courses in frontend web development, Android app development, big data development, hadoop development, big data administration and robotics. With BGAcademy, you can learn how to build great responsive websites using latest technologies like Angular and Node. You can also learn to develop Android applications from the comfort of your home. Want to learn how to build fully functional and complex websites ? Or want to learn Android application development courses? Looking to create beautiful mobile applications? Looking for mentor driven web development Android programming course at affordable price? Trying to find best online classes for frontend development and Android development? Looking for summer programming camp for children at affordable price? Looking for Android programming for children? Looking for an expert to teach you big data development or big data administration? Want your child to become a robotics engineer? Look no further. Our expert mentors can teach to beginners as well as expert programmers. Our web development, Android app programming courses, big data courses and robotics course are tailored to your need. If you do not have any prior programming knowledge or skills, we will teach you from the basics of programming. With our comprehensive web development and Android app development courses, we are sure BGAcademy is the best online coding bootcamp for Android programming courses.