Scribd
Upload
5 views30 pages

FSD New Module - Satel Training DPT

The document outlines a comprehensive 30-day curriculum covering web development topics, including HTML, CSS, JavaScript, React, Node.js, Express, and MongoDB. Each day focuses on specific concepts and includes practical projects to reinforce learning. The curriculum culminates in fullstack application development and deployment.

Uploaded by

anjaliyeole527
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
5 views30 pages

FSD New Module - Satel Training DPT

The document outlines a comprehensive 30-day curriculum covering web development topics, including HTML, CSS, JavaScript, React, Node.js, Express, and MongoDB. Each day focuses on specific concepts and includes practical projects to reinforce learning. The curriculum culminates in fullstack application development and deployment.

Uploaded by

anjaliyeole527
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/ 30

Day 1

HTMR

0 What is Tag and it’s typeB

0 Sections of HTML - head, body>

0 What is doctype>

0 Exploring all tags and creating a resume>

0 What is attribut%

0 Lists and ImageB

0 Forms and TableB

0 Semantic ElementB

0 Characters and SymbolB

0 Project 1 - Gallery Page


Day 2

CS>

( What is CSS and how to use it in HTML

( CSS Property and value

( Different types to import

( Inline vs Internal vs External styling

( Box Mode

( Difference between class and id

( Padding and margin

( Selectors in CS5

( Project 2- Landing Page


Day 3

CS2

$ Position attribute

$ Flex and Grid Displa

$ Project 3 - Food Court Page

$ Project 4 - Technical Documentation Page


Day 4
CS,

" CSS Animation

" Gradients and Shado

" Media queries

" Project 5 - Music Store Page


Day 5
Javascrip+

 Variables, Object and Array

 String and Mat$

 Copy by reference and copy by value

 Understanding scope in JS

 What is hoisting

 Loops and Condition

 Functions in JS
Day 6

Javascrip#

! Difference between function expression and declaration

! Array functions like splice, slice etc

! IIFE and Anonymous Functions

! Callback Functions

! Promise
Day 7

Javascrip6

1 Understanding DOM

1 How to access elements from the DOM

1 How to manipulate DOM events in JS

1 Window and Document objects

1 Arrow functions.

1 Project 6 - Digital Clock


Day 8
Javascrip-

( Constructor

( How does the “this” keyword works in JS

( Super keyword

( How to deal with class inheritance in JS

( Project 7 Simon Game


Day 9
Reac/

! Intro to React%

! Components and Props%

! React Hooks (useState and useEffect

! NPM/ Yarn%

! JSX Syntax%

! Functional Components vs Class Based Components


Day 10
Reac@

8 React Hooks (useRef%

8 Project 8 - To-do-list Ap

8 Lifecycle Methods*

8 Intro to axios*

8 Fetching data from REST API’s*

8 Project 9 - Advice App


Day 11

Reac.

0 Difference between SPA and MPA"

0 Routing in React"

0 React Hooks (useContext

0 Project 10 - User Management Syste

0 Form Handling
Day 12
Firebas"

 Intro to Firebas

 Storing Data in Firestore D

 Storing Images and Videos in Firebase Storag

 Working with Firebase Auth


Day 13
Reac"

 Project 11 - Social Media Application with Firebase


Day 14
Reac

 Project 11 - Social Media Application with Firebase


Day 15
React & Redu

 Intro to Redux and Redux Toolki%

 Why and When to use Redu

 Store and Multiple Reducer

 Redux Middleware
Day 16
 Project 12 - Pokemon App
Day 17
Node & Expres0

% Intro to Node

% Setting up tools

% File Handlin,

% Event Listener

% Project 13 - File Controller


Day 18
 What are servers and how one can use them

 What is nodemon?

 Cookies

 Intro to Express

 Creating web server

 Creating API endpoints


Day 19
Node & Expres/

- Project 14 - Students Management AP

- Async and await8

- CRUD Operation8

- Authentication using JWT


Day 20
 Passportjs auth

 Server side rendering using ejs and handlebars.

 Express Middleware
Day 21

MongoD!

 Intro to MongoDB"

 Explaining 1:1, 1:M and M:M DB relations"

 How MongoDB works?"

 CRUD Operation in Mongo Shell"

 Intro to MongoDB Atlas


Day 22

MongoD

 Connecting MongoDB with mongoose

 Schema Types

 Structured Data
Day 23
 Project 15 - Hotel Management System
Day 24
MongoD

 Projection

 Relationships between data

 Subdocuments structure

 Embedded Documents

 Adding array of sub documents


Day 25
 Project 16 - College Management API
Day 26
 Nodemailer

 Sending Dynamic Emails.

 Html Content and attachment email.


Day 27
 Project 17 - Password Reseter
Day 28
! Fullstack Application Setup

! Setting Private Routes in Reac

! User Session Managemen

! Deployment of Fullstack Application


Day 29
Project 18 - Project Management App(Frontend)
Day 30
Project 18 - Project Management App(Backend)

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