Frontend Dev Fundamentals
Learn the core concepts of modern frontend web development, from structuring content with HTML and styling with CSS to building interactive applications with JavaScript frameworks like React and Angular. You'll understand how to create responsive, accessible, and high-performing websites.
Sessions
Frontend Structure & Style
After this session, you'll be able to explain how HTML structures web content and how CSS styles it, using the Box Model as a fundamental concept.
5 min
Responsive & Accessible Web
After this session, you'll be able to explain responsive design techniques and the importance of web accessibility.
5 min
State Management Intro
After this session, you'll be able to explain what 'state' is in a web application and the difference between local and global state management.
5 min
JavaScript Interactivity Basics
After this session, you'll be able to explain how JavaScript adds interactivity to websites, manipulating content and responding to user actions.
5 min
Frontend Dev Payoff
After this session, you'll be able to identify common website performance bottlenecks and understand modern CSS techniques like variables and preprocessors.
5 min
Component-Based Frontend
After this session, you'll be able to explain the concept of component-based architecture and why frameworks like React and Angular use it.
5 min
What you'll achieve
Explain the roles of HTML, CSS, and JavaScript in web development.
Understand the concept of component-based architecture used in modern frameworks.
Describe how state management works in web applications.
Apply principles of responsive design to make websites adapt to different screen sizes.
Identify key considerations for web accessibility.
Recognize techniques for optimizing website performance.
Differentiate between traditional CSS and modern CSS techniques.