0% found this document useful (0 votes)
27 views6 pages

ST Fullstack Dev Course Weekend

The document outlines the curriculum for a fullstack development course with 20 live classes over weekends. The course covers HTML, CSS, JavaScript, React, Node.js, Express, MongoDB, and security. Students will learn through lectures, coding exercises, 5 mini projects, and a final project. The goal is to teach students all the skills needed to become a fullstack developer.

Uploaded by

zzzgtg
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
27 views6 pages

ST Fullstack Dev Course Weekend

The document outlines the curriculum for a fullstack development course with 20 live classes over weekends. The course covers HTML, CSS, JavaScript, React, Node.js, Express, MongoDB, and security. Students will learn through lectures, coding exercises, 5 mini projects, and a final project. The goal is to teach students all the skills needed to become a fullstack developer.

Uploaded by

zzzgtg
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

st studytonight

ULTIMATE
FULLSTACK DEVELOPMENT
COURSE
by

ABHISHEK AHLAWAT
Founder, Studytonight (10+ yrs. of experience in
Fullstack development)

ex

Program Structure
PROGRAM STRUCTURE

20 Live classes (recorded for later access)


FREE access to HTML/CSS and Javascript courses on Studytonight.com
5 mini Projects and 1 Final project.
Additional one-month extra doubts-solving support.
Special counselling session for all the students.

Weekend classes, on Saturday and Sunday for


2 hrs from 10:30 AM to 12:30 PM

Parallel batches for English and Hindi, so you


can join the one that you like.

In the live classes, time will be dedicated to take


on doubts from students.

Special Discord Course completion


channel access certificate

At the end of the course, we will also teach you the


basics of website hosting, what web servers are,
how to set up hosting, and publish your website live
on the Internet.

Detailed Curriculum
CURRICULUM

CLASS 1 : Introduction to Web Development & HTML


Introduction to Web and Fullstack development
Access to HTML course on
HTML tags and attributes
studytonight.com
Basic Webpage layout understanding
HTML5 tags for modern web app development
Simple projects like Creating form, todo list, basic webpage layout, etc.

CLASS 2 : CSS - Basic to Advance


CSS properties for simple styling
CSS selectors, box model, positioning, etc. Access to CSS course on
studytonight.com
CSS flexbox for creating responsive design.
CSS Grid concept
Learn concepts over the
Media queries week on the website

Introduction to Bootstrap 5

CLASS 3 : Use Git for version control


Introduction to GIT
Set up a Code repository and push code to it.
Learn different git commands to use them throughout the course.
Portfolio Project

Common Doubt session

CLASS 4 : Start with Javascript


Access to JS course on
Introduction to Javascript studytonight.com

Basics of Javascript like variables, conditionals, loops, etc.


Functions in JS - Basic Function, Function expression, Arrow function, Helper function, etc.
JS Strings and Arrays
CLASS 5 : Continue with Javascript
Revision of JS concepts covered till now.

Javascript OOP concept


Learn concepts over the
Browser Events and events handling
week on the website by
Understanding DOM/BOM doing coding exercises.
Dynamic Content Creation
Cookies and Local Storage
Asynchronous Javascript
JS Callbacks

CLASS 6 : Working with Javascript


ES6+ features
JS Project - Product Filter
JS Project - Stopwatch
HTTP Requests to get data from API
JSON handling
Using Javascript with third party API

Common Doubt session

CLASS 7-10 : All about ReactJS 4 classes

Introduction and Setup


Creating your first React App (different ways)
Virtual DOM/Real DOM
What is JSX?
React components
Understanding React Lifecycle
What are Props? Using props in React app
Understanding state - Set state and handle state in React
Error Handling
React Hooks - Implementing custom Hooks
React context API
Other packages like react-router-dom, axios, formic, etc.
CLASS 11 : Moving on to NodeJS
Introduction to NodeJS
Learning about its features.
Set up a basic web server.
File paths
Asynchronous programming
Promises, async/await in NodeJS
Handling errors and debugging the app.

CLASS 12 : Introduction to ExpressJS


What is ExpressJS
Install and setup the ExpressJS development environment
Building simple ExpressJS server
Some basic concepts about ExpressJS

CLASS 13 : What are REST APIs? Create REST APIs using ExpressJS
What are Web services?
What are REST services?
Create RESTful API for basic CRUD operations
Implementing middleware
Create a set of REST services and test them using Postman
Understanding the Request, response and header
Setup and use MongoDB as database.

CLASS 14 : Security aspect of Web App and Backend


More about MongoDB
Basic security aspects in Web development
Security in backend
Concepts like CORS, XSS, CSRF Token, etc.
Best practices.

Common Doubt session


CLASS 15 : Classroom Project
Create an Auth system
Define the project scope
Create RESTful APIs
Create a UI
Setup the security for Backend
Test the application

CLASS 16 : Final project start


Plan the final project
Layout the design - UI, backend, Database and security
Document the project
Start with project development

CLASS 17 : Finish with Final project


Code review
Feedback for project
Testing the application
Discussing the project ideas and brainstorming.

CLASS 18 : Linux and Cloud Services


Introduction to Linux and its commands
Introduction to AWS
Set up development environment for NodeJS, ExpressJS, and complete stack.
Other useful services on AWS

CLASS 19 - 20 : Etc. concepts and Doubt sessions


Doubt sessions to wrap up the course
Covering topics like DNS, domain names, web app hosting, etc.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy