Fullstack BootCamp Training

HTML, CSS, JS, React, Node, Mongodb, Git | Learn from scratch

  • 104 hrs (part-time) / 13 Weekends (SAT,SUN) / 13 Weeks (MON,TUE,WED,THU)
  • Learn by doing 5 real-time projects and several assignments along with mentors
  • Master HTML5, CSS 3 responsive web design and Modern SPA development using ReactJS
  • Develop interactive, responsive, and rich internet SPA web applications.

Why you should be Full Stack Developer?

Over 24,000 Job openings

Based on the recent LinkedIn workforce report, there are over 24,000 job openings for the Full Stack Developers in the USA region.

$135,179 Average salary

According to Indeed, the average salary of a Full Stack Developer is $135,179 per year.

Full Stack Developers are in demand

There will be a 13% cumulative growth rate for Full Stack Developers in 2020, states BLS report. 

More skilled people on a team

Full Stack Developers with the latest knowledge are valued more on a team.

Demand in all the industries

Industries like education, transportation, logistics, healthcare, recreation, travel, fitness, retail, etc. hire Full Stack Developers.

Bright career ahead

Full stack Developers have access to wider career opportunities all over the globe.

Key Highlights

  • Learn directly from industry experts
  • Recreate subset features most popular JavaScript libraries
  • Redesign popular web pages using HTML5 & CSS3
  • Develop scalable and secured web apis
  • Interact and learn with experiential sessions
  • Learn by doing - Be practical, code more and better
  • Innovative learning tools & animated handouts
  • Learn by asking what, why, and how
  • Challenge yourself with multiple quizzes
  • Collaborative and team-based learning

Eligibility

    There are no strict prerequisites to attend the Fullstack bootcamp. You are eligible to apply if you are -

    • A fresh college graduate seeking a career in fullstack web development
    • An experienced IT professional looking to upskill in web development
To Know more about your Eligibility Eligibility Check

KnowledgeHut Experience

Live and Interactive

Listen, learn, question, and apply real-time. Improve your coding skills with hands-on exercises

Learn by Doing

Learn theory backed by practical case studies, exercises, and coding that you can apply to your real-time projects.

Curriculum Designed by Experts

Stay globally relevant with our expert-curated courseware updated with the latest tech advancements.

Advance from the Basics

Learn concepts from scratch, and advance your learning through step-by-step guidance on tools and techniques.

Code reviews by professionals

Get reviews and feedback on all projects and case studies from professional Data Scientists and Architects.

Mentored by Practitioners

Learn from the best in the field. Our mentors are all experienced professionals in the fields they teach.

Build your Portfolio

Build a portfolio of real professional projects to demonstrate your abilities and learning in your future projects.

Curriculum

Introduction

  • Basic
  • Tags
  • Page Structure
  • Head & Meta
  • DOCTYPE

Elements

  • Different kinds of tags
  • Attributes
  • Headings
  • Paragraphs
  • Comments

Navigating with Links

Displaying Images

Drawing Tables

Showing Lists

Entities & Iframes

Working with Forms

  • Forms
  • Form Elements
  • Input Types
  • Input Attributes

HTML5

  • HTML5 Intro
  • HTML5 Support
  • HTML5 New Elements
  • HTML5 Semantics
  • HTML5 Migration
  • HTML5 Style Guide

Gentle introduction to Graphics

  • Canvas
  • SVG

Working with multimedia

  • Video
  • Audio

HTML5 APIs

  • Geolocation
  • Web Storage

HTML 5 Forms

  • New Form elements
  • Form validation and attributes

CSS Introduction

  • What is CSS?
  • Why CSS?
  • Syntax
  • placing styles in document

Gentle introduction to selectors

  • Element
  • Id
  • class
  • attribute
  • inline styling

Working with colors & Backgrounds

  • CSS Colors
  • CSS Backgrounds

CSS Box Model

  • Understanding box model
  • CSS Borders
  • CSS Margins
  • CSS Padding
  • CSS Height/Width
  • CSS Outline
  • CSS Box Sizing

Styling Text & Fonts

  • CSS Text
  • CSS Fonts

Styling links, lists and tables

  • CSS Icons
  • CSS Links
  • CSS Lists
  • CSS Tables

Exploring display

  • CSS Display
  • CSS Inline-block

Positioning elements

  • CSS Position
  • CSS Float
  • CSS Overflow
  • CSS Align

More CSS selectors

  • CSS Specificity
  • CSS Combinators
  • CSS Pseudo-class
  • CSS Pseudo-element

CSS3

  • CSS Rounded Corners
  • CSS Border Images
  • CSS Backgrounds
  • CSS Colors
  • CSS Gradients
  • CSS Shadows
  • CSS Text Effects
  • CSS Web Fonts
  • CSS 2D Transforms
  • CSS Transitions
  • CSS Animations

CSS Flexbox

  • Flexbox Intro
  • Flexbox Container
  • Flexbox Item

CSS Grid

  • Grid Intro
  • Grid Container
  • Grid Item

Responsive web design

Introduction to version control

Introduction to GIT

  • What is git
  • Why git
  • Fetaures 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

  • What is JavaScript?
  • Why JavaScript?
  • Advantages and Limitations
  • JS Versions
  • Browser compatibility
  • Explore JS syntax
  • Using console
  • JS comments
  • Variables and Data types
  • Debugging using chrome developer tools
  • Expressions and operators
  • Assignment operators
  • Comparison operators
  • Arithmetic operators
  • Bitwise operators
  • Logical operators
  • String operators
  • Conditional (ternary) operator

Conditions & loops

  • if
  • if..else
  • if..elseif
  • switch
  • for statement
  • do..while statement
  • while statement
  • break statement
  • continue statement
  • for..in statement
  • for..of statement (ES6)

Functions

  • Define functions
  • Parameters
  • Scope, context and hoisting
  • Named, Anonymous and function expressions
  • Function invocation
  • Call, apply and bind
  • Callbacks
  • Closures

Arrays

  • What is an array?
  • CRUD operations with array
  • Most commonly used array methods

Strings & Dates

  • Creating Strings
  • Most commonly used string methods
  • Creating Dates
  • Most commonly used Date methods

Objects

  • What is Object?
  • Different ways to create objects?
  • Constructors and object instances
  • Accessing properties with dot and bracket notation
  • Getters and setters
  • What is "this"?
  • The Object constructor and its methods
  • Working with prototype
  • Prototypal inheritance

Error Handling in JavaScript

  • Try..catch
  • Types of Errors

HTML DOM

  • What is DOM?
  • Why DOM?
  • Understand Document object
  • CRUD with DOM
  • Traversing DOM
  • working with events

Browser Object Model

  • Window Object
  • History Object
  • Navigator Object
  • Timers
  • Cookies

Working with Forms in JavaScript

  • Setting and Getting values from form elements
  • Validating forms

Remote communication in JS

  • Understanding AJAX programming
  • Working with promises
  • Working in fetch
  • What is JSON?
  • Why JSON?
  • Data Types?
  • Parse and Stringify JSON
  • Objects and Arrays in JSON

ES6 & Beyond

  • Introduction to Babel
  • Let & const
  • Temporal Dead Zone
  • Template Strings
  • Array Destructuring
  • Object Destructuring
  • Spread and Rest Operators
  • Arrow functions
  • Default function Arguments
  • Object Literal Short hand properties and methods
  • Object Literal Computed Keys
  • Iterable and Iterators
  • Promises
  • Generators
  • Async/Await

Maps and Sets

  • Map and Weak Maps
  • Sets and Weak Sets

Modules

  • Introduction
  • working with modules
  • export, import and default export
  • Class Room Project Issue Tracker Application

Introduction to React

  • What is React?
  • Why React?
  • React version history
  • React 16 vs React 15
  • Just React - Hello World
  • Using create-react-app
  • Anatomy of react project
  • Running the app
  • Debugging first react app

Templating using JSX

  • Working with React.createElement
  • Expressions
  • Using logical operators
  • Specifying attributes
  • Specifying children
  • Fragments

It's all about components

  • Significance of component architecture
  • Types of components
  • Functional
  • Class based
  • Pure
  • Component Composition

Working with state and props

  • What is state and it significance
  • Read state and set state
  • Passing data to component using props
  • Validating props using propTypes
  • Supplying default values to props using defaultProps

Rendering lists

  • Using react key prop
  • Using map function to iterate on arrays to generate elements

Event handling in React

  • Understanding React event system
  • Understanding Synthetic event
  • Passing arguments to event handlers

Understanding component lifecycle & handling errors

  • "Understand the lifecycle methods"
  • Handle errors using error boundaries

Working with forms

  • Controlled components
  • Uncontrolled components
  • Understand the significance to defaultValue prop
  • Using react ref prop to get access to DOM element

Context

  • What is context
  • When to use context
  • Create Context
  • Context.Provider
  • Context.Consumer
  • Reading context in class

Code-Splitting

  • What is code splitting
  • Why do you need code splitting
  • React.lazy
  • Suspense
  • Route-based code splitting

Hooks

  • What are hooks
  • Why do you need hooks
  • Different types of hooks
  • Using state and effect hooks
  • Rules of hooks

Routing with react router

  • Setting up react router
  • Understand routing in single page applications
  • Working with BrowserRouter and HashRouter components
  • Configuring route with Route component
  • Using Switch component to define routing rules
  • Making routes dynamic using route params
  • Working with nested routes
  • Navigating to pages using Link and NavLink component
  • Redirect routes using Redirect Component
  • Using Prompt component to get consent of user for navigation
  • Path less Route to handle failed matches

Just Redux

  • What is redux
  • Why redux
  • Redux principles
  • Install and setup redux
  • Creating actions, reducer and store immer
  • What is immer?
  • Immutability with normal JavaScript objects and arrays

React Redux

  • What is React Redux
  • Why React Redux
  • Install and setup
  • Presentational vs Container components
  • Understand high order component
  • Understanding mapStateToProps and mapDispatchtToProps usage

Redux middleware

  • Why redux middleware
  • Available redux middleware choices
  • What is redux saga
  • Install and setup redux saga
  • Working with Saga helpers
  • Sagas vs promises

Unit Testing

  • Understand the significance of unit testing
  • Understand unit testing jargon and tools
  • Unit testing react components with Jest
  • Unit testing react components with enzyme

Webpack Primer

  • What is webpack
  • Why webpack
  • Install and setup webpack
  • Working with webpack configuration file
  • Working with loaders
  • Working with plugins

Introduction to Node

  • Installing Node.js
  • Node’s Event Loop
  • Writing asynchronous code

Modularzing code

  • Understanding built-in modules
  • Techniques for modularizing JavaScirpt code
  • Using require() to modularize application code
  • Using npm for third-party modules
  • Handling Exceptions

Events and Streams

  • EventEmitter class
  • Understanding Streams
  • Reading and writing streams
  • Using pipe()

Accessing local resources

  • Process Object
  • Manipulating File System
  • Understanding Buffers

Express JS

  • Using http module to handle webrequests and build web server
  • Installing Express.js
  • Routing
  • Parameters and queries in routing
  • Serving files
  • Error Handling

Working with template engines

  • Building views using pug view engine
  • Using blocks for layout
  • Displaying data

Securing web apis with passport

  • Authentication & Authorization using local user
  • Protecting API with JWT

Realtime communication with socket.io

  • Understand the need of websockets
  • Install and setup socket.io
  • Develop realtime dashboard 

Scaling node apps

  • The Child process model
  • Exec, spawn, and fork functions
  • Using the Cluster module

Introduction to MongoDB

  • Installing MongoDB
  • The current SQL/NoSQL landscape
  • Document-oriented vs. other types of storage
  • Mongo's featureset
  • Common use-cases
  • MongoDB databases
  • MongoDB Collections
  • MongoDB Documents
  • Creating documents
  • insert()
  • update()
  • save()
  • Querying documents
  • find()
  • Working with equality
  • Query operators
  • Building complex queries
  • Updating documents
  • Deleting documents

Introduction to Mongoose

  • Word on ORM/ODM
  • Installing mongoose
  • Connecting to MongoDB from mongoose
  • Understanding mongoose schemas and datatypes
  • Working with Models
  • Using modifiers in schema
  • Using virtual fields
  • CRUD operations with Mongoose

Extending Models

  • Working with hooks
  • Validation of model data
  • Creating custom static methods
  • Creating custom instance methods
Do you like the curriculum? View Schedule and Pricing

reviews on our popular courses

KnowledgeHut Course was designed with all the basic and advanced concepts. My trainer was very knowledgeable and liked the way of teaching. Various concepts and tasks during the workshops given by the trainer helped me to enhance my career. I also liked the way the customer support handled, they helped me throughout the process.

Review image

Nathaniel Sherman

Hardware Engineer.
Attended PMP® Certification workshop in May 2018

All my questions were answered clearly with examples. I really enjoyed the training session and extremely satisfied with the training session. Looking forward to similar interesting sessions. I trust KnowledgeHut for its interactive training sessions and I recommend you also.

Review image

Christean Haynes

Senior Web Developer
Attended PMP® Certification workshop in May 2018

I had enrolled for the course last week. I liked the way KnowledgeHut framed the course structure. The trainer was really helpful and completed the syllabus on time and also provided live examples which helped me to remember the concepts.

Review image

York Bollani

Computer Systems Analyst.
Attended Agile and Scrum workshop in May 2018

I would like to extend my appreciation for the support given throughout the training. My trainer was very knowledgeable and liked the way of teaching. The hands-on sessions helped us understand the concepts thoroughly. Thanks to Knowledgehut.

Review image

Ike Cabilio

Web Developer.
Attended Certified ScrumMaster®(CSM) workshop in May 2018

I really enjoyed the training session and extremely satisfied. All my doubts on the topics were cleared with live examples. KnowledgeHut has got the best trainers in the education industry. Overall the session was a great experience.

Review image

Tilly Grigoletto

Solutions Architect.
Attended Agile and Scrum workshop in May 2018

The course material was designed very well. It was one of the best workshops I have ever seen in my career. Knowledgehut is a great place to learn and earn new skills. The certificate which I have received after my course helped me get a great job offer. Totally, the training session was worth investing.

Review image

Hillie Takata

Senior Systems Software Enginee
Attended Agile and Scrum workshop in May 2018

The trainer took a practical session which is supporting me in my daily work. I learned many things in that session with live examples.  The study materials are relevant and easy to understand and have been a really good support. I also liked the way the customer support team addressed every issue.

Review image

Marta Fitts

Network Engineer
Attended PMP® Certification workshop in May 2018

Knowledgehut is the best training provider which I believe. They have the best trainers in the education industry. Highly knowledgeable trainers have covered all the topics with live examples.  Overall the training session was a great experience.

Review image

Garek Bavaro

Information Systems Manager
Attended Agile and Scrum workshop in May 2018

Have Questions?

Schedule a call with one of our Student Advisors.

From curriculum to payment plans–our experts are happy to help. mail us support@knowledgehut.com or fill the form we get back to you

Schedule a Call