freeCodeCamp
:
The bootcamp includes weekly live streams and projects, and a certificate of completion. And it's entirely free and open to all.
What You'll Learn
- HTML fundamentals: syntax, elements, images, links, lists, forms, buttons.
- CSS: selectors, classes, ids, attributes, fonts, colors, sizing, positioning.
- Accessible and responsive web design: websites for all and on all devices.
- CSS layout tools: positioning elements with CSS Flexbox and CSS grid.
- Projects: personal portfolio website, survey form, landing pages...
How You'll Learn
- You'll attend live streams with your instructor to explore the course material.
- You'll work on coding projects to build a portfolio showcasing your knowledge.
- You'll listen to guest speakers talk about the realities of being a developer.
- You'll interact with peers and instructors via a dedicated discussion forum.
More information
To learn more about the bootcamp, read our detailed overview.
Meet the Expert
Jessica Rose
@jesslynnrose
Jess is a self-taught technologist and advocate for better access to technical education. She used to work with FutureLearn and Mozilla. Now, when she’s not working in technical outreach, she likes to do weird projects like this webdev bootcamp.
Schedule Sep 5th, 2022 – Oct 16th, 2022
-
Week 1W1 September 5th – September 11th
-
1.1
Lesson: Learn HTML by Building a Cat Photo App
-
1.2
Lesson: Learn Basic CSS by Building a Cafe Menu
-
1.3
Lesson: Learn CSS Colors by Building a Set of Colored Markers
-
-
Week 2W2 September 12th – September 18th
-
2.1
Lesson: Learn HTML Forms by Building a Registration Form
-
2.2
Project: Build a Survey Form Project
-
2.3
Lesson: Learn the CSS Box Model by Building a Rothko Painting
Homework: Learn CSS Flexbox by Building a Photo Gallery
-
-
Week 3W3 September 19th – September 25th
-
3.1
Lesson: Learn Typography by Building a Nutrition Label
-
3.2
Lesson: Learn Accessibility by Building a Quiz
-
3.3
Project: Build a Tribute Page Project
-
-
Week 4W4 September 26th – October 2nd
-
4.1
Lesson: Learn More About CSS Pseudo Selectors By Building A Balance Sheet
-
4.2
Lesson: Learn Intermediate CSS by Building a Picasso Painting
Homework: Learn Responsive Web Design by Building a Piano
-
4.3
Project: Build a Technical Documentation Page Project
-
-
Week 5W5 October 3rd – October 9th
-
5.1
Lesson: Learn CSS Variables by Building a City Skyline
-
5.2
Lesson: Learn CSS Grid by Building a Magazine
-
5.3
Project: Build a Product Landing Page Project
-
-
Week 6W6 October 10th – October 16th
-
6.1
Lesson: Learn CSS Transforms by Building a Penguin
-
6.2
Lesson: Learn CSS Animation by Building a Ferris Wheel
-
6.3
Project: Build a Personal Portfolio Webpage Project
-
