Skip to content

Instantly share code, notes, and snippets.

@nathansmith
Last active December 7, 2025 13:37
Show Gist options
  • Select an option

  • Save nathansmith/1023581 to your computer and use it in GitHub Desktop.

Select an option

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

@necolas

necolas commented Jun 13, 2011

Copy link
Copy Markdown

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
Copy Markdown
Author

@necolas — Good call. Gone. :)

@davidcalhoun

Copy link
Copy Markdown

@nathansmith

Copy link
Copy Markdown
Author

@davidcalhoun -- Thanks, added!

@andymcmillan

Copy link
Copy Markdown

Would also suggest http://alwaysreadthemanual.com/

@marypieroszkiewicz

Copy link
Copy Markdown

Great Stuff THX :]

@fender

fender commented Mar 11, 2015

Copy link
Copy Markdown

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
Copy Markdown

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

@przeor

przeor commented Aug 29, 2016

Copy link
Copy Markdown

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

Ampix0 commented Apr 17, 2017

Copy link
Copy Markdown

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
Copy Markdown

Hello,

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

@mohamedisakr

Copy link
Copy Markdown

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

@curllog

curllog commented Sep 11, 2017

Copy link
Copy Markdown

Thanks

@rohduggal

Copy link
Copy Markdown

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

ghost commented Aug 7, 2018

Copy link
Copy Markdown

@fadjriaf

fadjriaf commented Sep 3, 2019

Copy link
Copy Markdown

thanks, it's helpful

@bikashdaga

Copy link
Copy Markdown

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
Copy Markdown

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