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.
Who's the Instructor
The bootcamp is led by Jessica Rose. 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.
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 Jan 10th, 2022 – Feb 20th, 2022
-
Week 1W1 January 10th – January 16th
-
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 January 17th – January 23rd
-
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 January 24th – January 30th
-
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 January 31st – February 6th
-
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 February 7th – February 13th
-
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 February 14th – February 20th
-
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
-
