Getting started with front-end development

Books should be available in Siili library, also in dead-trees format. Some of the sites are paywalled but worth it, so prefer these over free copies. If something is missing, please have it bought.

Thinking and concepts

Responsive Web Design by A Book Apart
Mobile First by A Book Apart
Prototyping by Rosenfeld Media

Workflows and tools

To get you started without scary tool installs and command line interface, you can use Prepros.io to play with modern web development workflow, packaged in one app.
Mac is for web development, Linux is for web serving, and Windows is for testing web sites with Internet Explorer.
Front-End tooling workflowsPresentation by Addy Osmani
Sublime Text 3 or your favorite text editor.
If are coming from back-end background, and really, really prefer an IDE type of environment, you could give Webstorm a try. If use IntelliJ Idea, you can use that. It gives you all that WebStorm does + the Java support.

Javascript

Eloquent Javascript Good start if you have programming background.
Codeschool Javascript Path
Frontendmasters

HTML & CSS

SVG

http://www.lukew.com/ff/entry.asp?1921

Raw

2_intermediate.md

Intermediate and advanced resources

Chrome dev tools Video
Javascript The Good Parts This is a classic, and a bit controversial, but a must-read nonetheless.
Javascript allonge
Secrets of javascript Ninja

Raw

3_Angular.md

Angular.js

Raw

3_Inforviz.md

Information visualization

D3.js has got a lot of exellent tutorials, that are a very good starting point.

D3.js

###Books about Information visualization

Raw

3_styleguide.md

Living styleguides

Raw

3_Testing.md

Testing

Test-Driven-Development

Browser testing

www.modern.ie project lets you test different IE versions with virtual machines.
Virtual Box seems to work in this use lot better than the paid alternatives.

tariel commented Sep 18, 2014

Large collection of JavaScript resources http://superherojs.com

jkarttunen/1_getting_started_with_dev.md