top of page
MARIA J
FRONT END WEB DEVELOPER
Learn Web Development in just 5 Courses
DAY 1
HTML Foundations
What We'll Review
-
Basic tags; headings,
paragraphs, links, images -
Lists and nesting elements
-
Semantic HTML & Accessibility
Exercises
-
Build a basic profile card
-
Create a recipe using only HTML
Project
Your first personal webpage (intro, photo, fun facts)
DAY 2
Styling with CSS
What We'll Review
-
Selectors, colors, typography
-
Box manipulation
-
Flexbox basics
Exercises
-
Style your profile card from HTML Foundations
-
Flexbox layout challenge
Project
Design a homepage layout for a fake product or service
DAY 3
JavaScript Basics
What We'll Review
-
Variables, data types, functions
-
DOM Manipulation
-
Events (clicks, key-press)
Exercises
-
Create a button that changes text or color
-
Make an interactive cooklist
Project
Build a quote generator or light/dark mode toggle
DAY 4
Bringing it All Together
What We'll Review
-
File structure & linking CSS / JS
-
Forms and validation
-
Debugging tips
Exercises
-
Add a working contact form to your site
-
Style error messages and inputs
Project
Build a mini multi-page portfolio using all 3 layers
DAY 5
Going Live + Final Projects
What We'll Review
-
Hosting options (GitHub Pages)
-
Intro to version control (Git basics)
-
Peer feedback & final polish
Exercises
-
Deploy your site
-
Leave comments on a peer's project
Project
Final personal portfolio or themed website
bottom of page