Select Page

156 Free Ebooks, Tutorials, Tools, Videos and Resources for Web Developers and Designers

156 Free Ebooks, Tutorials, Tools, Videos and Resources for Web Developers and Designers
A web designer is a graphic artist who is responsible for designing the layout, usability, and visual appearance of a website. A successful web designer must possess an array of creative, graphic, and technical skills. A web developer is someone who builds and maintains the core structure of a website. They’re tasked with converting the web design into a functional website, using coding languages such as HTML, JavaScript, PHP, jQuery, etc. To summarize, a web designer is a person that makes the website looks good and a web developer is generally called programmer / coders.

In this post, you’ll find a repository that contains content which will be helpful in your journey as a Web Developer as well as a Web Designer. Besides free ebooks, tutorials and resources, you’ll find a collection of useful YouTube channels for javascript developers and web designers. The list of videos come in various languages – feel free to choose one that suites your best!

Books

  1. HTML Tutorialspoint
    A thorough tutorial on HTML (free pdf/486 pages).
  2. Learn How To Code In HTML5 and CSS3
    A free e-book about making websites in HTML5 and CSS for absolute beginners.
  3. You don’t know JS
    Book series diving deep into the core mechanisms of the JavaScript language.
  4. Guide to Git and Github
    A beginner friendly guide to using git and working with Github.
  5. Introduction to HTTP
    Introduction to HTTP, the stateless protocol underlying all of the web.
  6. Introduction to the Command Line
    A short and beginner friendly introduction to the command line, covering common commands that will make you immediately productive.

Learning

  1. A Complete Guide to Flexbox | CSS-Tricks
    A comprehensive guide to the Flexbox Layout.
  2. A Complete Guide to Grid | CSS-Tricks
    A comprehensive guide to the Grid Layout.
  3. Command Line Power User
    A video series for web developers on learning a modern command-line workflow with ZSH, Z, and related tools.
  4. CSS Grid
    Complete video course all about CSS Grid.
  5. Best Of JS
    A site to check the best GitHub Repos for your favourite js framework.
  6. CodeCademy
    A series of interactive courses teaching the world how to code. Offering free and paid subscriptions across a variety of languages.
  7. Codementor
    A tool to get help from experienced developers in various coding languages on your learning journey.
  8. Conquering Responsive Layouts
    Made by Kevin Powell
  9. Coursera
    A selection of courses from highly reputable schools like Stanford and Yale.
  10. CSS Almanac | CSS-Tricks
    A quick reference guide to many features of CSS.
  11. CSS Grid Playground
    A visual guide curated by the Mozilla team to help you learn CSS’s grid layout features with lots of code example and demos.
  12. Design Resources
    Design Resources from Skullface.
  13. dev.to
    Where programmers share ideas and help each other grow.
  14. DevProjects
    A free community consists of curated projects from senior developers to help you bridge the gap between theory and practice.
  15. Dicoding Academy
    Where everyone can learn programming from fundamentals (Available only in Indonesian language).
  16. edx
    A series of University-level courses from Harvard, MIT, Wharton, and more.
  17. EggHead
    Web development video tutorials in “bite-size” segments. Has both free and “Pro” (paid) memberships.
  18. Flexbox
    Level up your Flexbox knowledge – an online, Zombie-centric story course.
  19. freeCodeCamp
    A free resource incorporating programming projects and interview preparation for developer jobs.
  20. Frontend Masters
    Web development video tutorials from industry leaders (updated frequently). Has both free (limited-time) and paid memberships.
  21. Full Stack Open
    Course on Full Stack Web Development by University of Helsinski. Learn React, Redux, Node.js, MongoDB, GraphQL and TypeScript in one go! This course will introduce you to modern JavaScript-based web development. The main focus is on building single page applications with ReactJS that use REST APIs built with Node.js.
  22. GeeksforGeeks
    A computer science portal for geeks.
  23. Khan Academy
    A universal online learning platform that also provides the important courses for developers.
  24. LearnAnything
    Search interactive mind maps to learn anything.
  25. Mastering Markdown
    A Mini Series that will change how you write documentation.
  26. Mozilla Developer Network
    The latest information about Open Web technologies.
  27. Complete web development tutorials
    Lyty.dev complete web development tutorials with well explained examples for free.
  28. Pluralsight
    Unlimited online developer training from industry experts.
  29. Saylor
    An open, online learning solution offering college credit opportunities for students.
  30. Scrimba
    Code-screencast-based learning in a variety of languages.
  31. Scotch
    Many Web development courses. Has both free and “Premium” (paid) memberships.
  32. Search Courses
    A selection of trending courses and tutorials.
  33. SoloLearn
    A free portal for learning web development.
  34. Team Treehouse
    Self-paced learning across a variety of languages and subjects.
  35. The Modern JavaScript Tutorial
    Everything about the Javascript Language.
  36. The Odin Project
    An Open-Source Curriculum for Learning Web Development.
  37. Tutorials point
    Tutorials for many different languages with interactive code examples.
  38. Udacity
    Learn anything online – deep learning, machine learning, front end languages.
  39. Udemy
    An online learning and teaching marketplace.
  40. W3School
    Web development reference library. Covers HTML, CSS, Javascript (jQuery, AJAX, and more), as well as some server-side languages. Includes descriptions and interactive examples.
  41. Web APIs | MDN
    Everything a beginner needs to know about Web APIs.
  42. Web Design in 4 minutes
    by Jeremy Thomas.
  43. WesBos
    Free and premium courses in web development.
  44. Web Dev Tricks
    All your CSS, js, jQuery trending codes with source codes in one place. Your handy partner for all types of modern web development and designs.
  45. web.dev
    Guides and resources for modern fast websites by google developers.
  46. Become a Front-End Web Developer
    Develop competency with HTML, CSS, JavaScript, and jQuery.
  47. Web Skills
    A visual overview of useful skills to learn as a web developer.

No code. No hassle.

Divi takes the power and freedom of WordPress and adds a wonderful visual design interface on top. Now you get the best of both worlds.

WordpressGAME CHANGER!

YouTube Channels

  1. 1stWebDesigner – Tutorials on WordPress, PSD to HTML.
  2. Academind – There’s always something to learn. Whether you want to have look at Angular Tutorials or Guides, Vue.js, other Frontend Development Content or Data Science Topics or anything else – you’re probably right.
  3. Adrian Twarog – Tutorials on HTML, CSS, Bootstrap, JavaScript, React, React, Native, UI/UX and cool Designing stuff.
  4. Alex Carpenter – HTML, CSS, & JavaScript
  5. Ana Tudor – CSS and SVG animation
  6. AngularAir – A live videocast all about Angular
  7. Ania Kubów – Teaching JavaScript, HTML and CSS in game form
  8. Ben Awad – React, React Native, Redux, MobX, GraphQL, Next.js, software architecture
  9. Brad Hussey – Tutorials on Bootstrap, SASS, jQuery, PHP, Freelancing.
  10. Byte-Sized Javascript – short (five-to-ten minute) screencasts about JavaScript and related technologies
  11. Chris Coyier – HTML, CSS, JavaScript, a lot of screencasts
  12. CJ Gammon – Snap.svg, Three.js
  13. Clever Programmer – Tutorials on React, MongoDB, JavaScript, MERN stack, HTML, CSS, React Native.
  14. ClojureTV – Clojure
  15. Coder’s Guide – Tutorials on HTML, CSS, JavaScript, Bootstrap.
  16. Codevolution – Tutorials on React, Vue, Angular, MongoDB, JavaScript, MEAN stack, HTML, CSS.
  17. CodeWithHarry – Tutorials on HTML, CSS, Javascript, Node JS, MongoDB and hosting.
  18. CodeWorkr – JavaScript, Node.js, REST API
  19. Coding Math – An ongoing series of video tutorials designed to teach you the math you need to understand as a programmer
  20. Coding with Dom – Javascript, End-to-end testing, NightwatchJS, live coding
  21. CodyHouse – CSS, Sass, tutorials, screencasts
  22. Computerphile – Lots of videos on general computer science topics
  23. CSS Grid Tutorial – Use CSS grid to structure and position websites with ease.
  24. CSS Tricks – YouTube channel of well-known web design and development blog CSS Tricks by Chris Coyier.
  25. Daniel Stern – JavaScript, Node.js
  26. Dennis Ivy – Tutorials on Django & Flask Full-Stack Web Development Projects.
  27. Derek Banas – Tutorials on C#, Visual Basic, Django, Python, NodeJS, AngularJS, MongoDB, jQuery, JavaScript, CSS, Ruby on Rails, Java, SQLite, Android, HTML, PHP, Objective C.
  28. Design Code Blade Nepal – CSS, JavaScript, Node.js, Angular
  29. DesignCourse – Tutorials on UI/UX Design or HTML5, CSS, SASS, Animation Library.
  30. Dev Coffee – Meteor, React.js
  31. Dev Ed – Learn web development, web design, 3d modelling, tools like figma and more.
  32. DevMarketer – Git, Vue.js
  33. devmentorlive – React, JavaScript, ES6, functional programming, programming practices
  34. DevTips – Tutorials on HTML5, CSS, SASS, Bootstrap, Foundation, jQuery, Ruby on Rails, GitHub.
  35. Dr Richard Stibbard – jQuery UI
  36. easydevtuts – Bootstrap, Foundation, Sass
  37. Elzero Web School – Arabic only.
  38. Envato Tuts+ – HTML, CSS
  39. Facebook Developers – JavaScript, React
  40. Flexbox in 20 minutes – Quick crash-course on the CSS Flexbox model.
  41. freeCodeCamp – Tutorials on JQuery, JavaScript, React, Math, Science, Software Engineering, Open source software.
  42. Front End TV – JavaScript, ES6, Node.js
  43. Fun Fun Function – Tutorials on JavaScript, React, Functional Programming, GraphQL, Life as a Developer.
  44. funfunfunction – JavaScript, ES6, functional programming, programming practices
  45. Git and GitHub for Beginners – Crash Course – Ad-free tutorial by freeCodeCamp.
  46. GitHub Training & Guides – All about GitHub from GitHub Training team
  47. Google Chrome Developers – Latest and greatest talks on modern web development with pro-tips, insights, and techniques to help you level up your web development skill.
  48. Google Developers – Tools, events recordings
  49. Helping Develop – jQuery, HTML, CSS
  50. Ihatetomatoes – GreenSock, ScrollMagick, tools
  51. Jakob Jenkov – SVG
  52. Java Brains – JavaScript, Angular
  53. Kent C. Dodds – Javascript, React, live coding
  54. kevinpowell – HTML, CSS, Layout/Design and JavaScript
  55. keyframers – CSS, Sass, animations, tutorials, live coding, screencasts
  56. Kirupa Chinnathambi – Javascript, CSS, HTML
  57. Kyle Robinson Young – JavaScript, Node.js, Ember.js, Electron, Browserify
  58. LearnCode.academy – Tutorials on HTML, CSS, jQuery, JavaScript, React JS / Redux, Node JS.
  59. LearnWebCode – RWD, HTML, CSS, JavaScript, jQuery
  60. LevelUpTuts – Tutorials on HTML, CSS, SASS, WordPress, Magento,Drupal, React, Meteor.
  61. Low Level JavaScript – JavaScript
  62. Mackenzie Child – Design to Code Challenge – Tutorials on UI, how to design & code multiple styles of sites.
  63. Meteor – Videos on Meteor and stuff around it
  64. Meth Meth Method – Game development with JavaScript
  65. Mindspace – Node.js, Angular, ReactJS, Redux, Vue.js
  66. mjdwebdesign – CSS, HTML, JavaScript
  67. Mozilla Developer – Videos for helping you with your work as a web designer, web developer, or person involved making websites or web apps.
  68. OK GROW! – Meteor, HashBang podcast, Transmission podcast
  69. Paul Lewis – JavaScript, WebComponents, HTML, CSS
  70. Prisma – GraphQL
  71. Programming With Mosh – Tutorial on React, Nodejs, Python, Javascript, Angular,Typescipt and C#.
  72. Quentin Watt – HTML, CSS, Bootstrap, JavaScript
  73. Rally Coding – React and Redux, JavaScript
  74. ReactCasts – Weekly, short React screencasts containing tips, tricks and tutorials
  75. Rem Zolotykh – React, Redux, Ember
  76. RoboSquidTV – Basics of HTML/CSS, CSS animations, live web design
  77. Ryan Christiani – ES6, JavaScript focused code-alongs
  78. Sam Saccone – Performance optimization
  79. Sass Bites Podcast – Sass
  80. SitePoint – HTML, CSS, JavaScript, Sass, Web Design
  81. SketchpunkLabs – WebGL 2 screencasts
  82. Sonny Sangha – Project Tutorials on React, Redux, Next JS & React Native.
  83. Source Decoded – JavaScript, Coding Principles
  84. SVGs can do that – Sarah Drasner’s talk on nontypical pratical uses of SVGs.
  85. The Coding Train – Tutorials on JavaScript, Node, Machine Learning, Neural Networks, Algorithms.
  86. The Net Ninja – Tutorials on HTML, CSS, jQuery, JavaScript, Git and GitHub, Bootstrap, MangoDB, PSD to WordPress, PSD to HTML, and many more.
  87. The Web Platform Podcast – Podcast about HTML, CSS, JavaScript, tools, workflow and much more
  88. TheDigiCraft – Tutorials on HTML, CSS, jQuery, PHP, Ajax, Bootstrap, MySQL.
  89. thenewboston – Tutorials on ECMAScript 6, React JS / Redux, Django, Angular 2, Gulp, Git, Python, SEO, SASS, SCSS, Grunt, Illustrator, MongoDB, PHP, Java, Ruby, Objective C.
  90. Tim Ermilov – Building products with JavaScript, from an idea to production-ready product
  91. Traversy Media – Tutorials on HTML, CSS, jQuery, PHP, Ajax, Bootstrap, MySQL, ECMAScript 6, React JS / Redux, Django, Angular, Ionic, Gulp, Git, Python, Node JS, PHP, Laravel, Cake PHP, Symfony, CodeIgniter, Programming Tips.
  92. Treehouse – CSS, HTML, JavaScript
  93. Up & Running Tutorials – React, Gatsby
  94. Watch and Learn – Building SPA with Vue.js and Drupal
  95. WB Web Development – Tutorials on HTML, CSS, Bootstrap, SASS, JavaScript, Git and GitHub, MongoDB, NodeJS, ReactJS.
  96. Web Dev Simplified – Learn Website Developments with Html , Javascript , Css and other Frameworks with same projects and more.
  97. Wes Bos – Redux, Markdown, command line, Flexbox, Sublime Text
  98. Zaiste Programming – TypeScript/JavaScript & Node.js
  99. Zell Liew – Tooling, tips & tricks

Podcasts

  1. Coding Blocks
    Software development podcasts by a team of professional programmers.
  2. Frontend Happy Hour
    Front end, software, and career development podcasts by industry panelists.
  3. JavaScript Jabber
    Podcasts for JavaScript developers. Website also offers many other programming-related podcasts.
  4. Syntax
    Front end development podcasts by Wes Bos and Scott Tolinski from Level Up Tuts.

No code. No hassle.

Divi takes the power and freedom of WordPress and adds a wonderful visual design interface on top. Now you get the best of both worlds.

WordpressGAME CHANGER!