A list of useful learning resources, by topic.
-
Mozilla Developer Network (MDN)
covers all kinds of topics related to the web, including HTML, CSS and JavaScript. Mostly useful for more specific searches, but also has some great tutorials.
Prefix your web searches with
mdn
to search it. For example searching formdn css background-color
will turn up the MDN docs on the CSSbackground-color
property. -
A List Apart, a magazin "for people who make websites"
There is a nice overview of the topic it covers.
As a start, here is a nice article about the
float
property in CSS. -
StackOverflow has lots of answers to specific questions on many programming topics.
-
Coding Ressources Rails Girls Berlin An Overview about Beginners Ressources from the Rails Girls Berlin Chapter.
-
Gibbon Learn from the Web: Create your own playlist about a topic like CSS3 or Web Development and receive a 30 minute per week knowledge "playlist", e.g. articles or presentations. More a theoretically approach for people who want to learn more about "why".
- Look for something you'd like to learn ("center text on the page", "have a menubar at the top of my page", "make all odd paragraphs have this awesome background") and try to do that. Often there are lots of tutorials on the topic and lots of code examples you can learn from. It's very important to do it in small steps. If you can't do it, try something smaller.
- Your Favourite Search Engine is your friend
- (a lot of) stumbling around is normal!
- Don't give up, take a break, watch a cute kitty video and try again. Most times, once you cleared you mind, the solution is found much easier.
- use the developer tools of your browser
-
Light Table, has very cool features for live-coding, but probably only useful in this project if we're going to use JavaScript.
-
NeoCities, allows anyone to easily publish simple web pages.
-
Code School - Try Git 15 minute introduction to git.
-
Git Immersion A Walk Through Guide for git
- A Beginner's Guide to HTML & CSS, explains the concepts nicely, from what i can tell
- An Advanced Guid to HTML & CSS, kind of a sequel to the above
- Learn CSS Layout, a very cool and quite comprehensive tutorial. Many different techniques (including media queries and flexbox) in one place.
- an article about things to look out for when your CSS does weird things
- a nice article with a few suggestions on what to do in which order (has some links to paid courses though, but the advice is still good)
- CSS Diner- Where we feast on CSS Selectors A little game developed by the Rails Girls Berlin CHapter.
- ClojureBridge is a programming bootcamp similar to other initiatives in the Ruby space, but using Clojure. They use nice examples for the initial exercises ("convert your height to feet", "average height of people around you", e.g. both relatable and a bit interactive)
- GitBook does quite a few things already, maybe we can use that? It already supports evaluating JavaScript and validating it, so maybe we could add HTML support?
- Untrusted, a game where you modify the world using JavaScript to proceed. It's a little bit tricky, though, but maybe with a little bit of guidance it would be fun.
- HTMLDog has quite a few tutorials on HTML and CSS, but I haven't checked them out in detail yet