I’d start with the javascript.com (Tutorials:1) link to get the basics of Javascript syntax then dive into either Mozilla’s A re-introduction to JS (Tutorials:2) or The Modern Javascript Tutorial (Tutorials:3) to get a more in depth understanding. There are also some important concepts listed for both front-end (client-side) and back-end (server-side) javascript. Understanding how to run and debug javascript in the browser is also pretty useful and can be found in Google’s Get Started with Debugging JavaScript in Chrome DevTools (4) article.
-
JavaScript.com - Basics, syntax
-
A re-introduction to JavaScript (JS tutorial) - JavaScript | MDN - Good selection of tutorials, depending on what level you think you’re at
-
The Modern Javascript Tutorial - More detail
- Eloquent JavaScript
- You Don’t Know JS
- Javascript the Good Parts
- How its run by the browser
- How Browsers Work: Behind the scenes of modern web browsers - HTML5 Rocks
- Style guides
- Airbnb JavaScript Style Guide
- Google JavaScript Style Guide
- ES 6
- let, const, arrow functions
- Package management (npm)
- 01 - What is npm? | npm Documentation
- Polyfilling
- Async
- Promises
- Fetch
- Editors: VSCode
Basics
-
DOM Manipulation
-
Event handling
-
CSS Modification
-
Jquery, bootstrap
-
Frameworks
- React
- Angular
- Vue
-
Tooling
- Webpack
- Typescript
-
Reactive Programming
-
Progressive Web Apps
-
Testing
- Jest
- Mocha
- Node.js and V8 engine
- Middleware (common one is express)
- Templating
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<title>Javascript Playground</title>
<link rel="stylesheet" href="path/to/your/cssfile.css">
</head>
<body>
<script src="path/to/your/scriptsfile.js"></script>
</body>
</html>