Further Resources
The Further Resources are optional challenges, exercises, and code-along links. You don't need to complete them. They are optional :)
Freecodecamp
FreeCodeCamp is a great learning resource, and it has a free course on Responsive Web Design that takes you through building bigger webpages in the right way. To dive deeper into HTML, CSS feel free to try out the following:
Learn HTML by Building a Cat Photo App
Learn Basic CSS by Building a Cafe Menu
Learn CSS Colors by Building a Set of Colored Markers
CSS Challenges
If you want to learn more about CSS, check out the following challenges that you may encounter whenever you are building a webpage:
CSS Challenges: Solve challenges #1 to #6.
Code along
A big part of learning web development is learning by example. In the following video, you'll learn how to build a simple website using basic HTML and CSS.
The way to learn best from code alongs is to type out the code yourself while watching. Afterwards, try to add a couple of features to the end result to really have the learnings set in. Have a look at this article that explains the pitfalls of using code alongs from the perspective of a learner.
Codecademy
Codecademy Challenges allow you to combine your HTML and CSS knowledge to make a webpage. The instructions here are more requirements than a very defined exercise, which is closer to what developers do! The challenges are quite extensive, but you can try as many as you like:
Codecademy Challenges: Challenge #2, #4, #5, #8
Help us improve the content 🤩
You can leave comments here.
Last updated