Professional Documents
Culture Documents
Take your career as a web developer to the next level with this Full-Stack Web
Developer Master�s Program, where you�ll become an expert at front and back-end
JavaScript technologies of the most popular MEAN (MongoDB, Express, Angular and
Node.js) Stack or MERN(MongoDB, Express, React and Node.js) Stack.
Web Development Basics
? Web Fundamentals
? The Command Line
? Basic Linux Commands
? Using Git to Collaborate
HTML /HTML5
� HTML5 Basics
o Understand the structure of an HTML page.
o Learn to apply physical/logical character effects.
o Learn to manage document spacing.
� Tables
o Understand the structure of an HTML table.
o Learn to control table format like cell spanning, cell spacing, border
� List
o Numbered List
o Bulleted List
� Working with Links
o Understand the working of hyperlinks in web pages.
o Learn to create hyperlinks in web pages.
o Add hyperlinks to list items and table contents.
� Image Handling
o Understand the role of images in web pages
o Learn to add images to web pages
o Learn to use images as hyperlinks
� Frames
o Understand the need for frames in web pages.
o Learn to create and work with frames.
� HTML Forms for User Input
o Understand the role of forms in web pages
o Understand various HTML elements used in forms.
o Single line text field
o Text area
o Check box
o Radio buttons
o Password fields
o Drop-down menus
� New Form Elements
o Understand the new HTML form elements such as date, number, range, email,
search and Data list
o Offerings of HTML5
o HTML5 � Page Layout
o HTML5: Browser Support
o Enhanced Form Elements
o Audio And Video
o HTML5 Canvas
� HTML5 � Client-Side Storage
o Introduction to HTML5 Client-Side Storage
o Types of Client-Side Storage
CSS2/CSS3
CSS2-Introduction In this module CSS is used to style and lay out web pages � for
example, to alter the font, colour, size and spacing of your content, split it into
multiple columns, or add animations and other decorative features. This module gets
you started on the path to css.
? Benefits of CSS
? CSS Versions History ? CSS Syntax ? External Style Sheet using ? Multiple Style
Sheets
? Value Lengths and Percentages
CSS-Syntax
the basic goal of the Cascading Style sheet (CSS) language is to allow a browser
engine to paint elements of the page with specific features, like colors,
positioning, or decorations. The CSS syntax reflects this goal and its basic
building blocks are
CSS Selectors
Color Background
CSS Backgrounds and Borders is a module of CSS that lets you style elements
backgrounds and borders. Backgrounds can be filled with a color or image, clipped
or resized, and otherwise modified. Borders can be decorated with lines or images,
and made square or rounded.
CSS-Text Fonts
CSS Fonts that defines font-related properties and how font resources are loaded.
It lets you define the style of a font, such as its family, size and weight, line
height, and the glyph variants to use when multiple are available for a single
character
CSS-Lists Tables
CSS-Box Model
CSS box model that defines the rectangular boxes�including their padding and
margin�that are generated for elements and laid out according to the visual
formatting model.
? Borders & Outline? Margin & Padding? Height and width? CSS Dimensions
CSS Display Positioning
CSS property specifies how an element is positioned in a document. The top, right,
bottom, and left properties determine the final location of positioned elements.
CSS Floats
The float CSS property specifies that an element should be placed along the left or
right side of its container, allowing text and inline elements to wrap around it.
The element is removed from the normal flow of the web page, though remaining a
part of the flow (in contrast to absolute positioning).
o Rounded Corners
o Resizing
o Outline Offsets
o Appearance
o Image Borders
o Box Shadow
o Background
o Multiple Background
o Colors
? RGB and RGBA
? Alpha factor
? Opacity & Transparency
o Using currentColor
o Working with gradients
Vendor Prefixes
o Current status of -moz, -o, etc.
o When and Why to Use
Media Queries
o Targeting Device Capabilities: Width, Screen Size, Color Depth, etc.
o Building Responsive Sites: Implications for Mobile
o
Implementing CSS3
o Modernizr
o HTML5 Shims
o jQuery
o LESS, SASS, and Other CSS Preprocessors
o CSS Grid Systems
o CSS Frameworks
Transforms, Transitions, and Animations
o translate(), rotate(), etc.
o 3D: rotateX(), rotateY()
o changing, for example, the width of a div on hover (without JS)
o animations: @keyframes, animation
BOOTSTRAP
Introduction to Bootstrap
you will learn about Bootstrap Introduction, how to design web page look and feel
good by using Bootstrap and the basics of Bootstrap Framework using which you can
create web projects with ease that
Bootstrap Grid
Bootstrap Grids in web design organise and structure content, makes the websites
easy to scan and reduces the cognitive load on users. How to create page layouts
through a series of rows and columns that house your content and how the Bootstrap
grid system works that
Bootstrap Components
Bootstrap Plugins
JAVASCRIPT
JavaScript Fundamentals
Ajax Development
ES6(ECMA 2015)
?ES6 Features
? Let, Var and Const Keywords
? Arrow Functions, Default function arguments ? Template Strings
? Object De-structuring ? Array Manipulation Functions
? Array.from(), Array.of(), Array.find(), Array.findIndex(), Array.some(),
Array.every()
? �spread and �rest operators
? Promises
? Promises, async/await ? Introduction: callbacks ?Promise
?Promises chaining ?Error handling with promises ?Promise API
? Promisification
? Symbols ? Code quality with ESLint
? ES6 Tooling
? Babel, npm, webpack overview
? Classes, Inheritance
? Generators
? Proxies
? Async, await flow control
? Map, Set Operators
?Modules
?Modules, introduction
?Export and Import
?Dynamic imports
TYPESCRIPT
� Introduction to Typescript
o Introduction to Typescript
o JavaScript & Typescript
� The Type System
o Primitive types & type inference
o Object type & type inference
o Function type & type inference
o Enums, Tuples
o Nullable types
o Union types, intersection types
o Never and void types
� OOPS in typescript
o Classes, Class properties, Static Properties
o Constructors, getters & setters
o Inheritance, Abstract classes, Interfaces
o Access modifiers
� Namespaces and Modules
o Namespaces and multiple files
o Loading modules
� Generics
o Generic functions, classes
o Generic types and arrays
o Constraints
� Decorators
o Class Decorators
o Decorator Factories
o Method Decorators
o Property Decorators
o Parameter Decorators
� Typescript essentials
o tsc and tsconfig file
o debugging typescript
ANGULAR
Introduction to Angular
� What is Angular?
� Angular Versions: AngularJS (vs) Angular
� Setup for local development environment
o Installing NodeJS, NPM
o Angular CLI
� Develop First Angular program using Angular CLI and Visual Studio Code.
Angular Architecture
� Introduction
� Basic Building Blocks of Angular Applications
� Angular Modules and @NgModule decorator
� Angular Libraries
� Component, Templates and Metadata
� Data Binding
� Directives
� Services and Dependency Injection
� Types of Directives
� Template Expressions
� String Interpolation
� Built-In Directives
o ngIf
o ngSwitch
o ngFor
� * vs
Data Binding
� Introduction
� Create the component that controls the form
� Create a template with the initial form layout
� Bind data properties to each form input control with the ngModel two-way data
binding syntax
� Add the name attribute to each form input control
� Add custom CSS to provide visual feedback
� Show and hide validation error messages
� Handle form submission with ngSubmit
� Disable the form�s submit button until the form is valid
� Resetting the form.
Reactive Forms
� Built-in Pipes
� Using parameters and chaining Pipes
� Custom Pipes
� Parameterized Custom Pipe
� Pipes and Change Detection
� Pure and Impure pipes
� Changes in Pipes Syntax from 4 to 5
Custom Directives
Services in Angular
Angular Routing
� Introduction
� Configuring and Navigating
� Parameterized routes
� Nested (or) Child Routes
� Router Guards & Routing Strategies
Angular Modules
� MongoDB � Overview
o Understand what is NOSQL
o Describe CRUD
o State the types of NOSQL
o Explain what is Aggregation
o Describe Replication & Sharding
� CRUD Operations
o Understand what are Crud Operations
o Explain what is Upsert
o Describe Query Interface
o List the Comparison Operators and Logical Operators
o State what are Wrapped Queries and Query Operators
� Basic Operations
o Crud Operations
o Basic Operations With Mongo Shell
o Data Model
o JSON
o BSON
o MongoDB � Datatypes
o BSON Types
o The _id Field
o Document
o Document Store
o Blog: A Bad Design
o Blog: A Better Design
� Aggregations
o Types of Aggregations
o What is Aggregation?
o The Aggregate() Method
o Pipeline Concept
o Pipelines
o Pipeline Flow
o Pipeline Operators
o $match, $unwind
o $group, $project
o $skip, $limit
o $sort, $first
o $last, $sum
� Indexing
o Understand about Indexes
o Understand different types of Indexes
o Understand properties of Indexes
o Explain Plan in MongoDB
o Mongostat
o Mongotop
o Logging Slow queries
o Profiling
� Replication and Sharding
o Understand about Replication
o Purpose of Replication
o Understand Replica Set
o Sharding
o Sharding Mechanics
o GridFS
NODEJS
- Introduction to Node JS
? Introduction
? What is Node JS?
? Advantages of Node JS
? Traditional Web Server Model
? Node.js Process Model
Event Loop
Callback Concept
Global Objects
Streams
Buffers
Utility Modules
Node JS Modules
? Functions
? Buffer
? Module
? Module Types
? Core Modules
? Local Modules
? Module.Exports
- File System
? Fs.readFile
? Writing a File
? Writing a file asynchronously
? Opening a file
? Deleting a file
? Other IO Operations
Events
? EventEmitter class
? Returning event emitter
? Inhering events
EXPRESSJS
� Introduction of ExpressJs
o What is ExpressJS
o How Express.js works
o Installation of Express.js
o Basic Example
� Templating Engines
o Introduction
o pug Templating Engine
o Working with Tags in pug
o Working with id and classes in pug
o Attributes and Nesting Tags in pug
o Using if & unless in pug
o Using for & each in pug
o Using case & mixins in pug
o Include and Extend in pug
o EJS Templating engine
o Express Handlebars
� Working with Express.js
o Introduction
o Introduction to Express.js
o Connect Module
o Express.js Installation
o app.js
o Steps for creating Express.js Application
o application, request, response object properties & methods
� Request/Response in Express.js
o Request-params,body,files,route,header,get
o Response-render,locals,status,json,redirect
� Using middleware
o Types of middleware
o Application level middleware
o Express-json,session,logger,compress
o Router level middleware
o Built-in middleware
o Third party middleware
o Express 4.0 Router
Subjects:
HTMLNodejsAngularCSS2/CSS3BootstrapJavaScriptMongoDBExpressJS