{"id":21868173,"url":"https://github.com/snipcart/learn-vanilla-js","last_synced_at":"2025-04-08T08:16:06.892Z","repository":{"id":38899143,"uuid":"142193010","full_name":"snipcart/learn-vanilla-js","owner":"snipcart","description":"Open source list of paid \u0026 free resources to learn vanilla JavaScript","archived":false,"fork":false,"pushed_at":"2023-01-10T12:31:12.000Z","size":24,"stargazers_count":1537,"open_issues_count":3,"forks_count":250,"subscribers_count":91,"default_branch":"master","last_synced_at":"2025-04-01T05:37:37.242Z","etag":null,"topics":["javascript","vanilla-javascript","vanilla-js","vanillajs"],"latest_commit_sha":null,"homepage":"https://snipcart.com/blog/learn-vanilla-javascript-before-using-js-frameworks","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/snipcart.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-07-24T17:43:21.000Z","updated_at":"2025-03-24T05:13:22.000Z","dependencies_parsed_at":"2023-02-08T18:45:41.142Z","dependency_job_id":null,"html_url":"https://github.com/snipcart/learn-vanilla-js","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/snipcart%2Flearn-vanilla-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/snipcart%2Flearn-vanilla-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/snipcart%2Flearn-vanilla-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/snipcart%2Flearn-vanilla-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/snipcart","download_url":"https://codeload.github.com/snipcart/learn-vanilla-js/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247801175,"owners_count":20998339,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","vanilla-javascript","vanilla-js","vanillajs"],"created_at":"2024-11-28T05:12:04.420Z","updated_at":"2025-04-08T08:16:06.872Z","avatar_url":"https://github.com/snipcart.png","language":null,"funding_links":[],"categories":["Others"],"sub_categories":[],"readme":"# Learn JavaScript\n\n\u003cimg src=\"https://www.datocms-assets.com/48401/1637694888-javascript-logo.svg\" alt=\"JavaScript logo\" width=\"300\" /\u003e\n\n\n\nAn open source list of paid \u0026amp; free resources to learn vanilla JavaScript.\n\n**Contents**\n\n- [Books](#books-) 📚\n- [Courses](#courses-) 🎒\n- [Evergreen resources](#evergreen-resources-) 🌲\n- [Communities](#communities-) 💬\n- [News + regular content](#news--regular-content-) 📩\n\n**Notes**\n\n• This list is a companion resource to [You SHOULD Learn Vanilla JavaScript Before JS Frameworks](https://snipcart.com/blog/learn-vanilla-javascript-before-using-js-frameworks)\n\n• Feel free to fork this repo and add valuable resources to categories. All PRs will be manually reviewed.\n\n• Paid resources are flagged \"💰\"\n\n• If you're a complete beginner:\n\n1. [Learn the basics](https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript)\n2. [Watch this](https://www.udemy.com/understand-javascript/) 💰\n3. [Read this](https://github.com/getify/You-Dont-Know-JS)\n\n---\n\n## Books 📚\n\n- [Eloquent JavaScript](https://eloquentjavascript.net/) by [Marijn Haverbeke](https://twitter.com/MarijnJH)\n- [You Don't Know JS](https://github.com/getify/You-Dont-Know-JS) by [Kyle Simpson](https://twitter.com/getify)\n- [JavaScript: The Good Parts](http://shop.oreilly.com/product/9780596517748.do) by [Douglas Crockford](http://www.crockford.com/) 💰\n- [JavaScript: The Definitive Guide](http://shop.oreilly.com/product/9780596805531.do) by [David Flanagan](https://twitter.com/__DavidFlanagan) 💰\n- [Secrets of the JavaScript Ninja](https://www.manning.com/books/secrets-of-the-javascript-ninja-second-edition) 💰\n- [Vanilla JavaScript Pocket Guides](https://vanillajsguides.com/) by [Chris Ferdinandi](https://twitter.com/ChrisFerdinandi) 💰\n\n## Courses 🎒\n\n- [JavaScript: Understanding the Weird Parts](https://www.udemy.com/understand-javascript/) by [Anthony Alicea](https://twitter.com/anthonypalicea) 💰\n- [Modern JavaScript From The Beginning](https://www.udemy.com/modern-javascript-from-the-beginning/) by [Brad Traversy](https://twitter.com/traversymedia) 💰\n- [Introduction to JavaScript Programming](https://frontendmasters.com/courses/javascript-basics/) by [Kyle Simpson](https://twitter.com/getify) 💰\n- [The Creative Javascript Course](https://developedbyed.com/p/the-creative-javascript-course) by [Dev Ed](https://twitter.com/developedbyed) 💰\n- [JavaScript 30](https://javascript30.com/) by [Wes Bos](https://twitter.com/wesbos)\n- [Practical JavaScript](https://watchandcode.com/p/practical-javascript) by [Gordon Zhu](https://twitter.com/gordon_zhu)\n- [Learn JavaScript ES6](https://www.awesomecodingvideos.com/learn-javascript-es6-by-the-net-ninja/) by [TheNetNinja](https://twitter.com/thenetninjauk)\n- [Intro to JavaScript: Fundamentals of the JavaScript Syntax](https://www.udacity.com/course/intro-to-javascript--ud803) on Udacity\n- [Learn JavaScript: The Complete Guide](https://code.tutsplus.com/series/learn-javascript-the-complete-guide--cms-1112) on Envato Tuts+\n- [Introduction to JavaScript](https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript) on freeCodeCamp\n- [Learn JavaScript: Arrays, Loops and Functions](https://www.codecademy.com/learn/introduction-to-javascript) on Codecademy\n- [JavaScript Tutorials](https://www.leveluptutorials.com/tutorials/javascript-tutorials) on Level Up Tutorials\n- [Modular Javascript](https://www.awesomecodingvideos.com/modular-javascript/) by [LearnCode.academy](https://twitter.com/learncodeacad)\n- [Beginning JavaScript](https://teamtreehouse.com/tracks/beginning-javascript) on Treehouse 💰\n- [JavaScript Essential Training](https://www.lynda.com/JavaScript-tutorials/JavaScript-Essential-Training/574716-2.html) on Lynda 💰\n- [Vanilla JavaScript Academy](https://vanillajsacademy.com/) by [Chris Ferdinandi](https://twitter.com/ChrisFerdinandi) 💰\n- [Todo List App (TodoMVC) Complete Tutorial](https://github.com/dwyl/todomvc-vanilla-javascript-example \"Free beginner-friendly step-by-step example with TDD tests\")\n  by [**@dwyl**](https://github.com/dwyl)\n- [The 10 Days of JavaScript](https://www.youtube.com/playlist?list=PLpcSpRrAaOaoIqHQddZOdbRrzr5dJtgSs) by [LearnWebCode](https://www.youtube.com/channel/UCHRp19HU7Y2LwfI0Ai6WAGQ)\n- [JavaScript Courses](https://www.udemy.com/topic/javascript/) by [Udemy](https://www.udemy.com/) 💰\n\n## Evergreen resources 🌲\n\n- [JavaScript - MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript)\n- [Questions tagged \"javascript\" - Stack Overflow](https://stackoverflow.com/questions/tagged/javascript)\n- [ECMAScript 6: Features](http://es6-features.org/)\n- [ES6 - Wes Bos](https://wesbos.com/category/es6/)\n- [Modern JS Cheatsheet](https://mbeaudru.github.io/modern-js-cheatsheet/)\n- [30 seconds of code](https://30secondsofcode.org/)\n- [WTF JavaScript?](https://github.com/denysdovhan/wtfjs)\n- [You Might Not Need jQuery](http://youmightnotneedjquery.com/)\n- [Learn JavaScript Collection - Codementor](https://www.codementor.io/collections/learn-javascript-bwbck52i3)\n- [Vanilla JS Toolkit](https://vanillajstoolkit.com/) by [Chris Ferdinandi](https://twitter.com/ChrisFerdinandi)\n- [The Modern JavaScript Tutorial](https://javascript.info)\n- [Learn JavaScript Basics by Directing a Construction Site](http://www.codeanalogies.com/jsconstruction/)\n- [33 concepts every JavaScript developer should know](https://github.com/leonardomso/33-js-concepts) by [Leonardo Maldonado](https://twitter.com/leonardomso)\n\n## Noteworthy articles ✍️\n\n- [JavaScript fundamentals before learning React](https://www.robinwieruch.de/javascript-fundamentals-react-requirements/)\n- [JavaScript Beginner? Start Here (Exercises Included)](https://snipcart.com/blog/javascript-beginner-intro-exercises)\n\n## Communities 💬\n\n- [JavaScript - The freeCodeCamp Forum](https://forum.freecodecamp.org/c/javascript)\n- [FreeCodeCamp/HelpJavaScript - Gitter](https://gitter.im/FreeCodeCamp/HelpJavaScript)\n- [FreeCodeCamp/YouCanDoThis - Gitter](https://gitter.im/FreeCodeCamp/YouCanDoThis)\n- [r/learnwebdev](https://www.reddit.com/r/learnwebdev/)\n- [Code Newbie - Slack](https://codenewbie.typeform.com/to/uwsWlZ)\n- [Frontend Developers - Slack](http://frontenddevelopers.org/)\n\n## News \u0026 regular content 📩\n\n- [Echo JS](http://www.echojs.com/)\n- [ECMAScript Daily](https://ecmascript-daily.github.io/)\n- [r/javascript](https://www.reddit.com/r/javascript/)\n- [JavaScriptKicks](http://javascriptkicks.com/)\n- [Alligator.io](https://alligator.io/js/)\n- [Syntax.fm](https://syntax.fm/)\n- [JavaScript Weekly](https://javascriptweekly.com/)\n- [Awesome JS on LibHunt](https://js.libhunt.com/)\n- [Go Make Things](https://gomakethings.com/)\n- [Vanilla JS Podcast](https://vanillajspodcast.com/)\n\n**Happy coding! 😊**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsnipcart%2Flearn-vanilla-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsnipcart%2Flearn-vanilla-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsnipcart%2Flearn-vanilla-js/lists"}