Skype | Facebook | Google+ | Home | Sitemap | Contact us | +92 321 3499131 | +971 4 221 6756











 
ICT Offers
Partnership
Online Training

Full Stack Development

Full Stack Development is HTML, CSS, Javascript, JQuery, Bootstrap, MongoDB, Express, Angular and Node.js training will help you to learn: Building full stack applications in JavaScript using the latest technologies, Architect Full stack applications from scratch, Design and build RESTful APIs using Node.js Express and MongoDB, Create and use MongoDB databases, Develop modular and maintainable Single Page Applications using Angular.

Course Outline [Download]

Front-End Development

HTML

  • Fundamentals of HTML
  • Basic HTML tags
  • Format text on Web Pages
  • Incorporate images
  • Create hyperlinks
  • Create complex image maps
  • Create tables and nested tables
  • Insert a form on a web page
  • Set, modify form field properties: text field, drop-down, check box, radio button
  • Validating HTML

Cascading Style Sheet - CSS

  • Introduction
  • Designing with Style Sheets
  • Style Sheet Syntax
  • ID, Class Contextual Selectors
  • Linked (External) Style Sheets
  • Cascading Order
  • Properties: Text, Font, Colors, Backgrounds, Borders
  • Floating Elements
  • Absolute and Relative Positioning i.e. Div’s etc.
  • Layering Elements with the Z-Index
  • Animation of objects

JavaScript & Document Object Model - DOM

  • Introduction to JavaScript
  • Variables and  Objects
  • Decision Making Statement: If, Switch
  • Loops: For, While & Do While
  • Arrays
  • Functions and Prototypes
  • Core JavaScript Objects
  • DOM Introduction
  • DOM Event Model
  • DOM Functions i.e. Document.Write, Document.GetElementById, Document.bgColor etc.

JQuery

JSON

  • Core Concepts of JSON
  • Arrays
  • JSON Parse
  • JSON Stringify
  • Accessing JSON via AJAX in Javascript

BootStrap

  • Core Concepts of Bootstrap
  • Bootstrap Classes
  • Alerts, Buttons, Badges, Cards
  • Carousel
  • Forms
  • Modal
  • Bootstrap Grid System

 

Single Page Application

Typescript

  • What is TypeScript?
  • Language Overview
  • Type Annotations [Datatypes]
  • Type Assertions [Type Casting]
  • Inferred Typings
  • Expressions & Operators
  • Control Structures
  • Arrays
  • OOPs in TypeScript
  • Creating Classes & Objects
  • Transpiling Typescript to Javascript

Angular

Introduction and Overview

  • Course Introduction
  • What is Angular?
  • Features and benefits of Angular
  • So many Angular versions! What's up with them and which version does this course cover?
  • Angular vs Angular 2 vs Angular ++

ClI Deep Dive and Troubleshooting

  • Installing Angular
  • Creating New Project

A Basic Project Setup using Bootstrap for Styling

  • How an Angular App gets Loaded and Started
  • Project Setup and First App
  • Editing the First App

Architecture

Components

  • Components are Important!
  • Creating a New Component
  • Understanding the Role of AppModule and Component Declaration
  • Using Custom Components
  • Creating Components with the CLI & Nesting Components

Components & Templates

Data Binding

  • What is Databinding?
  • String Interpolation
  • Property Binding
  • Property Binding vs String Interpolation
  • Event Binding
  • Bindable Properties and Events
  • Binding to Custom Properties
  • Assigning an Alias to Custom Properties
  • Binding to Custom Events
  • Assigning an Alias to Custom Events
  • Passing and Using Data with Event Binding
  • Important: FormsModule is Required for Two-Way-Binding!
  • Two-Way-Databinding
  • Combining all Forms of Databinding

Filteration - Pipes

Directives

Structural Directives

  • Using ngIf to Output Data Conditionally
  • Enhancing ngIf with an Else Condition
  • Styling Elements Dynamically with ngStyle
  • Applying CSS Classes Dynamically with ngClass
  • Outputting Lists with ngFor
  • Getting the Index when using ngFor
  • Understanding ngSwitch

Attribute Directives

  • Building an attribute directive

Forms

Observables & RxJS

View Encapsulation

  • Understanding View Encapsulation
  • Using Local References in Templates
  • Getting Access to the Template & DOM with @ViewChild
  • Projecting Content into Components with ng-content
  • Getting Access to ng-content with @ContentChild

NgModules

Using Services & Dependency Injection

  • Why would you Need Services?
  • Creating a Logging Service
  • Injecting the Logging Service into Components
  • Creating a Data Service
  • Understanding the Hierarchical Injector
  • How many Instances of Service Should It Be?
  • Injecting Services into Services
  • Using Services for Cross-Component Communication
  • What new in Services?
  • Singleton Services

HttpClient

Routing & Navigation

Material Design

Testing

Server-Side Development

Database Management System

MongoDB

  • What is MongoDB and its Versions?
  • MongoDB CLI
  • Administration & Query Browser
  • Creating Databases and Collections
  • Data Types:Varchar, Int, Char, Date and Time
  • Deleting databases and collections
  • Inserting, Retrieving, Updating and Deleting documents
  • MongoDB User Accounts, Privileges and Access Control
  • MongoDB documentation

Node.js using Express Framework

  • Node.js - Get Started
  • What is Node.js
  • Node.js Process Model
  • Setup Dev Environment
  • Node.js Console
  • Node.js Basics
  • Node.js Modules
  • Local Modules
  • Export Module
  • Node Package Manager
  • Node.js Web Server
  • Node.js File System
  • Debugging Node.js
  • Node Inspector
  • Node.js EventEmitter
  • Frameworks for Node.js: Express.js
  • Express.js Web App
  • Serving Static Resources
  • Node.js Data Access: Access MongoDB
  • Template Engine: Jade
  • Project: Web Application and WebAPI

IONIC

Get Started

  • Create Account
  • Ionic CLI
  • Build with ionic Creator

Development Environment for Ionic

  • Introduction to Ionic
  • Ionic Commands
  • Project Structure
  • Configure Android Development Environment for ionic
  • Configure IOS Development Environment for ionic
  • Creating the ionic application
  • Serving the first application
  • Ionic Development

CSS Components

  • Colors
  • Icons
  • Buttons, check boxes, Inputs
  • Other utilities

Mobile UIs

  • Introduction to Mobile UIs
  • Where mobile UI Framework Fit In
  • First Page
  • Second Page
  • Toolbars
  • Toast
  • Dialogs
  • List Views

Ionic APIs

  • Camera API
  • Connection API
  • File API
  • Notifications API
  • Storage API
  • Media API
  • Storage

Project

www.ict-trainings.com/curriculum/full-stack-development-leaflet.pdf

 


Training Schedule
Download Full Calendar


17 Nov 2018

Android with IoT
Sat-Sun 11:00 AM-02:00 PM


19 Nov 2018

IELTS
Mon-Tue-Wed-Thu 04:00 PM-05:00 PM

Full Stack Development
Mon-Tue-Wed-Thu 10:00 AM-02:00 PM

CCNP RS
Mon-Tue-Wed 06:30 PM-08:30 PM

Spoken English
Mon-Tue-Wed-Thu 05:00 PM-06:00 PM


22 Nov 2018

CCNA
Thu-Fri-Sat 06:30 PM-08:00 PM

ITIL
Thu-Fri-Sat 10:00 AM-05:00 PM

MCSE-2016
Thu-Fri 06:30 PM-08:30 PM


Quick Links
Web Designing & Development Android Mobile App Development SEO Internet Marketing MCSE CCNA CCNP
Home

Contact

Web Development

Java Android

.NET

Graphics Designing

AutoCAD

MCSE 2012

CCNA

CCNP & CCIE

SharePoint 2013

Spoken English

Ms Office

IELTS
ICT Trainings facebook Icon ICT Trainings Twitter Icon ICT Google Plus Icon ICT Trainings Google Plus Icon ICT Trainings linkedin Icon
Download ICT Trainings App!
ICT Trainings - iTunes App ICT Trainings - Google Play App
ict

© Copyright 2007-2018 - ICT Trainings - All rights reserved.
Designed by Creative.