FRONTEND TASK DASHBOARD

TODAY'S TASK

Day 35 - What is React? Setup project (Vite), File Structure, Introduction to JSX

Click below to open today’s files 👇

Task

PREVIOUS TASKS

Day 1-Introduction,Basic Structure(DOCTYPE,html,head,body,Root,Container)
Task Notes
Day 2 – Block-level vs Inline Elements, Common Tags (p, h1-h6, div, span, etc.)
Task1 Task2 Notes
Day 3 – Semantic Tags
Task Notes
Day 4–HTML Attributes-Wrapping & grouping
Task Notes
Day 5–HTML Forms: input types, labels, placeholders, required, basic form validation
Task Notes
Day 6-HTML Form Continue
Task Notes
Day 7–HTML Table
Task Notes
Day 8-HTML Meta Tags and SEO Based web page making–
Task Notes
Day 9–CSS Intro and Connections
Task Notes
Day 10-Box Model: margin, padding, border, content
Task Notes
Day 11-Flexbox Basics: display flex, justify-content, align-items, flex-direction, gap
Task Notes
Day 12-Grid System and design
Task Notes
Day 13- Colors, Backgrounds, Fonts, Text Styles
Task Notes
Day 14 – CSS Units(px,em,rem,%,vh,vw),Responsive Basics(media queries)
Task Notes
Day 14 Continue - CSS - Transitions, Hover effects
Task Notes
Day 15 - JS Introduction media query and animations
Task1 Task2 Task3 Notes
Day-16 Variables (var, let, const), Data Types, Operators
Task1 Task2 Task3 Notes
Day 17 - Conditions (if-else)
Task1 Task2
Day 18 - Loops (for, while, do-while), Break & Continue
Task1 Task2
Day 19 - Functions (declaration, expression, arrow), Parameters, Return, Scope
Task1 Task2
Day 20 - planet project
Task
Day21-Arrays Basics (push, pop, shift, unshift,map, filter, reduce, find, includes), Looping through Arrays Continue
Task1 Task2 Task3
Day22 - Array Advanced(filter, reduce, find)
Task1 Task2
Day 23 - Objects: creation, properties, methods
Task
Day24-DOM Basics: getElementById, querySelector, innerHTML, textContent, style changes,DOM Events: click, input, submit, addEventListener
Task1 Task2
Day 25 - ES6 Basics: let, const, template literals, default parameters
Task1 Task2 Task3
Day 26 - ES6: Destructuring, Spread & Rest Operators
Task1 Task2 Task3 Task4 Task5
Day27-ES6: Arrow functions, Classes basics
Team Task
Day 28 - Synchronous vs Asynchronous JavaScript, setTimeout, setInterval
Task1 Task2 Task3
Day 29 - Callbacks, Promises, .then(), .catch()
Task1 Task2
Day 30 - async/await
Task1 Task2
Day 31 - Local Storage & Session Storage
Task
Day 32 - Introduction to Bootstrap,Bootstrap Containers & Grid System, Typography & Utilities
Task1 Task2 Task3
Day 33 - Navbar & Navigation,Common Components, Forms & Input Groups
Task
Day - 34 Responsive Design Techniques,Modals, Carousel, and Collapse, Customization
Task
Task