A few good learning or reference resources for front-end for all levels.

 

HTML/CSS
“Reasons HTML and CSS might make you say what the fuck. A curated list of commonly frustrating HTML and CSS quandaries, miscues, and dilemmas.”
http://wtfhtmlcss.com/

 

CSS
“CSS is a mess. We all love it, but it’s a mess. I liken it to English: there are a bunch of rules, and you can learn them. But sometimes you’re better off just trying shit and seeing what works and what doesn’t. Magic is a codification of what I’ve learned in that crazy process.The material in this textbook is intermediate-to-advanced. It assumes an understanding of the CSS syntaxcascading and inheritance, and commonly used selectors. It also assumes you’ve had enough experience with CSS to have learned not to make these common mistakes anymore.
I teach a weekly course to HubSpot engineers for which this is the textbook. The potions listed on the home page are used for the workshops in the latter half of each lesson.”
http://adamschwartz.co/magic-of-css/

 

CSS selectors
“It’s a little game to help you learn CSS selectors. Type in the correct selector to complete each level. Get help on the right.”
http://flukeout.github.io/

 

HTML/CSS
“Standards for developing flexible, durable, and sustainable HTML and CSS.”
http://mdo.github.io/code-guide/


CSS layout
This site teaches the CSS fundamentals that are used in any website’s layout.
I assume you already know what selectors, properties, and values are. And you probably know a thing or two about layout, though it may still be a rage-provoking activity for you. If you want to learn HTML and CSS from the beginning, you should check out this tutorial. Otherwise, let’s see if we can save you some fury on your next project.”
http://learnlayout.com/

 

Beginners guide to HTML/CSS
“A Beginner’s Guide to HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.”
http://learn.shayhowe.com/html-css/

 


Javascript

“Creating, testing and maintaining a large JavaScript code base is not easy — especially since great resources on how to do this are hard to find. This page is a collection of the best articles, videos and presentations we’ve found on the topic.”
http://superherojs.com/

 


Javascript
“This is a JavaScript guide intended to introduce new developers and help experienced ones to the JavaScript’s best practices.Despite the name, this guide doesn’t mean exactly “the right way” to do JavaScript.

We just gather all the stuff from top developers and put here. Since it come from exceptional folks, we could say that it is “the right way”, or the best way to do so.”
http://jstherightway.org/

 

GIT branching
“This application is designed to help beginners grasp the powerful concepts behind branching when working with git. We hope you enjoy this application and maybe even learn something!”
http://pcottle.github.io/learnGitBranching/index.html

 


Programming basics
“Learn to code interactively, for free.”
http://www.codecademy.com/ 
Meteor.js
“Learn Meteor and build faster & simpler web apps, as we teach you how to build a real-time Meteor app from scratch.”
https://www.discovermeteor.com/

 


Big list of frontend resources
https://gist.github.com/dypsilon/5819504

 

 

 

Share →

Leave a Reply