Scribd
Upload
19 views

HTML Css Js React - Sheet1

The document outlines a comprehensive syllabus for a course covering HTML, CSS, JavaScript, React, and MongoDB over five days. Each day focuses on specific topics and subtopics, including HTML structure, CSS syntax, JavaScript basics, React components, and CRUD operations in MongoDB. Additionally, it includes practical skills such as Git commands and cloud deployment using Netlify.

Uploaded by

rajtushal74
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
19 views

HTML Css Js React - Sheet1

The document outlines a comprehensive syllabus for a course covering HTML, CSS, JavaScript, React, and MongoDB over five days. Each day focuses on specific topics and subtopics, including HTML structure, CSS syntax, JavaScript basics, React components, and CRUD operations in MongoDB. Additionally, it includes practical skills such as Git commands and cloud deployment using Netlify.

Uploaded by

rajtushal74
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

HTML, CSS, JS, React Syllabus

Days Topis SubTopics


What is HTML, HTML Structure, Basic Tags
Elements
Attributes
Introduction to HTML Formatting the Tags
Phrase & Meta Tags and the need for SEOs
Images, Form, Tables, Texts
Tags and Links Lists-ol,ul,li, Starting values
Frames
Blocks, Backgrounds, Colors, Fonts and Forms
Embed Multimedia
Day 1
Marquees
Blocks and Functions Header and Layouts

Syntax- Need and Types of CSS


Inclusion, CSS Libraries (Milligram, Tachyons,...)
Measurement Units
Backgrounds, Color and Fonts
Text, Images and Links
Tables, Borders and Margins, Lists, Padding, Cursors,
CSS BootCamp Scrollbars, Dropdowns and Arrows

Syntax
Variables
JavaScript Basics & Operators Operators
If... Else, Switch, While
For Loop
For...in
Conditional and Control Statements Loop Control
Day2
Functions
Functions Scope, void Keyword Objects
Number, Boolean and Strings
Date, RegEx glimpses
JS Objects Objects
HTML DOM
JS DOM Event Handling
Arrow Functions
let & const & var
ES6 Features Spread Operator

Day 3 Using VS Code, VS Code extensions for ES6, React(formatting and check styles),.
Hello world app in React, React Essential Features and Syntax React App Project Directory Structure,
React Component Basic, Create React Component,
Working with Components and Reusing Components
Introduction to React Understanding JSX, Limitations of JSX,

React Components - Props and State,

React Components and Understanding and using Props and State, Handling Events with methods,
Props Functional (Stateless) VS Class (Stateful) Components,
HTTP Requests/Ajax Calls, HTTP Requests in React, Introduction of Axios package,
CRUD opertions using AXIOS/fetch HTTP GET Request, fetching & transforming data, HTTP POST, DELETE, UPDATE, Handing Errors,
React Routing, Routing and SPAs,
Day 4 Setting Up the Router Package, react-router vs react router-dom,
Preparing the Project For Routing,
Routing and Forms |Switching Between Pages.

NoSQL vs. SQL


MongoDB Basics
Introduction to MongoDB Documents, Collections, Databases

Create
Read
Updae
CRUD operations in MongoDB Delete

Day5 DataBase connectivity MongoDB Connectivity

Creating Git Repository with collaborators


Basic Git Commands
Netlify environment setup for Standalone React
Cloud Deployment Deploying the project to Cloud(Netlify, GitHub)

You might also like