Front End Training

Bootstrap File Structure

Default Grid System, Fluid Grid System

Working with Responsive Design

Bootstrap CSS, Layout, plugins, and component

Why Responsive and Introduction to responsive design

Why does responsive design work for any device?

Remote debugging and emulation in the browser

Learn about sizing the content to the viewport

Touch targets, and why they should be large

How to apply the mostly fluid pattern, column drop pattern, layout shifter pattern

Web optimization etc

Introduction Class & Objects

Class Constants, Data Types

Constructors and Destructors

Object Inheritance, Static Keyword

Class Abstraction and Object Interfaces

Overloaing / Overriding Methods

Magic Method Final Keyword

Practical Assignment

Introduction to JavaScript

How to create a JavaScript application, test and Debug

How to get input and displays output with numbers, strings, dates

How to code control statements with array, Function and object

How to use regular expressions, handle exceptions, and validate data

OOP with JavaScript with primitive data type, loop and conditions

JavaScript Object and prototype etc

Overview of NodeJS and Installing

Exploring language additions to the V8 JavaScript engine

Role of Node Package Manager (NPM)

Global vs. Local NPM installation

Understanding Nodejs modules

The HTTP protocol and server

Rendering a response

Buffer, event and streams etc

Working with Json and JQueries

What is AJAX ?

jQuery ajax methods

Send ajax request using post method

What is callback? and Store request data in the database

Errors Handling and Send ajax request using get method

Send Ajax to JSON API, Send ajax request using jQuery method

Send http get request to JSON API using jQuery ajax method

jQuery serialize method and Submit form using another way

Introduction To React

Setting up the Development Environment

Hello react and Custom Config

Full Stack Architecture

ES6 Refresher and component

Composing Components

Passing Data to Components

Passing Children

Debugging React App

Props vs State

Raising and Handling Events

Pagination, filtering and sorting, routing

Working with forms and validation

SetState Function and Upgrading Dependencies

Working with a Separate State Manager and Asynchronous API on Client

Calling Backend Services with JSON Placeholder

HTTP clients, Getting Data, Creating Data

Performance and optimization with React.js etc

Architectural Overview Angular Ver 2 To latest version x.x

Introduction to Angular 2-to- latest version x.x

Angular Evolution - v1.x to v x.x

Difference between AngularJs1.x and Angular 2-to-x.x

Understand difference between other Web technologies like JSP, PHP with Angular

Simplifying development of complex modern applications

The organization of an Angular app

Supporting multiple client devices

Configuring an Angular development environment

Bootstrapping your first Angular application

Testing angular component and interface

Passing data from parent to child with Input bindings

Listening for property changes with ngOnChanges

Binding a model to display with interpolation

Detecting and responding to user interaction

Capturing browser events

Emitting custom events to trigger behavior

Navigation and data transformation

Working with interactive forms and managing async behavior

Working with how to extend angular capabilities etc

Make a plan about how we can achieve our goal with deadline

Discussed & finalize Project definition

Define difficulties and solutions for project definitions

Research Analytics on project definition

Prepare Documents as : Wireframing, Document of Requirement, Target Audience

Any graduate Can make their career into Front-End development, Web Designing or UI/UX