HTML
Introduction to HTML.
HTML Tags
HTML Attributes
HTML Editors
HTML Document Structure
HTML Headings
HTML Paragraphs
HTML Styles
HTML Comments
HTML Blocks, Classes, Ids
HTML Tables
HTML Lists
HTML Images
HTML Forms
HTML File Paths
CSS
Introduction to CSS
CSS Selectors
Inserting CSS in to HTML(Inline, Internal,External)
Colors, Borders, Background, margins, padding.
Working with core concepts of CSS
Box/Model,Outline,Fonts,Links,Lists,Tables,Combinations
Introduction to Javascript
Scripting Languages and their usage
Getting Started with JavaScript.
History of JavaScript
Variables
Data types
Real time examples
Operators and control statements.
Types of Operators and their usage.
If statement
If else statement
If else if statement
Real time examples
while loop
do-while loop
for loop
keywords used in control statements like return,break.
Real time examples
Working with Functions
Defining Functions
Function Expressions
Calling Functions.
Function Scope.
Nested Functions.
First class functions
IIFE
Real time examples
Working with Arrays
Creating an Array.
Accessing,Looping Over,removing elements.
Array methods in detail.
Real time examples
Working with Numbers and Dates
Numbers and its methods.
Date and its methods.
Real time examples
Working with Strings
Strings and its methods.
Real time examples
Working with Objects
Objects and properties.
Creating new objects.
Creating objects using create function.
this keyword.
Real time examples
Working with Scopes and Events
Types of Scopes in detail.
Different types of events with real time examples.
Working with Validations
Basic Validations
Advanced Validations
Real time examples
Understanding Garbage Collection and Best coding practices.
Working with DOM
Intro to DOM
Methods,Documents, Elements
Events
Event Listener
Navigation
Nodes
Collections
Node Lists
Develop Employee Management System with the following operations.
Login
Register
Add Employee
Update Employee
Delete Employee
Get a list of all employees
Working with Bootstrap 4
Grid System
Typography
Colors
Tables
Images
Jumbotron
Alerts
Buttons
Button Groups
Badges, ProgressBars
Pagination
Dropdowns
Navs,Navbar
Forms, Input
Carousel
Modal
Tooltip
An application using Bootstrap 4
TypeScript
Introduction to TypeScript
Type Script Compiler
Variables
Datatypes
Object oriented programming
Classes
Inheritance
polymorphism
Abstraction
Interfaces
Abstract classes
Enums
Type Inference
Type Compatibility
Advanced Types
Symbols
Iterators and Generators
Namespaces
Modules
Generics
Angular Basics
Introduction to Angular
Different versions of Angular
Differences between Angularjs, Angular versions
Angular Basics
Building blocks of Angular.
Environment Setup
First Application using Angular.
Components
Generating Components using Angular CLI
Angular Basics
Templates
Directives
Services
Angular Basics
Dependency Injection
Generating Services using CLI.
Working with Data and Events
Property Binding
Attribute Binding
Adding Bootstrap
Class Binding
Style Binding
Event Binding
Event Filtering
Working with Data and Events
Template Variables
Two-way Binding
Pipes
Custom Pipes
Components in detail.
Input Properties
Aliasing Input Properties
Output Properties
Passing Event Data
Aliasing Output Properties
Templates
Components in detail.
Adding Styles
View Encapsulation
ngContent
ngContainer
Deep dive in to Directives.
Introduction
ngIf
Hidden Property
ngSwitchCase
ngFor
ngFor and Change Detection
Deep dive in to Directives
The Leading Asterisk
ngClass
ngStyle
Safe Traversal Operator
Creating Custom Directives
Play with Template-driven forms
Building a Bootstrap Form
Types of Forms
ngModel
Adding Validation
Specific Validation Errors
Styling Invalid Input Fields
Play with Template-driven forms
Cleaner Templates
ngForm
ngModelGroup
Control Classes and Directives
Disabling the Submit Button
Working with Check Boxes
Working with Drop-down Lists
Working with Radio Buttons
Play with Reactive Forms
Introduction
Creating Controls Programmatic-ally
Adding Validation
Specific Validation Errors
Implementing Custom Validation
Play with Reactive forms
Asynchronous Operations
Asynchronous Validation
Showing a Loader Image
Validating the Form Upon Submit
Nested FormGroups
FormArray
FormBuilder
Working with HTTP Services
Introduction
JSONPlaceHolder
Getting Data
Creating Data
Updating Data
Deleting Data
OnInit Interface
Separation of Concerns
Extracting a Service
Working with HTTP Services
Handling Errors
Handling Unexpected Errors
Handling Expected Errors
Throwing Application-specific Errors
Handling Bad Request Errors
Importing Observable Operators and Factory Methods
Global Error Handling
Working with HTTP Services
Extracting a Reusable Error Handling Method
Extracting a Reusable Data Service
The Map Operator
Optimistic vs Pessimistic Updates
Observables vs Promises
Routing and Navigation
Introduction
Routing in a Nutshell
Configuring Routes
RouterOutlet
RouterLink
RouterLinkActive
Getting the Route Parameters
POC: Create Employee Management System with the following requirements. The Admin should be able to do the following.
Add Employees
Delete Employees
Update Employees
Get a list of all employees
Working with Node JS
Introduction to NodeJS
History of NodeJS
Features of NodeJS
Architecture of NodeJS
Environment Setup
Running First Application
REPL Terminal
NPM
Core concepts of NodeJS
Callbacks
Event-driven programming
Core concepts of NodeJS
Working with FileSystem
Understanding Global Objects
Core concepts of NodeJS
Streams
Buffers
Intro to Modules
Core concepts of NodeJS
Working with predefined modules
OS Module
Path Module
Core concepts of NodeJS
Crypto Module
Debugger
Using NodeJS for Web
Understanding HTTP Module
Creating a server
Handling requests.
Web Modules of Node JS
URL Module
Net Module
Introduction to Server Side Framework
Getting started with Express.
Features of Express
Installation of express
First Application using Express JS
Understanding Express JS Request
Request object
Request object properties
Request object methods
Real time example
Understanding Express JS Response
Response object
Response object properties
Response object methods
Real time example
Understanding Get and Post operations
Intro to Get Request
Developing code to handle Get Request
Intro to Post Request
Developing code to handle Post Request
Routing in Express-I
Intro to Routing
Route methods
Route Paths
Route Params
Route Handlers
Routing in Express-II.
Response methods
app.route
express.Router
Working with Middleware.
Getting started with middleware
Writing middleware
Configuring middleware
Using middleware
Working with Middleware
Application level middleware
Router-Level Middleware
Error-handling middleware
Built-in Middleware
Third-party Middleware
Template Engine-I
Introduction to Template Engines
Different Template Engine
Intro to Pug
Using pug with express
Template Engine-II
Working with EJS
Working with handlebars
Advanced Express JS
Error Handling
File Uploading
Realtime Modules
Nodemailer
Multer
Introduction to MongoDB Database
Getting started with MongoDB
Features of MongoDB
Environment Setup
Basics of MongoDB
Creating First Database
Creating Document and Saving it to Collection
Dropping a Database
Creating a Collection - Using db.createCollection(name,options)
Dropping a Collection
CRUD Operations
Creating/Inserting a document in collection using javascript file
Inserting Array of Documents
Reading a Document - Querying
Reading a Document with $lt, $gt operator
Updating Documents
Deleting documents
Indexes and ObjectIds
Introduction to Indexes
Understanding Impact of Indexes
Creating Index
Finding Indexes
Dropping Index
Understanding ObjectIds
Creating ObjectIds
Advantages of ObjectIds created by MongoDB
Disadvantages of ObjectIds created by MongoDB
Aggregation and Data Modelling in MongoDB
Using aggregate() method
Using distinct() and count()
Sorting documents
Introduction to Data Modelling in MongoDB
Data Modeling using References
Data Modeling using Embedded documents
Relationships in MongoDB
One-To-One Relationship
One-To-Many Relationship
Many-To-Many Relationship
MongoDB with Nodejs
Introduction
Using MongoClient
Using Mongoose
Creating database using MongoClient and Mongoose
CRUD operations on MongoDB with Nodejs
Insert
Update
Delete
Retrieve
(a) POC 1 : Node/Mongo : Create RESTful Web Service Using Nodejs and MongoDB(to store Data collections).
GET /person: Displays a table with a list of people
POST /person: Displays a form to create a single person
PUT /person/{id}: Displays a form through which a person with a specified id parameter can be edited and updated
DELETE /person/{id}: Displays a page through which a person with a specified id can be deleted
**Person collection fields: Name, Age, Gender, Mobile number
(b)POC : Angular
Design a small Single Page Application(in Angular 2/4/5/6/7 ) to manage a list of people.
Create at least 3 views:
>list all people
>edit a person
>delete a person
Note:- Use above rest-api urls to display data in views.