Front-End React Development
Description
This course introduces learners to modern front-end web development using React. It covers HTML, CSS, JavaScript fundamentals, advanced React concepts, state management, APIs, and deployment.
Course Content
• 80h total length
Front-end vs Back-end overview
How the web works
Environment setup
Version control with Git & GitHub
Semantic HTML & accessibility
CSS basics (box model, flexbox, grid)
Responsive design
CSS animations & frameworks
Variables, functions, DOM manipulation
ES6+ features
Async programming basics
Modules, error handling
Local & session storage
OOP & functional programming
What is React?
JSX & components
Props & state
Hooks (useState, useEffect)
Conditional rendering
Forms & Context API
React Router basics
Dynamic routes
CSS Modules & styled-components
Tailwind with React
Fetching data with Fetch & Axios
Handling loading & errors
Global state vs local state
Redux basics
Alternative lightweight state libraries
Custom hooks
Performance optimization
Lazy loading & error boundaries
Unit testing with Jest
Component testing with RTL
Environment configuration
Deploying with Netlify, Vercel, GitHub Pages
Build a full React app
Presentation & peer review
Latest Courses
