A bit of bikeshedding (and I'm not an educator, so take that with a grain of salt), and I guess different views on a good curriculum are to be expected, but a few things I noticed upon a skimming:
- No basic HTML "hello, world" in the beginning to hook the reader and show that they can easily make web pages. It seems that they should wade through quite a few lessons, including JS ones, before composing the most basic page (assuming no prior knowledge of that).
- The first lesson is somewhat thorough, touching an assembly language (which is nice), yet mixes together shells and terminal emulators (which seems okay for a gentle introduction, but potentially confusing).
- No historical context (at least in the first two lessons), which is common to omit, but I think it helps to learn the motivation and basic ideas behind the subject you are studying, to better understand it all.
- Accessibility is explained before HTML itself, with an HTML-based quiz. I agree it's important, and the lesson looks good, but I imagine it'd be confusing/boring/seemingly unnecessary to read before even the basics of HTML (I'd probably keep thinking of learning how to make actual pages myself). Better understanding of accessibility issues may also come with demonstrations, showing why it's important (otherwise it's probably also easy to dismiss as silly or unnecessary). The lesson also mentions the "Lighthouse" tool, I don't think it's present in Firefox by default (looks like there is an extension).
- Then there's a bunch of JS lessons, before learning to make even basic static pages.
- Then there's finally HTML introduction, but only introducing 'html' and 'body' tags, and with a lot of--likely confusing to an absolute beginner--attributes in the examples, including classes.
- CSS follows those, at which point classes are likely to make more sense.
- Then there are JS-based games and web browser extensions, while we've barely learned to make basic HTML pages (though I don't think we really did).
- Only towards the end there are HTML forms, after all the interactive JS bits.
I agree with all of these and I‘ve been teaching web development to total beginners.
The MDN guides give you a much better template. They focus more on the fundamentals, starting with HTML.
The first thing I do after a short intro and overview is writing a Hello World HTML page with them while saying something about each line.
When they open the page in their browser you can see something in their eyes, which is magical. They just made their first web page!
Also I focus much more on HTML and CSS than on JS. There’s so much to learn just with that, while JS should be used when needed, little snippets for interactivity.
Accessibility is a legal requirement for front-end development in a large number of countries around the world (including the US), so it’s good to get a baseline understanding in early.
- No basic HTML "hello, world" in the beginning to hook the reader and show that they can easily make web pages. It seems that they should wade through quite a few lessons, including JS ones, before composing the most basic page (assuming no prior knowledge of that).
- The first lesson is somewhat thorough, touching an assembly language (which is nice), yet mixes together shells and terminal emulators (which seems okay for a gentle introduction, but potentially confusing).
- No historical context (at least in the first two lessons), which is common to omit, but I think it helps to learn the motivation and basic ideas behind the subject you are studying, to better understand it all.
- Accessibility is explained before HTML itself, with an HTML-based quiz. I agree it's important, and the lesson looks good, but I imagine it'd be confusing/boring/seemingly unnecessary to read before even the basics of HTML (I'd probably keep thinking of learning how to make actual pages myself). Better understanding of accessibility issues may also come with demonstrations, showing why it's important (otherwise it's probably also easy to dismiss as silly or unnecessary). The lesson also mentions the "Lighthouse" tool, I don't think it's present in Firefox by default (looks like there is an extension).
- Then there's a bunch of JS lessons, before learning to make even basic static pages.
- Then there's finally HTML introduction, but only introducing 'html' and 'body' tags, and with a lot of--likely confusing to an absolute beginner--attributes in the examples, including classes.
- CSS follows those, at which point classes are likely to make more sense.
- Then there are JS-based games and web browser extensions, while we've barely learned to make basic HTML pages (though I don't think we really did).
- Only towards the end there are HTML forms, after all the interactive JS bits.