Skip to content

Instantly share code, notes, and snippets.

@nathansmith
Last active September 22, 2024 09:21
Show Gist options
  • Save nathansmith/1023581 to your computer and use it in GitHub Desktop.
Save nathansmith/1023581 to your computer and use it in GitHub Desktop.
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

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

@necolas — Good call. Gone. :)

@nathansmith
Copy link
Author

@davidcalhoun -- Thanks, added!

@andymcmillan
Copy link

Would also suggest http://alwaysreadthemanual.com/

@marypieroszkiewicz
Copy link

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

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

Hello,

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

@mohamedisakr
Copy link

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

@curllog
Copy link

curllog commented Sep 11, 2017

Thanks

@rohduggal
Copy link

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

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/

@Krishna99667
Copy link

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