8.9 KiB
title |
---|
JavaScript Tutorials and Other Resources |
- Wes Bos's 30 Days of JavaScript
- JavaScript for Cats
- The Modern JavaScript Tutorial
- Professor Frisby's Mostly Adequate Guide to Functional Programming
- Eloquent JavaScript (annotated)
- Speaking JavaScript
- Exploring ES6
- Udemy - JavaScript Understanding the Weird Parts (first 3.5 hrs)
- Functional programming in JavaScript
- Introduction to JavaScript: First Steps
- Douglas Crockford's Videos
- Modern JS Cheatsheet
- The 50 Best Websites to Learn JavaScript
- Codementor JavaScript tutorial
- You Might Not Need jQuery
- The Odin Project
- Learn X in Y minutes (X = JavaScript)
- JavaScript and jQuery: interactive front-end web development
References
- Mozilla Developer Network (MDN)
- DevDocs
- OverAPI JavaScript Cheat Sheet
- ECMA-262 (2018)
- JavaScript Libraries
- You Might Not Need jQuery
- Use JSDoc
Tutorials
- Codecademy
- RithmSchool
- The Modern JavaScript Tutorial
- Introduction to JavaScript: First Steps
- JavaScript for Cats
- Javascript.com by Pluralsight
- SoloLearn JavaScript Tutorial
- GeeksforGeeks
Video Tutorials
- Derek Banas - Learn JS In One Video
- Derek Banas - Object Oriented JavaScript
- JavaScript Fundamentals for Absolute Beginners 2018
- Udemy - Javascript Understanding the Weird Parts (first 3.5 hrs)
- Functional programming in JavaScript
- Douglas Crockford's Videos
- Gordon Zhu - Practical JavaScript
- The Net Ninja - JavaScript Tutorial for Beginners
Desktop Editors
Visual Studio Code includes built-in support for IntelliSense code completion, rich semantic code understanding and navigation, and code refactoring. It comes with a built-in debugger and git support and has a plethora of extensions.
<a href='https://code.visualstudio.com/insiders/' target='_blank' rel='nofollow'>Visual Studio Code Insiders</a>
Insiders has the most recent code pushes and may lead to the occasional broken build. New builds at least everyday with features, bug fixes, and other recently closed issues. Insiders installs next to the Stable build, allowing you to use either independently.
-
A full-feature IDE for Javascript, including code completion and support for live linting, version control, and testing. Made by JetBrains and modelled after their IntelliJ Java IDE.
-
A text editor made with web designers and front-end developers in mind. Features include: inline editing, live preview, and preprocessor support.
-
Atom is an open source text editor made by GitHub. It features embedded Git Control and numerous customization options.
-
Sublime Text Sublime Text is a cross-platform editor featuring a Python API. Free to download and evaluate, but requires a license for continued use.
Online Editors
- REPL - Great for working with Node.js
- JSBin
- JSFiddle
- CodePen
- CoderPad - Great for Pair Programming
- Object Playground - Excellent resource to get to grips with Object Orientated JS.
- Plunker
- AWS Cloud 9 - Cloud Based IDE by Amazon
- Glitch
- Babel - An easy way to see how Babel will convert your ECMAScript 2015+ code into a backwards compatible version of JS.
Coding Challenges and Exercises
- Code Wars
- Hacker Rank
- Coding Game
- CodeSignal
- ES6 Katas
- Project Euler
- Codility
- Coderbyte
- Exercism
- JavaScript30
Blogs
- JavaScript on Medium
- Codementor JavaScript Tutorials and Insights
- 2ality
- David Walsh
- SuperheroJS
- The 50 Best Websites to Learn JavaScript
- Perfection Kills - Not been updated since 2015
Podcasts
Free JavaScript Books
-
6 books on JavaScript by Kyle Simpson. From beginner to advanced.
-
Fantastic, thorough introduction to the basics and features of JavaScript, complete with in-browser interactive code
-
Professor Frisby's Mostly Adequate Guide to Functional Programming
Quite in-depth guide to Functional Programming in JavaScript
-
This book aims to be a useful companion for anyone wishing to (re)discover the many facets of JavaScript. From the very basics of programming up to front-end and back-end web development. Many topics are covered in a simple and accessible way. No prior knowledge needed!