A friendly web development tutorial for complete beginners
Report a link problem
Submission timeline
2007–2026One slot for every year since HN launched. Height is that year's peak points; orange marks a 100+ point or 50+ comment breakout. Select a bar to open its strongest thread.
First comments on top threads
HN comment orderThe graphics are nice, but I think you can polish the writing. 1. It took me probably 30 seconds to understand that the text blocks on the start page are summaries of what's in every chapter. Try to read this without knowing that this website is an online book: > The purpose of HTML, CSS, and JavaScript, the difference between frameworks and languages, and finding your way around a basic website project with Atom. This doesn't make any sense if…
This is a very well done and pretty comprehensive tutorial. However, there are plenty of pretty good basic web development tutorials out there, and few, if any of them address what I think is crucial. Once you have all your HTML and CSS and JavaScript all ready to go, how do you actually got about putting that webpage online the right way for the modern internet, including basic security best practices. As the website name says "interneting is hard," but…
I'd be interested in your definition of complete beginner? As I think some of the language could be simplified further. For instance: > Think of HTML as the abstract text and images behind a web page, CSS as the page that actually gets displayed Is actually quite a nuanced way of looking at a webpage. What does 'abstract text' mean to an absolute beginner? And it makes CSS sound like what I imagine people intuitively would think HTML is. As…
I've been involved with the internet, and its predecessor, for a long time. Before the web existed, "coding" meant writing computer programs. When the web was invented, and for some considerable time after, writing HTML was not called "coding". It was called "writing HTML". This, of course, preceded the time when pages contained PHP or Javascript. Now pages do contain programs, or fragments of programs, intended to be executed at serve-time or render-time, and writing those parts of the page…
The first top-level comment from each of the four biggest threads, in HN’s own order. Excerpts are shortened; open a comment for full context.
- Breakout years
- 2
- Total points
- 830
- Total comments
- 129
100+ points or 50+ comments
reference only — not used in Hall rules or ranking
reference only — not used in Hall rules or ranking
Every submission
| Date | Title as submitted | By | Points | Comments |
|---|---|---|---|---|
| 2017-02-13 | A friendly web development tutorial for complete beginnersFirst breakout · Best thread | interneting | 412 | 54 |
| 2017-02-20 | Interneting is hard | yumaikas | 5 | 1 |
| 2018-06-28 | Friendly web development tutorials for complete beginners | ssijak | 88 | 19 |
| 2019-07-26 | A friendly web development tutorial for complete beginners (2017)Latest 20+ point return | IRLIamOffline | 288 | 54 |
| 2019-11-11 | Hands-On, Zero to Sixty Web Development TutorialHall induction | dempedempe | 19 | 0 |
| 2020-04-25 | A friendly web development tutorial for complete beginners | _ttg | 15 | 1 |
| 2020-11-05 | Friendly web development tutorials for complete beginners | rport | 2 | 0 |
| 2022-08-03 | Interneting Is Hard – Web Development Tutorials for Complete Beginners (2017) | rootforce | 1 | 0 |