Live data from Hacker News

Web Development for Beginners – A Curriculum

github.com

21–30 of 111 posts

Re: Web Development for Beginners – A Curriculum

#21
I think this is by the CTO of reddit? It's an Udemy course on web development

Anyways, here's a slightly dated but really great source of information on web development. I saw the playlist posted in a comment on HN in a similar thread

https://www.youtube.com/playlist?list=PLAwxTw4SYaPlLXUhUNt1w...

Re: Web Development for Beginners – A Curriculum

#22
post #17

One of my kids - 10yrs old - has been wanting to learn basic HTML and "programming". We've been going through the W3C with no trouble, and he's learning at an amazing rate. This tutorial is way beyond anything he could approach. For example "Pedagogy" - I don't know what that means, and neither does he. Another example, from the beginning "In this section of the curriculum, you will be introduced to non project-based…

What W3C resources have you been using?

We've been using this one: https://www.w3schools.com/html/ He's had no trouble at all following along and using their tooling. I've been mostly hands-off.

I'm about to graduate him from "do it in just the browser" to using GitHub pages. That way he can have an HTML site that's "his" and start putting the pieces together.

Re: Web Development for Beginners – A Curriculum

#23
post #8

Just want to thank you for your kind comments, it's making me happy :) - cheers from Jen, maintainer of these repos and curriculum designer / author at Microsoft

Thank you! I've scanned over web development, looks like a well thought out modern curiculum. In 2022, it is tough to pick a good path for a beginner, and I like your choices.

Re: Web Development for Beginners – A Curriculum

#24

One of my kids - 10yrs old - has been wanting to learn basic HTML and "programming". We've been going through the W3C with no trouble, and he's learning at an amazing rate. This tutorial is way beyond anything he could approach. For example "Pedagogy" - I don't know what that means, and neither does he. Another example, from the beginning "In this section of the curriculum, you will be introduced to non project-based…

> "Pedagogy" - I don't know what that means It means “teaching methods”.

The meta-point is that the usage of complex words is off-putting to those trying to learn something for the first time. There's always an element of "I don't know what this is, so I can skip it" but better to keep topics simple and approachable.

Re: Web Development for Beginners – A Curriculum

#25

Earlier quoted context omitted.

> "Pedagogy" - I don't know what that means It means “teaching methods”.

The meta-point is that the usage of complex words is off-putting to those trying to learn something for the first time. There's always an element of "I don't know what this is, so I can skip it" but better to keep topics simple and approachable.

we love our stupid fucking acronyms and pompous terms though, they are right.

Re: Web Development for Beginners – A Curriculum

#26
On a related note: I've had to help train a bunch of Java/C++ devs about web dev over the years. I've also talked to a lot of new devs. One thing I noted is that there wasn't a good resource that tried to explain the key pieces of web dev concepts, terms, and technologies, and how they fit together. So, I ended up writing a "How Web Apps Work" blog series to try to fill that gap:

https://blog.isquaredsoftware.com/series/how-web-apps-work/

The series provides an overview of HTTP and servers, client dev, browsers / HTML / CSS, JS / DOM, and AJAX.

A number of folks have told me they found the series particularly helpful.

Re: Web Development for Beginners – A Curriculum

#28

Looks like a great resource for absolute beginners. I have dabbled in full stack open [1] and I Think that is a great resource for people who have a little cs knowledge under their belt already. [1] https://fullstackopen.com/en/

Yes, I'd strongly second this.

Re: Web Development for Beginners – A Curriculum

#30
Outstanding effort. However, and as usual, some improvements can be suggested. For example, users are asked to execute npm and webpack commands as a part of some lessons. What is npm is explained (by supplying a link), any clarification related to webpack is missing. Those topics could have been expanded upon, perhaps taking the whole space of the lesson devoted to building a browser extension. This subject feels to be more marginal whereas knowing what bundlers do and why is more fundamental.
Post reply on HN