MEAN Stack

HTML/HTML5 CSS2/CSS3 BOOTSTRAP JavaScript MONGODB EXPRESSJS Angular NODEJS

Who this course is for?

  • 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.

Why take this course?

  • 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.

What you will learn?

  • 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.

HTML/HTML5

  • 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

CSS2/CSS3

  • 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 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-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

    • 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

CSS-Lists Tables

  • 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

  • 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 Visibility

    • CSS Display

    • CSS Scrollbars

    • CSS Positioning

      • Static Positioning
      • Fixed Positioning
      • Relative Positioning
      • Absolute Positioning
    • CSS Layers with Z-Index

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).

    • 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

      • RGB and RGBA
      • Alpha factor
      • Opacity & Transparency
    • 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

  • 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

    • ObjectsFunctions

    • 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

ES6

  • (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

      • 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

    • 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

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

    • 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

  • 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

EXPRESSJS

  • 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

Angular

  • 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

      • ngIf
      • ngSwitch
      • ngFor
    • 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

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

  • 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

Description

  • 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.