HTML & CSS PROGRAMMING
4.21K subscribers
308 photos
18 videos
79 files
108 links
https://t.me/addlist/oJIs6WVKrqBmMWQ1

Hello! I am @Myhurthearts and welcome to the Coding channel! Here we can learn all things related to coding and improve our skills , just let me know!
Download Telegram
MERN STACK ROADMAP ๐Ÿš˜ FOR BEGINNERS 2024

FRONTEND
HTML: ELEMENTS, TAGS, FORMS, SEMANTICS
CSS: SELECTORS, BOX MODEL, LAYOUT (FLEXBOX, GRID), RESPONSIVE DESIGN
BASIC WEB DEVELOPMENT TOOLS: VS CODE, CHROME DEVTOOLS

JAVASCRIPT ๐Ÿ“ฑ (ES6+)
VARIABLES AND DATA TYPES
FUNCTIONS AND SCOPE
ARRAYS AND OBJECTS
PROMISES AND ASYNC/AWAIT
DOM MANIPULATION
EVENT HANDLING

FRONTEND DEVELOPMENT WITH REACT
BASICS OF REACT
JSX AND COMPONENTS
PROPS AND STATE
COMPONENT LIFECYCLE METHODS
FUNCTIONAL VS. CLASS COMPONENTS
EVENT HANDLING IN REACT

ADVANCED REACT
HOOKS: USESTATE, USEEFFECT, USECONTEXT, CUSTOM HOOKS
REACT ROUTER: NAVIGATION AND ROUTING
STATE MANAGEMENT: CONTEXT API, REDUX
PERFORMANCE OPTIMIZATION: REACT.MEMO, USEMEMO, USECALLBACK

UI LIBRARIES
CSS-IN-JS: STYLED-COMPONENTS, EMOTION
COMPONENT LIBRARIES: MATERIAL-UI, ANT DESIGN
BACKEND
BASICS OF NODE.JS
INTRODUCTION TO NODE.JS
NPM: PACKAGE MANAGEMENT
MODULES AND REQUIRE
FILE SYSTEM OPERATIONS

4. EXPRESS.JS
SETTING UP AN EXPRESS SERVER
MIDDLEWARE
ROUTING
HANDLING REQUESTS AND RESPONSES
ERROR HANDLING

DATABASE MANAGEMENT WITH MONGODB
BASICS OF MONGODB
NOSQL VS. SQL DATABASES
CRUD OPERATIONS
DATA MODELING AND SCHEMAS
INDEXES AND PERFORMANCE OPTIMIZATION

CONNECTING FRONTEND AND BACKEND
RESTFUL APIS
DESIGNING RESTFUL ENDPOINTS
CONSUMING APIS WITH FETCH/AXIOS
AUTHENTICATION AND AUTHORIZATION (JWT, OAUTH)
ERROR HANDLING AND STATUS CODES.

FULL-STACK DEVELOPMENT
SETTING UP THE PROJECT STRUCTURE
CONNECTING REACT FRONTEND WITH EXPRESS BACKEND
STATE MANAGEMENT IN FULL-STACK APPS

PROJECTS
BEGINNER PROJECTS
TO-DO LIST APP
SIMPLE BLOG
WEATHER APP

INTERMEDIATE PROJECTS
E-COMMERCE SITE
SOCIAL MEDIA APP
REAL-TIME CHAT APPLICATION

ADVANCED PROJECTS
FULL-FEATURED CMS
PROJECT MANAGEMENT TOOL
COLLABORATIVE CODING PLATFORM.

Free Courses: CLICK HERE
โค2
Price : 300 โœ…

What You Get ๐Ÿ‘‡

Complete DSA + Web Development
Everything included in Alpha Plus 5.0
Complete DSA in Java
Complete DSA in C++ (Optional)
Projects like Zerodha, Airbnb,
Zoom, Linkedin, ChatGPT,
Github & many more
Quant & Aptitude Preparation
Complete MERN Stack
Frontend & React
Backend & Database
Individual Doubt Support for DSA & Development : TA
Msg @Myhurthearts โœ…
๐Ÿ’ธ Skills To Master As a Web Developer
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ”ฐ JavaScript Array Cheatsheet

โœ… Best Course For Web Dev๐Ÿ‘‡โœ… Msg ๐Ÿ˜ @Myhurthearts
๐ŸŽจ PW Skills Web Development
โญ Delta 5.0 Batch: Apna College
๐Ÿ’ป DOT Batch: Love Babbar
๐ŸŒˆ Namaste React
๐Ÿ“œ Namaste JavaScript
โš™๏ธ Namaste NodeJs
๐ŸŒŸ Cohort 3.0: Web + DevOps
๐Ÿ”ง Full Stack Web Development: Naresh IT & DurgaSoft
๐Ÿš€ Sanket Singh Full Stack Web Development
๐Ÿ”— NodeJS: Sanket Singh
๐ŸŒŸ MERN Stack: Anuj Bhaiya
๐Ÿ–ฅ๏ธ PHP: Ram Sir
๐ŸŽจ Frontend Development: IIT Madras
๐Ÿ“š Almabetter Full Stack Web Development Course
โšก ASHOK IT Node JS
โญ UI Full Stack: Sudhakar Sharma | Naresh IT
๐Ÿ”ฅ Sherians Frontend Course
๐Ÿคก Hitesh chaudhary web development course
๐Ÿ˜ข Ineuron full stack web development
๐Ÿ˜ Mern stack sanket singh
๐Ÿคก Backend by sanket singh
๐Ÿ˜ฑ Web development 50+ Project
๐Ÿ”ฅ1
๐Ÿ”ฐ Gallery Layout using CSS Grids in 5 steps

1 2 3 4 5, and you've got a dynamic gallery implemented in CSS ๐Ÿคฉ

The important property in this is auto flow, which is a very cool property!

โœ… Best Course For Web Dev๐Ÿ‘‡โœ… Msg ๐Ÿ˜ @Myhurthearts
๐ŸŽจ PW Skills Web Development
โญ Delta 5.0 Batch: Apna College
๐Ÿ’ป DOT Batch: Love Babbar
๐ŸŒˆ Namaste React
๐Ÿ“œ Namaste JavaScript
โš™๏ธ Namaste NodeJs
๐ŸŒŸ Cohort 3.0: Web + DevOps
๐Ÿ”ง Full Stack Web Development: Naresh IT & DurgaSoft
๐Ÿš€ Sanket Singh Full Stack Web Development
๐Ÿ”— NodeJS: Sanket Singh
๐ŸŒŸ MERN Stack: Anuj Bhaiya
๐Ÿ–ฅ๏ธ PHP: Ram Sir
๐ŸŽจ Frontend Development: IIT Madras
๐Ÿ“š Almabetter Full Stack Web Development Course
โšก ASHOK IT Node JS
โญ UI Full Stack: Sudhakar Sharma | Naresh IT
๐Ÿ”ฅ Sherians Frontend Course
๐Ÿคก Hitesh chaudhary web development course
๐Ÿ˜ข Ineuron full stack web development
๐Ÿ˜ Mern stack sanket singh
๐Ÿคก Backend by sanket singh
๐Ÿ˜ฑ Web development 50+ Project