<ol>
<li>Online resources
<ul>
<li><a target="_blank" href="https://javascript30.com/">JavaScript 30 by Wes Bos</a></li>
<li><a target="_blank" href="https://javascript.info/">JavaScript.info</a></li>
<li>Youtube channels<ul>
<li><a target="_blank" href="https://www.youtube.com/user/LevelUpTuts">LevelUpTuts</a></li>
<li><a target="_blank" href="https://www.youtube.com/user/TechGuyWeb">Traversy Media</a></li>
<li><a target="_blank" href="https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ">Freecodecamp</a></li>
<li><a target="_blank" href="https://www.youtube.com/watch?v=8JJ101D3knE&amp;ab_channel=ProgrammingwithMosh">Programming with Mosh</a></li>
<li><a target="_blank" href="https://www.youtube.com/channel/UCeU-1X402kT-JlLdAitxSMA">Florin Pop</a></li>
<li><a target="_blank" href="https://www.youtube.com/user/99baddawg">Ben Awad</a></li>
</ul>
</li>
</ul>
</li>
<li>Bootcamps
<ul>
<li><a target="_blank" href="https://www.freecodecamp.org/">Freecodecamp</a></li>
<li><a target="_blank" href="https://www.codecademy.com/">Codeacademy</a></li>
<li><a target="_blank" href="https://www.udacity.com/course/front-end-web-developer-nanodegree--nd0011">Udacity</a> </li>
<li><a target="_blank" href="https://www.coursera.org/learn/html-css-javascript-for-web-developers#syllabus">Coursera</a></li>
</ul>
</li>
<li>Books
<ul>
<li><a target="_blank" href="https://frontendmasters.com/books/front-end-handbook/2018/">Front-End Developer Handbook</a></li>
<li><a target="_blank" href="https://developer.mozilla.org/en-US/docs/Learn">MDN</a> </li>
</ul>
</li>
<li>Podcasts
<ul>
<li><a target="_blank" href="https://frontendhappyhour.com/">Front end happy hour</a></li>
<li><a target="_blank" href="https://syntax.fm/">SyntaxFM</a></li>
<li><a target="_blank" href="https://devchat.tv/podcasts/js-jabber/">JavaScript Jabber</a></li>
<li><a target="_blank" href="https://spec.fm/podcasts/developer-tea">Developer Tea</a></li>
<li><a target="_blank" href="https://spec.fm/podcasts/toolsday">Toolsday</a></li>
</ul>
</li>
<li>Blog sites with awesome articles
<ul>
<li><a target="_blank" href="https://dev.to/">Dev.to</a></li>
<li><a target="_blank" href="https://css-tricks.com/">CSS Tricks</a></li>
<li><a target="_blank" href="https://www.smashingmagazine.com/">Smashing Magazine</a></li>
<li><a target="_blank" href="https://medium.com/">Medium</a></li>
<li><a target="_blank" href="https://hashnode.com/">Hashnode</a></li>
<li><a target="_blank" href="https://hackernoon.com/">Hackernoon</a></li>
</ul>
</li>
<li>Checklists and roadmaps
<ul>
<li><a target="_blank" href="https://github.com/shrutikapoor08/Learn-Web-Development-Checklist">Web development Checklist</a></li>
<li><a target="_blank" href="https://frontendchecklist.io/">Front End Checklist</a></li>
<li><a target="_blank" href="https://roadmap.sh/frontend">Roadmap to being a Front End developer</a></li>
</ul>
</li>
</ol>
Paid Resources
<ol>
<li>Online resources<ul>
<li><a target="_blank" href="https://frontendmasters.com/learn/beginner/">Frontend Masters</a></li>
<li><a target="_blank" href="https://www.udemy.com/">Udemy</a></li>
<li><a target="_blank" href="https://www.lynda.com/Web-training-tutorials/88-0.html">Lynda</a></li>
<li><a target="_blank" href="https://egghead.io/">EggHead</a></li>
</ul>
</li>
</ol>
<ol>
<li>Books<ul>
<li><a target="_blank" href="https://www.amazon.com/Eloquent-JavaScript-3rd-Introduction-Programming/dp/1593279507">Eloquent JavaScript, Marijn Haverbeke</a></li>
<li><a target="_blank" href="https://www.goodreads.com/book/show/10361330-html-and-css">HTML and CSS: Design and Build Websites</a></li>
</ul>
</li>
</ol>
-- 
Shruti Kapoor
<ul>
<li><a target="_blank" href="twitter.com/shrutikapoor08">Follow on Twitter</a></li>
<li><a target="_blank" href="twitch.tv/shrutikapoor">Hang out on Twitch</a></li>
<li><a target="_blank" href="bit.ly/shrutinewsletter">Get articles like this in your inbox</a></li>
</ul>


1. Online resources
   - [JavaScript 30 by Wes Bos](https://javascript30.com/)
   - [JavaScript.info](https://javascript.info/)
   - Youtube channels
     - [LevelUpTuts](https://www.youtube.com/user/LevelUpTuts)
     - [Traversy Media](https://www.youtube.com/user/TechGuyWeb)
     - [Freecodecamp](https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ)
     - [Programming with Mosh](https://www.youtube.com/watch?v=8JJ101D3knE&ab_channel=ProgrammingwithMosh)
     - [Florin Pop](https://www.youtube.com/channel/UCeU-1X402kT-JlLdAitxSMA)
     - [Ben Awad](https://www.youtube.com/user/99baddawg)
   
2. Bootcamps
   - [Freecodecamp](https://www.freecodecamp.org/)
   - [Codeacademy](https://www.codecademy.com/)
   - [Udacity](https://www.udacity.com/course/front-end-web-developer-nanodegree--nd0011) 
   - [Coursera](https://www.coursera.org/learn/html-css-javascript-for-web-developers#syllabus)

3. Books
   - [Front-End Developer Handbook](https://frontendmasters.com/books/front-end-handbook/2018/)
   - [MDN](https://developer.mozilla.org/en-US/docs/Learn) 
   
4. Podcasts
   - [Front end happy hour](https://frontendhappyhour.com/)
   - [SyntaxFM](https://syntax.fm/)
   - [JavaScript Jabber](https://devchat.tv/podcasts/js-jabber/)
   - [Developer Tea](https://spec.fm/podcasts/developer-tea)
   - [Toolsday](https://spec.fm/podcasts/toolsday)

5. Blog sites with awesome articles
   - [Dev.to](https://dev.to/)
   - [CSS Tricks](https://css-tricks.com/)
   - [Smashing Magazine](https://www.smashingmagazine.com/)
   - [Medium](https://medium.com/)
   - [Hashnode](https://hashnode.com/)
   - [Hackernoon](https://hackernoon.com/)

6. Checklists and roadmaps
   - [Web development Checklist](https://github.com/shrutikapoor08/Learn-Web-Development-Checklist)
   - [Front End Checklist](https://frontendchecklist.io/)
   - [Roadmap to being a Front End developer](https://roadmap.sh/frontend)
  
**Paid Resources**

1. Online resources
   - [Frontend Masters](https://frontendmasters.com/learn/beginner/)
   - [Udemy](https://www.udemy.com/)
   - [Lynda](https://www.lynda.com/Web-training-tutorials/88-0.html)
   - [EggHead](https://egghead.io/)


2. Books
   - [Eloquent JavaScript, Marijn Haverbeke](https://www.amazon.com/Eloquent-JavaScript-3rd-Introduction-Programming/dp/1593279507)
   - [HTML and CSS: Design and Build Websites](https://www.goodreads.com/book/show/10361330-html-and-css)



-- 

Shruti Kapoor
- [Follow on Twitter](twitter.com/shrutikapoor08)
- [Hang out on Twitch](twitch.tv/shrutikapoor)
- [Get articles like this in your inbox](bit.ly/shrutinewsletter)

JSbytes

JSbytes

Useful free and paid resources for Web Developers to stay updated