32 lines
2.1 KiB
Markdown
32 lines
2.1 KiB
Markdown
---
|
|
title: "A list of useful resources for learning web dev"
|
|
|
|
description: "Pruning down a list I found elsewhere so when I give resources in future I can at least vouch a little bit"
|
|
|
|
date: "2025-03-07"
|
|
|
|
draft: false
|
|
|
|
tags: []
|
|
---
|
|
|
|
If you're here to read interesting thoughts from me then you'll want to go check another post.
|
|
|
|
This one is just a list of links with a short description so I can give out this link to people who want some basic web development guides in the future.
|
|
No guarantees that all the links will jive with you but I've tried to make sure they aren't useless.
|
|
|
|
For now this list is mostly focused on HTML and CSS with Javascript, HTTP and various tooling like SSGs, Bundlers and Frameworks mostly kept out.
|
|
I may add resources focused on Javascript and SSGs here in future but for now.
|
|
|
|
The list that I pruned this list out from initially can be found [here](https://discourse.32bit.cafe/t/resources-list-for-the-personal-web/49)
|
|
|
|
- [HTML Dog](https://www.htmldog.com/): Seems to do a good job not throwing things at you too quickly. Although I'd say its missing important information about flexbox and grid in addition to making some omissions and mistakes.
|
|
- [HTML for People](https://htmlforpeople.com/): Goes slower than HTML Dog, sticks to just HTML (CSS and Javascript learning needs to happen elsewhere) and is a bit more hand holdy overall
|
|
- [Interneting is Hard](https://internetingishard.netlify.app/): Like *HTML for People* but goes over CSS as well
|
|
- [Mozilla's Web Docs](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web): Shorter and less Hand holdy than the other resources listed so far, MDN is also a good reference to find information on specific bits of HTML, CSS and JS so even if the guide doesn't prove appropriate for you I advise saving the site regardless.
|
|
|
|
That said Flexbox and Grid can be notably tricky so here's some links which focus on just those.
|
|
|
|
- [CSS Grid Garden](http://cssgridgarden.com/)
|
|
- [CSS Flexbox Froggy](https://flexboxfroggy.com/)
|
|
- [An Interactive Guide to CSS Grid by Josh W Comeau](https://www.joshwcomeau.com/css/interactive-guide-to-grid/#introduction)
|