Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Resources for learning web design & front-end development

Resources for learning web design & front-end development:


ONLINE

Design

HTML

CSS

JavaScript

jQuery

React & Redux


BOOKS

Design

HTML

CSS

JavaScript

jQuery


CURRICULUM & VIDEOS

@tcg
Copy link

tcg commented Jun 13, 2011

I thought the Opera Web Standard Curriculum stuff was pretty cool. Covers a lot: http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur/#toc

@meirish
Copy link

meirish commented Jun 13, 2011

For JS online, I found http://bonsaiden.github.com/JavaScript-Garden/ a good collection of "gotchas"

@jrpz
Copy link

jrpz commented Jun 13, 2011

JS Book: High Performance JavaScript http://oreilly.com/catalog/9780596802806/

@jasonvanlue
Copy link

jasonvanlue commented Jun 13, 2011

Would love for you to check out Code School — http://codeschool.com

@necolas
Copy link

necolas commented Jun 13, 2011

Another useful MDN link: https://developer.mozilla.org/en-US/learn/javascript

Also, I think it's a bit iffy to include http://cssplay.co.uk. Many CSS demos (original or not) require "permission" and "donation" to use commercially. And there are also demos that promote bad coding without any warning as to the consequences (e.g. http://www.cssplay.co.uk/menu/content100.html). Your call :)

@nathansmith
Copy link
Author

nathansmith commented Jun 13, 2011

@necolas — Good call. Gone. :)

@nathansmith
Copy link
Author

nathansmith commented Jun 20, 2011

@davidcalhoun -- Thanks, added!

@andymcmillan
Copy link

andymcmillan commented Apr 4, 2012

Would also suggest http://alwaysreadthemanual.com/

@marypieroszkiewicz
Copy link

marypieroszkiewicz commented May 17, 2013

Great Stuff THX :]

@fender
Copy link

fender commented Mar 11, 2015

Here is a book myself and a colleague just released which can help upcoming front-end developers. Hope it can help!
https://leanpub.com/front-end-fundamentals

@changfenxia
Copy link

changfenxia commented Mar 20, 2016

http://codelesson.com doesn't work anymore :(

@przeor
Copy link

przeor commented Aug 29, 2016

https://reactjs.co This is the official free online convention and tutorial book for React.JS Developers. React is not only the View (in MVC) anymore - learn your way to use React and Redux altogether

@Ampix0
Copy link

Ampix0 commented Apr 17, 2017

Hey guys, I started a pretty neat Youtube channel for learning the basics of HTML and CSS. If you like lots of animations and are a more visual learner, I think you'll love the vids. Producing the third episode now, so there's more to come.

https://www.youtube.com/channel/UC7vYUkA-s5XVjS7UoyGSFbg

@hellotunmbi
Copy link

hellotunmbi commented May 31, 2017

Hello,

I added more resources to the HTML and CSS part. Kindly merge my addition. @nathansmith

@mohamedisakr
Copy link

mohamedisakr commented Sep 3, 2017

Have a look at Front-End Developer Handbook 2017 @ https://www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details

@MohammadAnsari98
Copy link

MohammadAnsari98 commented Sep 11, 2017

Thanks

@rohduggal
Copy link

rohduggal commented Feb 12, 2018

Quite a number of useful resources but in order to find out which ones are truly worth your time, you could check out curated resources.

HTML5 - https://hackr.io/tutorials/learn-html-5
CSS - https://hackr.io/tutorials/learn-css
JS - https://hackr.io/tutorials/learn-javascript
JQuery - https://hackr.io/tutorials/learn-jquery

Copy link

ghost commented Aug 7, 2018

@fadjriaf
Copy link

fadjriaf commented Sep 3, 2019

thanks, it's helpful

@bikashdaga
Copy link

bikashdaga commented Jul 22, 2022

Just a few more Useful links! which I think will help all the learners to understand Easily with examples.

Javascript:

https://www.scaler.com/topics/javascript/

CSS:

https://www.scaler.com/topics/css/

HTML:

https://www.scaler.com/topics/html/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment