Skip to main content

Javascript

Blogs#

1.Dmitri Pavlutin Blog#

I have been following his tutorials for a year, and his blogs are always on point and easy to understand. Don't forget to subscribe to his newsletter.

Screen Shot 2021-03-25 at 6.42.53 PM.png

2.Go Make Things by Chris Ferdinandi#

Sign up for his free email newsletter to get a short email each weekday with code snippets, tools, techniques, and interesting stuff from around the web.

Screen Shot 2021-03-25 at 8.10.12 PM.png

3.David Walsh Javascript Tutorials#

Screen Shot 2021-03-25 at 8.33.49 PM.png

Websites#

1.Javascript Info#

The Modern JavaScript Tutorial, from the basics to advanced topics with simple, but detailed explanations. They have lots of practice questions.

Screen Shot 2021-03-25 at 6.57.23 PM.png

2.Exploring JS#

JavaScript books for programmers maintained by Dr. Axel Rauschmayer.

Screen Shot 2021-03-25 at 7.46.52 PM.png

3.Eloquent JavaScript#

This is a book about JavaScript, programming, and the wonders of the digital. You can read it online here, or buy your own paperback copy. Written by Marijn Haverbeke.

Screen Shot 2021-03-25 at 7.48.26 PM.png

4.Codesmith Free JavaScript Courses#

Will Sentance is co-founder and CEO at Codesmith, you may know him from Frontend Masters. You can find beginner to advanced JS courses and workshops and even join a remote pair-programming session.

Screen Shot 2021-03-25 at 7.59.40 PM.png

5.The JavaScript Beginner's Handbook (2020 Edition) by Flavio Copes#

Screen Shot 2021-03-25 at 8.12.47 PM.png

6.Learning JavaScript Design Patterns by Addy Osmani#

Screen Shot 2021-03-25 at 8.17.55 PM.png

7.A Smarter Way to Learn Javascript#

Learn by repetition with lots of exercises.

Screen Shot 2021-03-25 at 8.19.57 PM.png

8.Super Hero JS#

This page is a collection of the best articles, videos, and presentations related to Javascript.

Screen Shot 2021-03-25 at 8.23.31 PM.png

9.JS For Cats#

Screen Shot 2021-03-25 at 8.24.31 PM.png

10.Regex One#

Learn Regular Expressions with simple, interactive exercises.

Screen Shot 2021-03-25 at 8.29.07 PM.png

11.JavaScript Garden#

JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes and subtle bugs, as well as performance issues and bad practices, that non-expert JavaScript programmers may encounter on their endeavors into the depths of the language.

Screen Shot 2021-03-25 at 8.37.56 PM.png

12.Learn Javascript#

This book will teach you the basics of programming and Javascript. Whether you are an experienced programmer or not, this book is intended for everyone who wishes to learn the JavaScript programming language.

Screen Shot 2021-03-25 at 8.39.22 PM.png

13.Understanding ES6#

Screen Shot 2021-03-25 at 8.41.25 PM.png

14.Read Human Javascript#

Screen Shot 2021-03-25 at 8.43.03 PM.png

15.JS The Right Way#

This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices.

Screen Shot 2021-03-25 at 8.50.54 PM.png

16.Javascript is Sexy#

Screen Shot 2021-03-25 at 8.51.48 PM.png

17.JS Tips#

JS Tips is a collection of useful daily JavaScript tips that will allow you to improve your code writing.

Alt Text

18.Dmitry Soshnikov's Javascript The Core 2nd Edition#

A quick introduction to the deeper ideas in JavaScript.

Alt Text

19.Learn JS#

Interactive JavaScript tutorial. Whether you are an experienced programmer or not, this website is intended for everyone who wishes to learn the JavaScript programming language.

Alt Text

20.java5cript#

Free JavaScript Resources.

Alt Text

21.FreeCodeCamp#

FreeCodeCamp is a non-profit organization that consists of an interactive learning web platform, an online community forum, chat rooms, online publications and local organizations that intend to make learning web development accessible to anyone.

Alt Text

REPOS#

1.You Don't Know JS by Getify#

A book series on JavaScript. @YDKJS on Twitter.

Screen Shot 2021-03-25 at 8.45.17 PM.png

2.33 JS Concepts#

33 concepts every JavaScript developer should know.

Screen Shot 2021-03-25 at 8.56.21 PM.png

3.Clean Code Javascript#

Clean Code concepts adapted for JavaScript.

Screen Shot 2021-03-25 at 9.12.32 PM.png

4.Javascript Questions#

A long list of (advanced) JavaScript questions, and their explanations.

Screen Shot 2021-03-25 at 9.13.49 PM.png

5.30 Days Of JavaScript#

30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take up to 100 days, please just follow your own pace.

Screen Shot 2021-03-25 at 9.15.02 PM.png

6.WTFJS#

A list of funny and tricky JavaScript examples.

Screen Shot 2021-03-25 at 9.16.32 PM.png

7.Javascript Understanding The Weird Parts#

Notes from the JavaScript course by Tony Alicea.

Screen Shot 2021-03-25 at 9.17.08 PM.png

8.Javascript the Good Parts Notes#

Notes on the seminal JavaScript the Good Parts by Douglas Crockford.

Screen Shot 2021-03-25 at 9.19.28 PM.png

9.Javascript Algorithms#

Algorithms and data structures implemented in JavaScript with explanations and links to further readings.

Screen Shot 2021-03-25 at 9.20.39 PM.png

PROJECTS#

1.Fun Javascript Projects by Chris Dixon#

You will build a Tip Calculator, Running Tracker App, Guess The Number, Number Match Game, Photo Effects App, and a Music Player App, totally free.

Screen Shot 2021-03-25 at 7.50.04 PM.png

2.Javascript 30 by Wes Bos#

Build 30 things in 30 days with 30 tutorials.

Screen Shot 2021-03-25 at 8.06.52 PM.png

3.Watch And Code by Gordon Zhu#

Learn how to create a todo app with Javascript.

Screen Shot 2021-03-25 at 8.32.28 PM.png

Cheatsheets and Tools#

1.JS Features#

You can use this website as a reference for the ES5, ES6, and ES7 syntax.

Screen Shot 2021-03-25 at 7.56.11 PM.png

2.Equality Table#

Screen Shot 2021-03-25 at 7.57.30 PM.png

3.JavaScript Array Explorer#

Screen Shot 2021-03-25 at 7.58.13 PM.png

4.ES6 Cheatsheet by Swizec Teller#

Screen Shot 2021-03-25 at 8.11.36 PM.png

5.Regexr#

RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).

Screen Shot 2021-03-25 at 8.27.52 PM.png

6.ES6 Features#

Compare ES5 and ES6 codes here with examples.

Screen Shot 2021-03-25 at 8.53.18 PM.png

7.Keycode by Wes Bos#

Alt Text

8.Javascripting#

The definitive source of the best JavaScript libraries, frameworks, and plugins.

Alt Text

9.Beautifier#

Beautify, unpack or deobfuscate JavaScript and HTML, make JSON/JSONP readable, etc.

Alt Text

10.Minifier#

Make your website smaller and faster to load by minifying the JS and CSS code.

This minifier removes whitespace, strips comments, combines files, and optimizes/shortens a few common programming patterns. And it comes with a huge test suite.

Alt Text

Youtube Playlists#

1.Namaste ๐Ÿ™ JavaScript#

Namaste Javascript will cover the core concepts of JavaScript in detail and dive deep into JavaScript and the internals of how code is executed under the hood.

These concepts are covered in the playlist

  • Execution Context
  • Scope, Scope Chain & Lexical Environment
  • Hoisting in JavaScript
  • Closures in JavaScript
  • ... And more

Alt Text