Full Stack Web Development Bootcamp

Languages
English + Hindi + Tamil + Telugu
Batch Size
10-20
Duration
30 hours
Investment
$$$$$
Request Training Proposal

Course Contents

The Full Stack Web Development Bootcamp is a comprehensive training program designed to equip participants with the skills and knowledge necessary to become proficient full-stack web developers. Over the course of this bootcamp, participants will learn essential concepts, languages, and frameworks used in web development, including HTML, CSS, JavaScript, ReactJS, Node.js, MySQL, Git, debugging techniques, and deployment strategies. Through a combination of theoretical learning, hands-on exercises, and real-world project development, participants will gain practical experience and be able to build a sample eCommerce website from scratch.

Full Stack Web Development Bootcamp - Detailed Course Outline

Day 1:

Morning Session:

Introduction to WWW

- Understanding the concept of the World Wide Web and its components

- Overview of web browsers, web servers, and HTTP

HTML

 - History and evolution of HTML

- HTML structure and basic tags

- Working with attributes and input tags

- Formatting tags and their usage

- Handling events in HTML

Afternoon Session:

CSS

- Introduction to CSS and its role in web development

- Adding CSS styles to HTML documents

- Different types of CSS (inline, internal, external)

- Exploring CSS attributes and selectors

- Applying styles to HTML elements effectively

Basics of JavaScript

- History and importance of JavaScript in web development

- Understanding variables and their types

- Type conversion and coercion in JavaScript

- Conditional statements (if-else) for decision-making

- Looping structures (for, while) for repetitive tasks

Day 2:

Morning Session:

More JavaScript Concepts

- Working with objects and their properties

- Functions and their role in modular code

- Introduction to the Document Object Model (DOM)

- Manipulating HTML elements using DOM methods

- Extracting values from HTML and setting values to HTML tags

Version Control using Git

- Installing Git and setting up a repository

- Cloning repositories and managing files

- Committing changes and resolving merge conflicts

- Working with branches and remotes

- Exploring Git logs for tracking changes

Afternoon Session:

Concepts of OOPs

- Understanding Object-Oriented Programming principles

- Exploring concepts like inheritance, polymorphism, abstraction, and encapsulation

- Applying OOPs concepts in JavaScript for code organization and reusability

Day 3:

Morning Session:

Frontend Development with ReactJS - Part 1

   - Introduction to ReactJS

   - Creating first React App; Folder Architecture of React App

   - Understanding React Components - class-based & function-based components

Afternoon Session:

   - Introduction to React Props & Prop Drilling

   - React State - Creating and Manipulating States

   - React Hooks (useState, useEffect, useContext etc.)

   - React Router - react-router and react-router-dom

Day 4:

Morning Session:   

Frontend Development with ReactJS - Part 2

   React Forms - Creating Forms and Form Validation

   Calling APIs in React

Backend Development with Node.js

- Introduction to Node Package Manager (NPM)

- Installing modules and managing dependencies

- Building web applications with Express.js framework

- Asynchronous programming in Node.js

- Handling HTTP requests and responses

Afternoon Session:

Debugging

- Techniques and tools for debugging web applications

- Debugging JavaScript code using browser developer tools

- Identifying and fixing common errors and issues

Accessing APIs and Integrating Backend

- Accessing APIs using Thunderclient in VS Code

- Connecting frontend and backend for data exchange

- Performing CRUD operations with backend APIs

Day 5:

Morning Session :
Database Management

- Connecting to databases (MySQL)

- Managing MySQL server and client

- Creating, dropping, and altering tables

- Writing SQL queries for inserting, selecting, ordering, grouping, searching, and deleting data

- Understanding join operations for data retrieval

Afternoon Session:

Linux

- Introduction to Linux and its command-line interface

- Understanding the directory structure

- Navigating through directories using shell commands

- Installing system packages and managing processes

- Viewing system logs and monitoring hardware utilization

Deployment of Backend

- Deploying backend applications on AWS EC2

- Using AWS Lambda and API Gateway for serverless architecture

- Load balancing and scaling web applications

- Configuring public and private DNS

- Implementing SSL certificates for secure communication

Develop a sample eCommerce website with front-end as React, Back-end API in express.js, node.js and MySQL as database.

1) This eCommerce website will have the following screens. These screens will be developed using HTML, CSS and ReactJS -

  • 1. Product Search screen with AddToCart functionality
  • 2. Product Administration
  • 3. Show Cart items
2) A back-end API will be developed using express.js & node.js
3) Database tables for the eCommerce application will be developed in MySQL
4) Code will be developed to Add products to the cart, place order and to save cart items, orders to the database.


Instructor Profile

instructor_image

Expert trainer in C#.net, ASP.net MVC, Angular, ReactJS, SQL Server with over a decade of experience. Expertise in Leadership, Team Building, and end-to-end project delivery.

This course includes:

  • 100% Online Sessions
  • Instructor led
  • Customizable Syllabus
  • Customizable Schedule
  • Certificate of Completion
  • Training Recordings
  • Training Resources
  • Learner Assessment
Request Training Proposal

StepUpwards Training Requirement Form

Please complete this form so we can get back to you with a training proposal.

By clicking "Submit", you agree to our Terms of Use , Privacy Policy and Service Agreement

Individuals younger than 18 years of age, but of the required age for consent to use online services, as per applicable law in their country of residence may set up an account and enroll in appropriate courses through their parent or guardian. Individuals younger than the required age for consent to use online services may not use the Services offered by StepUpwards Platform. For more details, please refer to our Privacy Policy.