Dev tools · alternatives · 2026

24 alternatives to Your First 30 Days of Web Development

A free introduction to web dev in 30 delightful lessons

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Your First 30 Days of Web Development launched in 2019; newer entries below may have overtaken it.

1. 1
   First 30 Days of Web Development▲9

   A free introduction to making heads or tails of web development in 30 delightful lessons

   2019 · newline.co · its alternatives →

2. 2
   Web Design in 4 minutes▲1,624

   Learn the basics of web design in 4 minutes with this interactive tutorial.

   2016 · jgthms.com · its alternatives →

3. 3
   Web.dev by Google▲815

   Learn how to build for the web and see where you stand 🌟

   2018 · web.dev · its alternatives →

4. 4
   Hello Web Design▲234

   A book for programmers who want to learn design

   2018 · hellowebbooks.com · its alternatives →

5. 5
   Enlight Cohorts▲126

   Learn web development in two weeks by building projects

   2020 · enlight.nyc · its alternatives →

6. 6
   How I Learned to Code▲65

   Lessons From Teaching Myself Web Development

   2017 · amazon.com · its alternatives →

7. 7
   Mastering Web Development▲72

   An e-book to help you get started in web development

   2019 · masteringwebdev.com · its alternatives →

8. 8
   CodeAnalogies▲167

   Visual explanations of web development topics

   2018 · codeanalogies.com · its alternatives →

9. 9
   Start Here - Web Dev: How to Become an Advanced Beginner▲60

   From idea to job in less than 6 months

   2016 · soundcloud.com · its alternatives →

10. 10SI
    Scratchpad.io - a real-time HTML and CSS editor▲298

    Dash is a fun and free online course from General Assembly that teaches you how to program with the basics of web development through projects you can do right in your browser. Get started today!

    2012 · scratchpad.io · its alternatives →

11. 11
    30 seconds of code▲337

    Short code snippets for all your development needs

    2020 · 30secondsofcode.org · its alternatives →

12. 12
    Quick Code for Chrome▲168

    Get free online programming courses in new tab, everyday

    2018 · chromewebstore.google.com · its alternatives →

13. 13
    Learndevs▲62

    Start your journey to become a web developer

    2023 · learndevs.com · its alternatives →

14. 14
    Practice.dev 2.0▲119

    Learn programming for free. Backed by Crypto.

    2021 · its alternatives →

15. 15
    Learning Web Development with BlueDash▲6

    Learn web development, and stay accountable through peers.

    2018 · bluedash.co · its alternatives →

16. 16
    Learning Web Design▲69

    A Beginner's Guide to HTML, CSS, JavaScript, & Graphics

    2017 · amazon.com · its alternatives →

17. 17IJ
    Intro.js Hints▲126

    Create step-by-step product tours, user onboarding guides easily. Intro.js is a lightweight, open-source user onboarding library. Get started for free!

    2016 · introjs.com · its alternatives →

18. 18
    Website Starter Kit from Glitch▲134

    Learn HTML, JS, CSS & Node.js w/ free videos & live code

    2018 · blog.glitch.com · its alternatives →

19. 19
    Modern Web Practices▲81

    In its infancy, web development used to be simple.

    2014 · leanpub.com · its alternatives →

20. 20
    Stackguru▲142

    Become a 10x developer

    2023 · its alternatives →

21. 21
    One Month HTML ▲81

    Learn HTML in 30 days

    2014 · its alternatives →

22. 22
    Ranktutorials▲110

    Feed of web development tutorials 🛠️

    2018 · its alternatives →

23. 23
    Javascript30▲11

    Build 30 things in 30 days with 30 tutorials

    2016 · javascript30.com · its alternatives →

24. 24MF
    My first HTML Demo▲60

    2018 · glennthealien.github.io · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →