Full Stack Developer Career Track Bootcamp Online Training

Introduction to version control

Introduction to GIT

• What is git
• Why git
• Features of git

Install Git

General workflow

Configure git

• First-Time Git Setup
• Set email and username
• Set config editor
• Checking Your Settings

Setting up a repository

• Initialize repository  
• Clone a repository

Inspecting a repository

• View changes
• View commits
• View differences

Saving changes

• Adding files to stage
• Committing files to local repo

Introduction to Github

• What is Github
• Other alternatives 
• Creating an account in Github 

Pushing changes & Pulling changes

• Push changes to remote repo
• Pull changes

Undoing Commits & Changes

• Reverting the changes to a commit
• Reset changes from stage

Branching in GIT

• Create a branch
• Checkout branches
• Merge branches 

Introduction to Web Development

• What is HTML
• What is CSS 
• Setting up the environment
• Hello World! 
• Using VS Code with Live reload 
• Using Emmet and online tools 
• Using Chrome developer tools

Introduction to HTML

• HTML elements and Tags 
• Singular and Paired tags
• Structure of an HTML page 
• Heading and Paragraph Tags
• Attributes in HTML 
• Images 
• Links - Internal and External
• Lists 
• Tables 
• The style attribute
• Colors in HTML
• HTML5 semantic tags
• HTML5 audio and video tags

Forms and Inputs

• The Form tag 
• Using the label tag
• HTML Input tag
• Select and TextArea 
• Buttons
• Datalist 
• Building a contact form

Introduction to CSS

• Using the style tag 
• Targeting HTML elements 
• Targeting nested HTML elements 
• Using external stylesheets 
• Overriding CSS Styles 
• Common CSS Properties 
• CSS units 
• The CSS Box Model
• More CSS Properties
• CSS Pseudo-classes

Advanced CSS

• CSS Positioning - Static, Relative and Absolute 
• CSS Positioning - Fixed and Sticky 
• CSS Pseudo-elements ::before and ::after 
• CSS Variables 
• Custom fonts in CSS 
• Importing external stylesheets 

Transitions and Animations

• What are CSS Transitions  
• Basic Transitions and CSS properties 
• CSS Animations and CSS properties
• Defining Keyframes

Responsive Web design

• Media queries
• What is CSS Flexbox?
• Creating rows and columns
• More flexbox properties
• What is CSS Grid Layout?
• Rows and Columns in Grid
• Allocating cells 
• Grid template areas 
• Building a responsive image gallery 

Project

• Project overview and setup 
• Building the menu and footer 
• Building the banner 
• Building divs for text and quote 
• Using Flexbox for Projects section 
• About page with gallery 
• Building the Projects page 
• Building the Contact page  

Introduction to JavaScript  

• Introduction to JavaScript  
• What is JavaScript and Its Use?   
• How JavaScript Engines Works?  
• Basic syntax, RunJs  
• JavaScript Vs ECMAScript  
• Introduction to code editors - Visual Studio Code Editor  

Fundamentals of  JavaScript  

• Variables, Constant, Assignment  
• JavaScript Using Normal Vs Strict Mode  
• Data Types - Primitive Types and Objects  
• JavaScript - String and String Methods  
• null, undefined, not defined, NaN  
• Performing Data Type Conversions  

JavaScript Operators 

• Assignment, Arithmetic Operators 
• Comparison, Conditional Operators 
• in, of and ternary Operator 
• Standard and Strict Equality Operators: Double Equal and Triple Equal   
• JavaScript - Null Coalescing Operator 

JavaScript Array and Object 

• JavaScript Arrays - Pop, Push, Shift, Unshift  
• Array Helpers – Map, Reduce, Sort and forEach  
• JavaScript Object and Symbol Type 
• JSON – JavaScript Object Notation 

JavaScript Function and Error Handling 

• JavaScript Function and Types of function 
• Function Declaration Vs Expression 
• Closures and Scope 
• Constructor, This Keyword and Prototyping 
• Rest Parameters and Spread Syntax 
• Errors Handling and Types Errors 
• Error Handling Try-Catch-finally
• Throwing Custom Errors with throw 

Dom Manipulation and HTML5 API  

• What is Dom Manipulation and DOM Objects?  
• Create, Modifying DOM Element  
• Accessing Dom Element - querySelector & querySelectorAll  
• document By XXX Method  
• Working with Events 
• Geolocation APIs - Methods and Implementation  
• HTML Web Storage – localStorage and sessionStorage  
• HTML5 Drag / Drop APIs - Methods and Implementation 

JavaScript Asynchronous Programming  

• Asynchronous Programming  
• Callbacks and Their Implementation  
• Promises and Promises Implementation  
• Async/await and Its Implementation  
• Generator and Its Implementation  
• Async Generator and Its Implementation 

JavaScript Classes  

• Class Basic Syntax and Implementation  
• Class Inheritance  
• Static Properties and Methods  
• Private and Protected Properties and Methods  
• Modules and Export, Import 

Map, Set, and Destructuring 

• Introduction to Map and Set 
• Map and Set: Implementation 
• Map and Set: Iterations 
• Destructuring assignment  

Remote Data and Servers

• Working with remote data and RESTful APIs
• Using AJAX
• Using the Fetch API
• Working with third-party APIs & services 

 Transpilation & Bundling 

• JavaScript - Transpilation 
• JavaScript - Low Cross Browser Compatibility 
• Babel as JavaScript Transpiler  
• Parcel – Introduction and Bundling JavaScript Files 
• Webpack – Introduction and Bundling JavaScript Files

Introduction to React 

• What is React?  
• Hello React   
• Using the create-react-app   

Components   

• What are Components?   
• Types of Components   
• JSX   

State & Props  

• What is State?  
• Stateful Function Components with Hooks  
• What are props?  
• Type Checking with Prop Types  

 Rendering Lists   

• Using the map function to render lists   
• The “key” attribute   
• Using Fragments   

Components Revisited   

• Lifecycle of a Component   
• Side effects & Lifecycle   
• Managing cleanup   
• Events   
• Error Management   

Building Forms   

• Controlled Form Components  
• Uncontrolled Form Components   
• Handling inputs efficiently   
• Project - Building a currency converter   

Render Props & Higher Order Components   

• Render Props   
• Higher Order Components   

Portals   

• Introduction to Portals   
• Event bubbling in Portals   

Global & Shared Data  

• Unidirectional Data Flow   
• Challenges with Props   
• The Context API   

Hooks in Focus 

• Understanding Hooks   
• The useState hook   
• Side effects using the useEffect hook   
• The useContext hook   
• The useReducer hook   
• Writing your own hook   

Routing in a React App  

• Routing in a React application   
• Routing with React Router   
• Nested Routes & Parameters   
• Protecting Routes   

Code Splitting   

• Code splitting & Suspense   
• Route Based Code Splitting & Lazy Loading   

Isomorphic React   

• Server Side Rendering   
• SSR with React - Setup & Server   
• SSR with React - The Toolchain   

State Management using Redux   

• State Management & Redux   
• Setting up Redux   
• Actions & Reducer for the Catalog   
• Using the connect() higher order function   
• Actions & Reducer for the Cart   
• Using Redux Hooks   
• Implementing Middleware & Persistence   

Testing Components   

• Introduction to Testing   
• Using Jest with Test Utils from React-DOM   
• Using Jest with the React Testing Library   
• Using Jest with Enzyme   

Epilogue  

• The React ecosystem 

Get started with Node.JS 

• Node.js Introduction 
• Applications of Node.js and Installation 
• First Node.js Script
• Synchronous and Asynchronous Programming 
• Under the hood - Understanding the event loop & Non-Blocking I/O

 Interactive Node with REPL 

• REPL and REPL Commands 
• Node.js CLI Commands  
• Global and Local Objects  

Modular Programming & NPM  

• Introduction to Modules   
• Process and OS Modules   
• Writing Your Own Module  
• Introducing NPM  
• Initializing a Project Using npm init  
• Understanding package.json  
• Installing & using packages from npm  
• Local vs.Global Install  
• Using NPX  
• Publishing Package on npm  

Introduction to ECMAScript Modules - An experimental implementation 

• ECMAScript Modules Versus CommonJS Modules 
• Enabling support 
• Writing an ECMAScript Module 
• Importing and Using an ECMAScript Module 
• ES6 syntax in detail 

File System & Streams  

• File System Modeling in Node.js  
• Directory and Path Resolution  
• Reading Files Synchronously and Asynchronously   
• Writing Files Synchronously and Asynchronously   
• Directory operations  

 Streams  

• Understanding Streams  
• Reading a File Using Readable Stream  
• Writing a file using Writable Streams  
• Transform Streams  
• Streams vs Files  

 Events  

• Event Emitter  
• Handling Events  

 Network I/O  

• Introduction to the Net module  
• Creating a TCP Server & Listener  
• Creating a command line chatbot  

Web Servers & More 

• Web Server: Web Application Architecture  
• HTTP module  
• Making HTTP requests  
• Serve JSON as response  
• Serve HTML as response  
• Building a basic web server with routes and streams: Serve a static website  
• Using HTTPS  
• Using HTTP/2 
• Understanding CORS  

Debugging in NodeJS  

• Introduction to debugging  
• Debug node js apps  

Cluster & Worker Threads  

• Introduction to the Worker Threads API  
• Handling compute intensive tasks using Worker Threads  
• Node.js on multi-core CPUs using Cluster  

Introduction to Express  

•  What is a Node.js web application framework? 
•  BYOF - Build Your Own Framework  
• Introducing Express  
• Who uses Express?  
• Hello Express  
• Your first Express app  
• Adding a route handler  
• Serving Static Assets & HTML files  

Rendering  

• View Engine – Pug  
• Building the Dashboard  
• Building the Post Card.  

Middleware  

• What is middleware?  
• Parsing incoming requests  
• Logging with Morgan  
• Using the express-session middleware  
• Compression & Your own middleware  

Routing  

• Modular routing with Express Router  
• Organizing routes  
• Dynamic Routing & Route parameters  
• Basic route protection using middleware  

Database Integration  

• Working with MongoDB Atlas  
• Setting up Mongoose ODM  
• Building the Users schema & model  
• Building the Posts schema & model  
• Serving the client web application  

 Authentication, Controllers, and APIs  

• Signing up an Admin & Password Hashing  
• Admin Authentication - Controller and Route  
• Authentication API - Controller and Routes  
• Posts API - Controller and Routes  
• Profanity Filtering and Post Moderation  

 Caching & Performance  

• Setting up Redis for caching  
• Caching and Serving Content  
• Configuring Redis as the session store  

Protecting Express apps  

• Handling untrusted data  
• Preventing XSS & CSRF    

Deployment E PROJECT  

• Deploying a Node and Express app on Heroku  

Getting Started- Introduction to MongoDB   

• What Is NoSQL Database  
• Types of No SQL Databases  
• Introduction to MongoDB  
• What is BSON?  
• Use case of MongoDB  
• MongoDB in Windows  
• MongoDB on Ubuntu  
• MongoDB on MAC OS  
• MongoDB Cloud-Atlas  
• Setup MongoDB Environment  

MongoDB Fundamentals  

• What is a database?  
• Create Database - Demo  
• MongoDB Architecture  
• What is a collection?  
• Collections and Capped Collections - Demo  
• What is a document?  
• Document Structure  
• The _id field  
• Data Types  
• Mongo Shell  
• Mongo Shell - Demo   

CRUD Operations  

• Inserting Data  
• Querying Data using find() & findOne()  
• Basics of Querying Data - Demo  
• Querying Complex Data - Demo  
• Querying Null Values - Demo  
• The flavors of find – Atomic operations (Update & Delete)  
• Updating Data - Demo  
• Duplicate Data - Demo  
• Replace One - Demo  
• DeleteOne - Demo  
• DeleteMany - Demo  
• Dropping a Collection  

Schema Design and Modelling  

• Data Modelling Schemas  
• MongoDB Data Model and Relationships  
• Scenario-based examples  

Advanced Operations  

• Sorting 
• Sorting - Demo  
• Limiting records  
• Limit Data - Demo  
• Skip Data - Demo  
• Indexing  
• Indexes - Demo  
• Different Types of Indexing  
• Aggregation  
• Aggregation Pipeline - Demo  
• Aggregation MapReduce - Demo  

Replication and Sharding  

• Why Replication?   
• Sharding  
• Create Backup  

Administration and Security  

• Backup and Restore Operations  
• Backup - Demo  
• Restore - Demo  
• Import and Export Operations  
• Import and Export Operations - Demo  
• Monitor Resource Utilization  
• Query Optimization and Optimization Properties  
• Query Optimization - Demo  
• Security Concepts in MongoDB  
• MongoDB Security  

MongoDB with other Applications  

• Various API drivers available for MongoDB  
• Integration with Node.js  
• Integration with Node.js - Demo  
• Integration with Java  
• Integration with Java - Demo  
• Integration with Python  
• Integration with Python - Demo  

Cloud Deployment with AWS 

• Introduction to the AWS platform
• Overview of a Deployment Pipeline on AWS
• Understanding compute platform EC2
• Understanding Identity Access and Management (IAM)
• Network fundamentals with ELB, RDS, Route 53 and Cloudfront
• Understanding CloudFormation
• Understanding CodeCommit and CodeBuild
• Using CodeDeploy and CodePipeline
• Managing deployments using CloudWatch 

Background to Agile 

• The day in the life of a Project Manager 
• The day in the life of a Project Team Member 
• The need for change 
• Traditional Projects vs Agile Projects 

Agile Basics 

• Agile Manifesto 
• Values 
• Principles 
• Pillars of Agile 

Business Inputs 

• User Stories - definition 
• Business Value 
• Definition 
• Prioritizing 
• Minimum Viable Product (MVP) / MMF 
• Shaping up user stories (the 3Cs) 
• INVEST Criteria 
• User Story Maturity 

Agile Variants 

• Scrum (very high-level) 
• Kanban 
• XP 
• DSDM 
• Scrum-ban 
• Lean 
• Feature Driven Development 
• PI chart on usage 

APM Framework 

• Process Map 
• Process Steps need, deliverables & activities 
• Envision 
• Speculate 
• Explore 
• Adapt 
• Close 

Introducing Scrum 

• The Scrum Guide 
• Popularity of Scrum 

Scrum Building Blocks 

• Event, Artifacts, and roles 
• Scrum at a glance 
• 3 Scrum roles 
• Other stakeholders 
• Project Manager 
• Agile Coach 
• 3 artifacts 
• 5 events 

Agile Estimation 

• Estimation Basics 
• Agile Estimation Practices 
• Planning Poker 
• Types of Agile Estimates 

Agile Planning 

• Breaking the myth 
• Product Planning 
• Release Planning 
• Iteration Planning 

Monitoring & Tracking 

• Information Radiators 
• Burn-down chart 
• Burn-up chart 
• CFD 

Agile Metrics & Agile Tools 

• Agile Metrics 
• Agile Tools

Scaling Agile

• Why we need to scale Agile
• Agile @ Scale flavors
• SAFe®
• DAD
• LeSS

Careers in Agile

• Agile certifications
• Enterprise Agile 

Topics

Industry-relevant capstone project under experienced industry-expert mentor

Learning Objectives

The highlight of the bootcamp is an industry-centric and comprehensive capstone project that you will get to work on, under the experienced eye of our industry expert mentor. This guided group project shall bring together your understanding of the full stack architecture as you go from vision to deployment of a realistic full stack application, encompassing all essential milestones that are encountered in a production setting. This shall equip you to handle real-world scenarios from the get-go.

Overview & Software Requirement Specification

Welcome to a post-pandemic world where working from home is the new norm. As the enterprise transforms from traditional to the new world order, there is a critical and urgent need to track work hours & tasks being put in by employees working from home.

This is necessary to give the organizations a clear and concise insight into the work being put in by the employees as well as to optimize workload because the home office environment is vividly different than a traditional office environment.

At the same time, employees also need a way to track their own tasks for optimally managing their team. This is why we need to build a web application named Optimus that manages time and helps us optimize our tasks and work.

The application should: 

• Enable users and managers to create accounts using their e-mail address and a password and consequently allow them to signup and sign out. 
• Enable users to log in a task and the amount of time spent on the task. In doing so, it should ask for the task description (in <100 words), set a priority slider, amount of time spent, and the ability to tag co-workers/managers, etc. who were associated with the task.  
• Allow setting up repetitive tasks like daily huddle calls, an ongoing project so they’re logged automatically. The title of the online/phone call, tentative duration, start and end date (or on-going for events that do not have an end date), and co-workers/managers involved should be logged, after which the system should automatically log the duration. Once logged, the user should be able to extend, reduce the time spent on a given day, or cancel the event. 
• For every repetitive task or project, the system should also provide an optional (enabled at the time of setting up a new repetitive task) Kanban board for tracking stages of a task (To Do - In Progress - Ready for Approval - Approved - Completed/Deployed) 
• Users should be able to see bar graphs by day/week/month to monitor the number of hours spent on tasks using a dashboard. 
• Managers should be able to set up teams of employees from the pool of users registered and monitor the amount of time they’re spending on tasks using a graph/chart format using the manager’s dashboard. 

Tools  

The application should be built using the following technologies and tools:  

• The core web application should be built using React & Redux  
• The API servicing the React application should be built using Express.  
• All data related to the application should be stored using MongoDB  
• Use GIT for version control and store your application in a private repository on Github  
• Use Docker to containerize the application for deployment on AWS or Google Cloud or Azure.  
• You may use external/third party libraries for charts/graphs and other functionality as needed. 

Evaluation 

The final submitted solution shall be evaluated on the following points:  

• Adherence to the SRS
• The user experience and workflow 
• Code quality and the use of optimized functions, ES6 & above, modular programming, and the overall architecture of the solution. 
• Deployment strategy 

Project Description

Build an e-commerce website for a boutique coffee company named Wakecup and deploy it on the cloud. The company sells coffee beans and powder, sourced from hand-picked plantations. The website should list various blends that the company offers, allowing users to select a quantity and the type of roast to order. Once the orders are received, the company should be able to manage them using an administrative dashboard, allowing a manager to update inventory, receive orders, and update their status as it goes from order acceptance to dispatch. The application should allow users to create their own accounts or social media login using Google.

Project Description

Build and deploy an online classroom management system called that allows teachers to connect with students as they study from home using video lectures. The application should allow teachers to create classes including task-specific cohorts to assign projects. Teachers should be able to post daily homework in the form of rich text descriptions with images and file attachments and consequently allow students to hand-in completed work using their personal accounts. The application should also offer a class and cohort-specific feed where students and teachers can interact as a public forum for collaborative discussions. Teachers should also be able to attach points to the task as a reward for completing it on time and the students should be able to monitor the points that they've accumulated. Account creation should be private and only teachers should be permitted to invite students using their e-mail IDs to create accounts.