Courses Details

Curriculum

HTML

• HTML Introduction
• HTML Elements
• HTML Attributes 
• HTML Headings
• HTML Text Formatting
• HTML Comments
• HTML Lists
• HTML Tables
• HTML Forms
• HTML Images
• HTML Anchor

CSS + SCSS

• CSS Syntax
• Inline CSS
• Internal CSS
• External CSS
• CSS Selector
• CSS Comments
• CSS Color
• CSS Background
• CSS Border
• CSS Margin
• CSS Padding
• CSS Float
• CSS Clear
• CSS Display
• CSS Font
• CSS Line Height
• CSS Overflow
• CSS Opacity
• CSS Position
• CSS Pseudo Class & Element
• CSS Vertical Align
• CSS White Space
• CSS Visibility
• CSS Counter
• CSS Flexbox(flex-direction, flex-wrap, flex-flow, justify-content, align-items, align-content, order, flex-grow, flex-shrink, flex-basis, flex, align-self)

CSS3

• CSS3 Rounded Corner
• CSS3 Border Images
• CSS3 Multi Background
• CSS3 Color
• CSS3 Gradients
• CSS3 Shadow
• CSS3 Text
• CSS3 Web font
• CSS3 2d transform
• CSS3 3d transform
• CSS3 Animation
• CSS3 Multi columns
• CSS3 User Interface
• CSS3 Box Sizing
• CSS Variables
• CSS3 Image Reflection
• CSS3 object-fit
• CSS3 Viewport
• CSS3 Media Queries Responsive

SCSS

• Preprocessing
• Variables
• Nesting
• Partials
• Import
• Mixins
• Inheritance
• Operators

Bootstrap Overview

• Bootstrap Introduction
• Buttons
• Forms
• Navbars
• Grid

Introduction to JavaScript

• Intro and Uses
• JS Statements
• JS Syntax
• JS Comments
• Variables and Constant
• Data Types
• Operators

Control Structure(Conditionals)

• if...else...elseif Statements

Loops

• While
• do while
• for

Functions

• Definitions of Functions
• Parameters and Arguments
• Control Flow in Function Execution
• Scope of Variables
• Recursion

Array and Objects

Document Object Model

Introduction to React

• React v16, Redux, Webpack, React-Router v4, and more
• Objective
• Present scenario/Scopes of this technology.

Environment Setup

• Installing VS Code
• Installing Node and NPM
• Example Project Setup

Introduction To Key Technologies

• Babel
• JSX
• Webpack
• Express

Overview Of ES6

• Constants
• Scoping
• Arrow Functions
• Parameter Handling
• String literals
• Enhanced Object Properties
• Destructuring
• Importing/Exporting Modules
• Classes
• Inheritance
• Method Overriding
• Map/Set
• Promises

React Components

• Brief Introduction of React
• Hello React
• React Components
• States
• Props
• Counter App using States
• Functional Components
• React Component Lifecycle Methods
• Higher-Order Components
• Building reusable components using Recompose

React Router

• Introduction
• Setup react router to handle routes
• Server-side Rendering
• Server-side vs Client-side Rendering

State Management

• Flux Architecture
• State management using Redux
• Reducers
• Action Creators
• Epics
• Thunks

Reactive Programming Using RXJS (Observables) O Introduction

• Use Cases of RXJS
• Implementation in our Demo App

Github

• Introduction to Git
• Github, Bitbucket and Gitlab
• Initializing git projects
• Making and cloning git repos
• Git commit/push
• Creating branches
• Sending Pull Requests

Introduction to Node JS

• What is Node JS?
• Advantages of Node JS
• Installing Node js
• Command Prompt Basics
• The Inbuilt modules of Node js

What is NPM

• Installing Packages Locally
• Adding dependency in package.json
• Installing packages globally
• Updating packages

Fs.readFile

• Writing a File
• Writing a file asynchronously
• Opening a file
• Deleting a file
• Other IO Operations

EventEmitter class

• Returning event emitter
• Inhering events

Database connectivity

• Connection string
• Configuring
• Working with select command
• Updating records
• Deleting records

Why Template Engine

• What is Jade
• What is vash
• Example

Traditional Web Server Model

• js Process Model

Handling http requests

• Sending requests

Core Node JS debugger

• Debugging with Visual Studio

Configuring routes

• Working with express

Serving static files

• Working with middle ware

MongoDB

• Installing MongoDB
• Understanding NoSQL (schema less database)
• Introduction to MongoDB (collection and documents)
• Database modeling and Schema design (using mongoose)
• Finding documents
• Using robomongo (ui based database system)
• Update, insert delete and upsert documents
• Aggregation in mongodb

Express js

• Introduction to Express
• Starting the localhost server using Express
• Request and Response
• Installing the Nodemon (npm package)
• Routing in express
• Responding the request with a HTML file
• Body parser module

API

• Introduction to the API
• Introducing JSON - a way of communicating
• Making a weather forecasting website
• GET request for JSON
• parsing the JSON
• Getting live API data
• Body parser to post request to the server

REST API

• Introduction to the REST API
• Working with ROBO 3T
• GET(all) method
• POST method
• DELETE(all) method
• GET(one) method
• DELETE(one) method

Social Media Website

• Project Overview
• Starting up our Project
• Lets learn about Middlewares
• Setting up our server
• Creating the Schema
• Connecting to MongoDB cloud database
• Hashing passwords
• Creating a Log in route
• What is JWT?
• Using the JWT
• Creating Middleware
• Creating the Schema(post)
• Creating the GET(all) route
• Posts created by user route
• Setting up the React application (Front end)
• Creating the Sign up and Sign in page
• Profile page UI
• The Home page UI
• Creating a Post
• Posting data to the Server
• Sign in feature
• Creating the upload functionality
• Using tokens to upload the image
• Adding Context API
• showing the required links in the nav bar
• Showing all the posts on home page
• Log out feature
• User info in the profile page
• Like and unlike feature (front end and back end)
• Comment feature (front end and back end)
• Deleting the post
• Profile page of other users (front end and back end)
• Follow and unfollow feature (front end and back end)
• Fixing bugs
• Fixing the unlimited followers bug
• Showing the post of following(front end and back end)
• Uploading profile picture while sigining up

Deploying to Heroku

• Install Heroku CLI
• Prepare For Deployment
• Deploy To Heroku