Resources for Learning

HTML 5

If it’s about HTML, we have several free places where you can learn it and see examples.

HTML W3Schools (Easy)
HTML Mozilla wiki (Complete, useful for clarifying doubts about something more complex)
HTML hell and heaven A list of tricks and tips for HTML
HTML5 tips yes, more tips and tricks

CSS

It’s one of my favorite languages and I often make animations with it; I’m sharing with you the resources I know to learn it.

CSS W3Schools (Easy)
CSS Mozilla wiki (Complete)
CSS Tricks CSS tricks to create professional designs.
CSS Gradient Create beautiful backgrounds, copy and paste the CSS code

JavaScript in Web Pages

It’s my favorite programming language, its usefull for anything, It’s a little hard as fuck.

JavaScript W3Schools Easy mode, you already know it.
JavaScript Mozilla wiki This page saved me from a lot of problems…
Advanced JavaScript Mozilla Usefull to do funny things, like an installable web page, installable as an app.

Playgrounds to Test

Codi Link

It’s a simple and lightweight code editor for testing things or even creating fairly elaborate projects. However, due to its limitations—it’s only for testing and doesn’t allow file manipulation—links generated by this web app are only visible to you.

Firebase Studio

It’s a complete code editor, allowing file management and the creation of multiple projects, but I recommend choosing Basic HTML to avoid headaches and wanting to give up, because in this course we won’t be covering web frameworks (technologies for creating websites with code more easily).

Also, this code editor starts a temporary server, and you can share the link since it’s globally accessible.

It allows coding in “multiplayer” mode with friends

Code Sandbox

I don’t personally use it much, but as far as I understand it’s the same as Firebase Studio.