---
# System prepended metadata

title: Frontend Curriculum

---

**Week 1: Introduction to Web Development**
- **Day 1-2**: Introduction to Web Development
  - What is web development?
  - Front-end vs. Back-end development
- **Day 3-4**: Introduction to HTML
  - HTML syntax and structure
  - Common HTML tags
- **Day 5-6**: Introduction to CSS
  - CSS syntax and basic styles
  - Selectors and properties

**Week 2: Intermediate HTML and CSS**
- **Day 1-2**: Forms and Input
  - Creating HTML forms
  - Form elements and attributes
- **Day 3-4**: CSS Layout and Positioning
  - Box model
  - Display and positioning
- **Day 5-6**: CSS Flexbox and Grid
  - Introduction to Flexbox
  - Introduction to Grid

**Week 3: Introduction to JavaScript**
- **Day 1-2**: Introduction to JavaScript
  - What is JavaScript?
  - Variables, data types, and operators
- **Day 3-4**: Conditional Statements and Loops
  - if/else statements
  - for and while loops
- **Day 5-6**: Functions and Scope
  - Creating and using functions
  - Scope and closures

**Week 4: Advanced JavaScript**
- **Day 1-2**: Arrays and Objects
  - Working with arrays
  - Creating and using objects
- **Day 3-4**: DOM Manipulation
  - Selecting and modifying HTML elements
  - Event handling
- **Day 5-6**: Asynchronous JavaScript
  - Introduction to callbacks and Promises
  - Making API requests

**Week 5: Introduction to React**
- **Day 1-2**: Introduction to React
  - What is React?
  - Setting up a React development environment
- **Day 3-4**: Components and Props
  - Creating and rendering components
  - Passing and using props
- **Day 5-6**: State and Lifecycle
  - Managing component state
  - Component lifecycle methods

**Week 6: Advanced React**
- **Day 1-2**: Hooks and Functional Components
  - Introduction to React Hooks
  - Converting class components to functional components
- **Day 3-4**: Routing with React Router
  - Setting up navigation in a React app
  - Creating routes and route parameters
- **Day 5-6**: Managing State with Redux
  - Introduction to Redux
  - Managing global state with Redux

**Week 7-8: Final Project and Additional Topics**
- **Day 1-2**: Building a React Project
  - Applying the knowledge learned to build a basic web application
- **Day 3-4**: Styling in React
  - Using CSS-in-JS libraries or CSS modules
  - Theming in React
- **Day 5-6**: Deployment and Optimization
  - Deploying a React app to a web server
  - Performance optimization techniques

**Week 9-10: Conclusion and Recap**
- **Day 1-2**: Code Review and Debugging
  - Review and debug the final project
- **Day 3-4**: Recap and Q&A
  - Summarize key concepts and answer questions
- **Day 5-6**: Future Learning Paths
  - Explore different career paths and advanced topics in web development