HTML/HTML5 CSS2/CSS3 BOOTSTRAP JavaScript MONGODB EXPRESSJS Angular NODEJS
Web Designer, Front end developers, backend developer, Database administrator, Non-programming aware testers interested in learning MEAN Stack.
Any Software engineer who are interested in Full Stack.
Freshers/Graduates/ Developers / Web designers.
Build an application using React from Facebook which has very good support and lot of packages.
MEAN stands for MongoDB, Express.js, Angular and Node.js - and combined, these four technologies allow you to build amazing web applications.
This course is blended with IT industry experience where even a fresher can start working on project in IT industry easily.
This package gives desired knowledge on development which is the entry level criteria for any interview.
This package gives confidence to a fresher to start working on a development project from the day of joining.
This package is designed for any undergraduates or job seekers and laterals to enhance their technical knowledge with BE/ BTech, B.Sc, BCA, MCA, M.Tech/ ME, M.Sc and other technical graduations.
The course will help you to build how to Design, develop, modify, and debug software code according to functional, non-functional and technical design specifications of a web application using MEAN stack.
You will learn to design and fetch data by using concepts of RDBMS or NO SQL.
You will learn to develop entire application or micro service application using Java script & libraries, frameworks.
You will learn on how to integrate front end and business logic using NodeJS & MongoDB.
Advanced application development platform like Node, Angular, MongoDB & ExpressJS will be thought with 2 projects.
Master Front-end as well a Back-end Web development.
You will learn to build complex website using MEAN stack like Google.
You will learn to create API’s in Node JS
You will learn to deploy Heroku, Forget & reset password, Image uploading.
You will be testing end points using postman
Work on integrating MongoDB, Angular, Node JS & Express JS.
HTML5 Basics
Understand the structure of an HTML page.
Learn to apply physical/logical character effects.
Learn to manage document spacing.
Tables
Understand the structure of an HTML table.
Learn to control table format like cell spanning, cell spacing, border
List
Numbered List
Bulleted List
Working with Links
Understand the working of hyperlinks in web pages.
Learn to create hyperlinks in web pages.
Add hyperlinks to list items and table contents.
Image Handling
Understand the role of images in web pages
Learn to add images to web pages
Learn to use images as hyperlinks
Frames
Understand the need for frames in web pages.
Learn to create and work with frames.
HTML Forms for User Input
Understand the role of forms in web pages
Understand various HTML elements used in forms.
Single line text field
Text area
Check box
Radio buttons
Password fields
Drop-down menus
New Form Elements
Understand the new HTML form elements such as date, number, range, email, search and Data list
Offerings of HTML5
HTML5 – Page Layout
HTML5: Browser Support
Enhanced Form Elements
Audio And Video
HTML5 Canvas
HTML5 – Client-Side Storage
Introduction to HTML5 Client-Side Storage
Types of Client-Side Storage
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
The basic goal of the Cascading Stylesheet (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
Single Style Sheets
Multiple Style Sheets
Value Lengths and Percentages
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.
Background-image
Background-repeat
Background-position
CSS Cursor
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
color
background-color
text-decoration
text-align
vertical-align
text-transform
white-space
letter-spacing
word-spacing
line-height
font-family
font-size
font-style
font-variant
font-weight
Lists table that defines how to lay out table data.
list-style-type
list-style-position
list-style-image
list-style
CSS Tables
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 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 Visibility
CSS Display
CSS Scrollbars
CSS Positioning
CSS Layers with Z-Index
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).
The float Property
The clear Property
The clearfix Hack
Color, Gradients, Background Images, and Masks
Opacity
New Color Names
Nonimage Gradients
Multiple Background Images
Background-size, Background-origin, Background-clip
Image Masks
Border and Box Effects
Rounded Corners
Resizing
Outline Offsets
Appearance
Image Borders
Box Shadow
Working with Colors
Background
Multiple Background
Colors
Using currentColor
Working with gradients
Layout: Columns, Flex Box
Column-count, Column-gap, Column-rule
Multiple Column Layouts
Gaps between Columns
Box-orient, Box-pack, Box-align, Box-flex, etc.
Display: box
Grouping and Changing Orientation
Alignment
Vendor Prefixes
Current status of -moz, -o, etc.
When and Why to Use
Media Queries
Targeting Device Capabilities: Width, Screen Size, Color Depth, etc.
Building Responsive Sites: Implications for Mobile
Implementing CSS3
Modernizr
HTML5 Shims
jQuery
LESS, SASS, and Other CSS Preprocessors
CSS Grid Systems
CSS Frameworks
Transforms, Transitions, and Animations
translate(), rotate(), etc.
3D: rotateX(), rotateY()
changing, for example, the width of a div on hover (without JS)
animations: @keyframes, animation
JavaScript Fundamentals
Introduction to Procedural Programming
Front-End HTML, CSS and JavaScript!
Best Approaches to Learn JS Editors, Where to place your JS Code? And Using CodePen
Webkit’s Web Inspector
Tracking down errors
JS versions (EcmaScript5 and EcmaScript6)
Browser Support for ES6
Javascript Output Methods
JavaScript Variables
Comments
Console
Data Types in JavaScript
Date Objects
Operators
Conditions And Loops (control Structures)
Arrays and Array Methods
String and String Methods
The modern mode, use strict
ObjectsFunctions
Prototypes, objects
BOM (Browser Object Model)
History object
Document Object
Navigator Object
Location Object
Screen Object
DOM (Document Object Model)
Browser environment, specsx`
DOM tree
DOM Methods
Searching: getElement*, querySelector*
Node properties: type, tag and contents
Attributes and properties
Modifying the document
Styles and classes
Element size and scrolling
Window sizes and scrolling
Coordinates
Advanced working with functions
Recursion and stack Rest parameters and spread operator Closure
The old (var)
Global object
The (new Function) syntax
Scheduling: setTimeout and setInterval
Decorators and forwarding, call/apply
Function binding
Ajax Development
Creating the XMLHttp
Request Object
Managing Ajax Requests
JSON, API & AJax
JSON Introduction
JSON Parse
JSON Stringify
JSON Object
HTTP Methods – REST API
XMLHttpRequest Object
XHR Methods
XHR Properties
(ECMA 2015) ES6 Features
Let, Var and Const Keywords
Arrow Functions, Default function arguments
Best Approaches to Learn JS Editors, Where to place your JS Code? And Using CodePen
Object Destructuring
Array.from(), Array.of(), Array.find(), Array.findIndex(), Array.some(), Array.every() …spread and …rest operators
Promises
Modules
Modules, introduction
Export and Import
Dynamic imports
TYPESCRIPT
Introduction to Typescript
JavaScript & Typescript
The Type System
Primitive types & type inference
Object type & type inference
Function type & type inference
Enums, Tuples
Nullable types
Union types, intersection types
Never and void types
OOPS in typescript
Classes, Class properties, Static Properties
Constructors, getters & setters
Inheritance, Abstract classes, Interfaces
Access modifiers
Namespaces and Modules
Namespaces and multiple files
Loading modules
Generics
Generic functions, classes
Generic types and arrays
Constraints
Decorators
Class Decorators
Decorator Factories
Method Decorators
Property Decorators
Parameter Decorators
Typescript essentials
tsc and tsconfig file
debugging typescript
Jquery
jQuery Introduction
jQuery Effects
jQuery HTML
jQuery Traversing
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
What is Bootstrap Framework
Why Bootstrap
History of Bootstrap
Advantages of Bootstrap Framework
What is Responsive web page
How to remove Responsiveness
Major Features of Bootstrap
What is Mobile-First Strategy
Setting up Environment
How to apply Bootstrap to Applications
Bootstrap Grids in web design organise and sructure 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
What is Bootstrap Grid
How to apply Bootstrap Grid
What is Container
What is Offset Column
How to Reordering Columns
Advantages of Bootstrap Grid
How to Display responsive Images
How to change class properties
How to customize Bootstrap's components, Less variables, and jQuery plug-in.
What is Bootstrap Typography
What is Bootstrap Typography
What is Bootstrap Tables
What is Bootstrap Form Layout
What is Bootstrap Button
How display images in different styles like Circle shape etc
How to display text like muted and warning etc
What is Carets Classes
How to hide or show the text in Bootstrap
What is Carets Classes
How to hide or show the text in Bootstrap
Bootstrap Components
Bootstrap Plugins
TYPESCRIPT
Introduction to Typescript
JavaScript & Typescript
The Type System
Primitive types & type inference
Object type & type inference
Function type & type inference
Enums, Tuples
Nullable types
Union types, intersection types
Never and void types
OOPS in typescript
Classes, Class properties, Static Properties
Constructors, getters & setters
Inheritance, Abstract classes, Interfaces
Access modifiers
Namespaces and Modules
Namespaces and multiple files
Loading modules
Generics
Generic functions, classes
Generic types and arrays
Constraints
Decorators
Class Decorators
Decorator Factories
Method Decorators
Property Decorators
Parameter Decorators
Typescript essentials
tsc and tsconfig file
debugging typescript
Jquery
jQuery Introduction
jQuery Effects
jQuery HTML
jQuery Traversing
MongoDB – Overview
Understand what is NOSQL
Describe CRUD
State the types of NOSQL
Explain what is Aggregation
Describe Replication & Sharding
CRUD Operations
Understand what are Crud Operations
Explain what is Upsert
Describe Query Interface
List the Comparison Operators and Logical Operators
State what are Wrapped Queries and Query Operators
Basic Operations
Crud Operations
Basic Operations With Mongo Shell
Data Model
JSON
BSON
MongoDB – Datatypes
BSON Types
The _id Field
Document
Document Store
Blog: A Bad Design
Blog: A Better Design
Aggregations
Types of Aggregations
What is Aggregation?
The Aggregate() Method
Pipeline Concept
Pipelines
Pipeline Flow
Pipeline Operators
$match, $unwind
$group, $project
$skip, $limit
$sort, $first
$last, $sum
IIndexing
Understand about Indexes
Understand different types of Indexes
Understand properties of Indexes
Explain Plan in MongoDB
Mongostat
Mongotop
Logging Slow queries
Profiling
Replication and Sharding
Understand about Replication
Purpose of Replication
Understand Replica Set
Sharding
Sharding Mechanics
GridFS
Introduction of ExpressJs
What is ExpressJS
How Express.js works
Installation of Express.js
Basic Example
Templating Engines
Introduction
pug Templating Engine
Working with Tags in pug
Working with id and classes in pug
Attributes and Nesting Tags in pug
Using if & unless in pug
Using for & each in pug
Using case & mixins in pug
Include and Extend in pug
EJS Templating engine
Express Handlebars
Working with Express.js
Introduction
Introduction to Express.js
Connect Module
Express.js Installation
app.js
Steps for creating Express.js Application
application, request, response object properties & methods
Request/Response in Express.js
Request-params,body,files,route,header,get
Response-render,locals,status,json,redirect
Using middleware
Types of middleware
Application level middleware
Express-json,session,logger,compress
Router level middleware
Built-in middleware
Third party middleware
Express 4.0 Router
Introduction to Angular
What is Angular?
Angular Versions: AngularJS (vs) Angular
Setup for local development environment
Installing NodeJS, NPM
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
Displaying Dynamic Data
Types of Directives
Template Expressions
String Interpolation
Built-In Directives
vs <template>
ngFor
Showing Lists, List and keys
Data Binding
Binding properties and Interpolation
One-way Binding / Property Binding
Event Binding
Two-way Binding
Two-way binding with NgModel
Attribute Binding
Style and Class Binding
Styles Binding In Components
Style and Class Bindings
Style and Class Bindings
Using Component Styles
Special selectors
Loading Styles into Components
View Encapsulation
ViewChild & ViewChildren
ContentChild & ContentChildren
Template Driven Forms
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
Reactive Forms Introduction
More Form Controls
Form Control Properties
setValue and patchValue
Validating Form Elements
Submitting and Resetting forms
Observing and Reacting to Form Changes
Deccansoft Software Services Angular 7 Syllabus
Using FormBuilder
Working with Pipes
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
Custom Attribute Directive
Using HostListener
Using HostBinding
Custom Validator Directive
Dependency Injection
Understanding Dependency Injection
Understanding DI in Angular Framework
ReflectiveInjector
Exploring Provider
Types of Tokens
Types of Dependencies
Configuring DI using Providers
Implementing DI in Angular
Optional Dependencies
Services in Angular
Building and Injecting Custom Services
Service using another Service
Reactive Extension for JavaScript
Introduction
Observable and Observer
Reactive Operators
Http Client Service
HttpClientModule and HttpClient Classes
Writing Service with Get / Add / Edit / Delete
Using Service in Component
Http Client Service
HttpClientModule and HttpClient Classes
Writing Service with Get / Add / Edit / Delete
Using Service in Component
Angular Routing
Introduction
Configuring and Navigating
Parameterized routes
Nested (or) Child Routes
Router Guards & Routing Strategies
Angular Modules
AppModule as Root Module
Feature modules
Lazy Loading a Module
Shared Module
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
Node Package Mananger
What is NPM
Installing Packages Locally
Adding dependency in package.json
Installing packages globally
Updating packages
Creating Web server
Creating web server
Handling http requests
Sending requests
File System
Fs.readFile
Writing a File
Writing a file asynchronously
Opening a file
Deleting a file
Other IO Operations
Debugging Node JS Application
Core Node JS debugger
Debugging with Visual Studio
Events
EventEmitter class
Returning event emitter
Inhering events
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 (Mongo DB, Express, Angular and Node.js) Stack or MERN (Mongo DB, Express, React and Node.js) Stack.