Full Stack Developer Certification Training Online - Appcoachers

Full Stack Developer Certification Training

Want to become Full Stack Developer? Appcoachers offers full stack development certification training online. For more information, click here.
Sector 4 Noida
Uttar Pradesh
201301
India

Call Now+91-9971532163

Send Messageinfo@appcoachers.com

Our LocationExecube, A-3, Sector 4, Noida (U.P.) - 201301

Full Stack Developer Training

About The Course

Appcoachers provide knowledge of both front-end and backend technologies (LAMP, MEAN, MERN) including HTML5, CSS3, Vanilla Javascript,NodeJs,Php,Spring Boot,Angular Js,React JS,MongoDB,Mysql.

The program will have access to 200+ hours of interactive online / offline learning. Appcoachers provide market standard use cases, skill specific assessment tools.

Modules Coverage

  1. Web Development and Deploy site to AWS/Google
  2. Javascript In Depth
  3. Jquery / Ajax / XHR
  4. Angular Frontend
  5. Backend Development (NodeJs / Php / Spring Boot)
  6. Database Management (Mongodb / Mysql)


Web Development

HTML Insights / Essentials

  • Frontend vs Backend language
  • Programming Language vs Scripting Language
  • What is HTML & why do we use HTML ?
  • HTML structure
  • Make first HTML page with 1st SEO
  • Link Pages together
  • List
  • Iframes

Adding Media to a web page

  • Images
  • Audio files
  • Video files

Text Basics

  • Headings
  • Lists
  • Bold & Italics
  • Special Characters

Semantics

  • Semantics Structures
  • Navigations
  • Non-Semantics Elements (div/span)
  • HTML comments
  • Section Tag

Forms

  • Form tag & inputs
  • Different Elements / Inputs tags used in HTML
  • From Validations
  • Form error messages & essentials

Tables

  • Table tag & usage of Thead & Tbody
  • Table for layout. Is this the right thing to do ?
  •  table Search
  • pagination
  • Tables Advanced
  • Datatables
  • Plugins & Implementations

CSS

  • CSS Intro
  • CSS selectors
  • Display properties
  • Position properties
  • Box model
  • Fonts
  • Animations
  • Transitions
  • Media Query
  • Mobile Responsive

        

SCSS

  • Why we use SCSS
  • Nested Structure

                

Bootstrap Framework

  • Intro
  • What is BootStrap?
  • Advantages
  • What is Mobile-First Strategy
  • Requirements to setup BootStrap
  • How to apply Bootstrap to Applications

                

  • Bootstrap Grid
  • Container
  • Offset Column
  • Reordering Columns
  • Display responsive Images
  • Change class properties
  • Typography
  • Tables
  • Form Layout
  • Button
  • Carets
  • hide or show the text
  • Display FLEX

  • BootStrap Components
  • Glyphicons
  • Dropdown Menu
  • Button Groups and Button Toolbar
  • Navigation Pills & Tabs
  • Navbar
  • Breadcrumb
  • Pagination
  • Labels / Badge
  • Jumbotron
  • Thumbnail
  • Alerts & Dismissible Alerts
  • Progress Bar
  • Media Objects
  • BootStrap Panel

  • Bootstrap Plug-Ins
  •  jQuery
  • What & Why Bootstrap Plug-Ins
  • Transition
  • Modal Dialog
  • Scrollspy
  • Tab
  • Drop Down
  • Tooltip
  • Popover
  • Alert
  • Collapse
  • Carousel
  • Affix

Angular

Introduction to Angular

Angular  is a JavaScript (actually a TypeScript based open-source full-stack web application) framework which makes you able to create reactive Single Page Applications (SPAs). Angular 7 is completely based on components. It consists of several components which form a tree structure with parent and child components. Angular's versions beyond 2+ are generally known as Angular only. The very first version Angular 1.0 is known as AngularJS.

  • What is Angular
  • Difference between Angular 2.0 vs 7.0
  • Angular CLI and Troubleshooting
  • Node JavaScript Introduction
  • Setup a Project
  • Setup Node js with angular
  • Typescript Introduction
  • What is bootstrap
  • Create Your Fist App

Modules and Components

Components are the key features of Angular. The whole application is built by using different components.

The core idea behind Angular is to build components. They make your complex application into reusable parts which you can reuse very easily.

  • What is Component in Angular
  • What is Module in Angular
  • Create and Start Component
  • Why Components are important.
  • How we create components
  • Create Component using CLI
  • What is nesting Component
  • What is Component Template
  • Component Styles and Selectors

Data Binding in Angular

Databinding is a powerful feature of Angular. Angular Databinding is used for communication. It is used to communicate between your TypeScript code (your business logic) and the other component which is shown to the users i.e. HTML layout.

Databinding is necessary because when we write the code in TypeScript, it is compiled to JavaScript and the result is shown on HTML layout. Thus, to show the correct and spontaneous result to the users, a proper communication is necessary. That's why databinding is used in Angular.

  • What is Data Binding
  • Splitting Application into Component
  • String Interpolation
  • What is Property Binding
  • Difference between Property Binding and String Interpolation
  • Binding with Custom Events.
  • What are Binding Properties and Events
  • Two Way binding
  • Combine Forms with Data binding
  • Custom Properties
  • What is Encapsulation
  • How to Use Local Reference in Templates
  • Template Access and DOM
  • Component Lifecycle
  • What is Hooks in Angular
  • Access Template with Hooks

Directives in Angular

Directives are instructions in the DOM. They specify how to place your components and business logic in the Angular.

Directives are js class and declared as @directive.

  • What is Directives
  • Using Output Data Conditionally
  • What is nglf and else condition
  • Output List
  • Styling Element with ngStyle
  • How to apply css class dynamically with angular
  • How to Create Basic Attribute Directive
  • What is Renderer
  • What is HostBinding and HostListener
  • Directive Properties
  • ngSwitch

Dependency Injection in Angular

  • What is Dependency Injection
  • What is Services
  • Logging Service and Injection
  • Create Data Service
  • Instance of Services
  • Insert Service into Services
  • How to use service in Cross Component
  • What is Hierarchical Injector

Routing

  • What is Routing?
  • Loading of Routes
  • Navigation and it path
  • Styling of Router Links
  • Relative Path Navigation
  • Define parameter in Routing
  • Fetch Routing Parameter
  • Observables
  • Passing  & Retrieving Parameters & Fragments
  • Nested Routing
  • Config Query Parameters
  • Redirection Routes
  • Route configuration
  • Route Guards
  • Protect Routes with canActivate
  • Navigation Controlling
  • Static Data in Route
  • Location Strategies

Forms

  • What is Forms and how we handle it?
  • Reactive Approach
  • Template Driven
  • Create Template Driven Forms
  • What is Registering Control
  • Use and Submit of Forms
  • Access of Forms
  • How to add validation in use input
  • Build-In Validation
  • HTML5 Validation
  • Output Validation and Error Messages
  • Two Way Binding
  • Grouping
  • Radio Button Handling
  • Patch Forms Values
  • Resetting Templates form Forms

Reactive Forms

  • What is Reactive Forms
  • Create Reactive form through code
  • Syncing of HTML and Form
  • Adding Validation
  • Sumit Forms
  • Grouping
  • Form Control Arrays
  • Custom Validators
  • Relative Forms

Async validation

  • Value changes and Reacting to status

Pipes

In Angular 1, filters are used which are later called Pipes onwards Angular2. In Angular 7, it is known as pipe and used to transform data. It is denoted by symbol |

  • What is Pipes in Angular
  • How we use pipes
  • Chaining Multiple pipes in angular
  • parameterizing a pipe
  • Filter Pipe
  • Impure & Pure Pipe
  • async Pipes

HTTP Requests

  • What is HTTP Request
  • sHow it work
  • How to send requests
  • Adjusting Request Headers
  • How to handle Get and Put Request
  • Catching HTTP Error
  • async with HTTP Requests

Authentication

  • What is Authentication
  • How Authentication Work
  • Introduction to JSON Web Tokens
  • Creating Page and RouteFirebase SDK
  • User Signing UP and In
  • Sending Token & Requiring
  • Authentication Status
  • How to add Logout button
  • Protection & Redirection of Route

Angular Modules

  • What is idea behind Modules
  • What  is feature Modules and how we create it
  • What is App Modules
  • Registering Routes in Feature Modules
  • What is Shared Module and how we create
  • Create the Auth Feature module
  • What is Lazy Loading
  • How to Modules & Services works
  • What is Core Module
  • How to Create Basic Core Module
  • AoT Compilation with CLI

HTTP Client

  • What is HttpClient and how we unlock it
  • Request Configuration with ResponseRequest Events
  • Set up HeadersHTTP Parameters
  • What is Interceptors
  • Modify Request in Interceptors
  • Multiple Interceptors

Animations

  • What is Angular Animations
  • Triggers and State
  • Switch between States
  • Basic and Advanced Transitions
  • What is void state
  • Key frames in animation
  • Animation Callback

Unit Testing

  • What is Unit Testing
  • How to Analyze CLI Testing Setup
  • Running Test with CLI
  • Components and dependencies
  • Async Tasks
  • Adding Component with tests
  • Difference between Isolated and Non-isolated Tests

BACKEND

Module Objectives:  

  • Building Working Knowledge on Express framework to develop web application  which can be of both backend and frontend (responsive)
  • Implement MVC design pattern to provide high end user experience on different platforms like web / mobile / tablet

Overview:

This course provides you company standard knowledge  on Express framework driven by hands-on experience and exposure to develop responsive web applications using MVC design patterns.

Prerequisites:

  • Knowledge of Javascript
  • OOPS Concepts

Detailed course contents:

  • Introduction to Express Framework  
  • Introduction to Nodejs  
  • What is Nodejs  
  • Getting Started with Express  
  • Your first Express App  
  • Express Routing  
  • Implementing MVC in Express
  • Middleware  
  • Using Template Engines  
  • Error Handling  
  • API Handling  
  • Debugging  
  • Developing Template Engines  
  • Using Process Managers  
  • Security & Deployment

Node.js

  • Server-Side JavaScript
  • NPM
  • JavaScript Build Processes
  •  Event Loop and Emitters
  •  File System Interaction
  •  Modules

Express + APIs

  • HTTP in Depth
  •  Calling APIs
  •  Reading API documentation
  •  Basic API Authentication
  •  OAuth 2.0
  •  API-Based Sign-In with SDKs
  •  API-Based Sign-In with Omniauth
  •  Uploading to Amazon S3
  •  ExpressJS
  •  Cookie and Session Persistence
  •  Deploying JavaScript Applications

Authentication and Security 

  •  Intro to Security and Authentication
  •  Basic and Digest Authentication
  •  Session-Based Authentication Cookie-Based Authentication
  •  JSON Web Tokens
  •  Hacking Attack Vectors

Testing

  • Overview of Software Testing
  •  Unit Testing
  •  Integration Testing
  •  Factories
  •  JavaScript Testing Frameworks

Database Management

Data is the core of every major web application and you have to be fluent in its modeling, storage and retrieval in order to be an effective engineer. During the Databases portion of the course, you will learn everything you need in order to break down a website into its core data model and then implement that model yourself.

Data Modeling

  • Data Relationships
  • Designing a Data Model
  • Relational Databases
  • Alternative Databases
  • Data Normalization
  • Entity Relationship Modeling (ERM)

SQL

  • Working with Database Schemas
  • Create-Read-Update-Destroy (CRUD)
  • Joins
  • Aggregate Functions and Groups
  • Sub Queries

NoSQL

  • Serialization
  • Modeling NoSQL data
  • Document Databases (MongoDB)
  • NoSQL Best Practices
  • MongoDB Environment  
  • MongoDB Create Database  
  • MongoDB Drop Database  
  • MongoDB Create Collection  
  • MongoDB Drop Collection  
  • MongoDB Read Operations  
  • MongoDB Write Operations  
  • MongoDB Data Modelling  
  • MongoDB Administration  
  • MongoDB Security  
  • MongoDB Aggregation  
  • MongoDB Indexes  
  • MongoDB Storage & replication

Eligibility

Any technical degree or equivalent such as B.tech, M.tech, degree in engineering, bachelor/master's in computer science, and basic programming knowledge.

Pre-requisites

There are no prerequisites for taking up this Full Stack Training Course