<p>Trying to keep up with web development is hard. Every year there are new tools , new frameworks, new way to do things. But surprisingly I find the following Dinosaurs serials Peter Jang wrote in 2017 &amp; 2018 are still the best materials I would recommend to the new comers. To me it is quite insane that what he wrote in 2017/2018 still stands in 2023.</p>
<ol>
<li><p><a href="https://medium.com/the-node-js-collection/modern-javascript-explained-for-dinosaurs-f695e9747b70" rel="nofollow noreferrer">&quot;Modern JavaScript Explained For Dinosaurs&quot;</a> mainly focus on the tools (including nodejs) used front end development. I can't find any other articles to better explain tools used in front end. For example, even the <a href="https://webpack.js.org/concepts/" rel="nofollow noreferrer">webpack official document</a> lacks of good explanation of what module bundler is, why use it, or why use it with babel.</p>
</li>
<li><p><a href="https://medium.com/actualize-network/modern-html-explained-for-dinosaurs-65e56af2981" rel="nofollow noreferrer">&quot;Modern HTML Explained For Dinosaurs&quot;</a> is the longest article among this serial (it says 34 minutes to read but it probably takes longer to read it though)</p>
</li>
<li><p><a href="https://medium.com/actualize-network/modern-css-explained-for-dinosaurs-5226febe3525" rel="nofollow noreferrer">&quot;Modern CSS Explained For Dinosaurs&quot;</a>. From my own experience web developer often overlook the importance of css.</p>
</li>
</ol>
<p>I know the question was asked about online course but I have not found a good course to cover them all and up to day.If you are new to web development this serial may take couple of days to digest as you may further google the terms mentioned in the articles. Only after that I would then recommend to learn the framework like react/vue/angular.</p>
<p>If you want to learn the modern javascript I would recommend <a href="https://javascript.info/" rel="nofollow noreferrer">https://javascript.info/</a></p>

CC BY-SA 4.0
2023-03-07T08:50:06.650Z
2023-03-07T08:50:06.650Z
Qiulang 邱朗
<p>I would say that you should use <a href="https://www.w3schools.com/" rel="noreferrer">w3schools.com</a> it nicely covers the basics of HTML, CSS, JavaScript and a few other related things(I would really suggest looking at MySQL/PHP if you want to go in to web development what is also offered there).</p>
<p>It's pretty much inline with the first half year/year of a web development college degree in the Netherlands.</p>
<p>I always advise my students to follow the course next to their regular classes (I don't teach HTML/CSS/JavaScript myself) seeing it gives a good explanation, a nice try it yourself editor and covers things that they sadly don't get during their regular classes.</p>

CC BY-SA 4.0
2021-08-15T19:52:29.500Z
Hi, thanks, yes that looks perfect - well structured and simply written :)
minisaurus
CC BY-SA 4.0
2021-08-16T00:59:09.450Z
Really? The w3schools company has a pretty bad reputation in the JS community, which even led to the launch of https://www.w3fools.com. They improved, but their documentation is still lacking, [MDN](https://developer.mozilla.org/) is a much better resource.
Bergi
CC BY-SA 4.0
2021-08-16T06:42:49.370Z
@Bergi from what I have seen as a sort of teacher, the students find MDN a bit overwhelming as beginners. W3Schools is, a bit more beginner friendly up to the point that high-schoolers seem to be able to follow it with relative ease.
A.bakker
CC BY-SA 4.0
2021-08-18T04:09:22.213Z
https://www.khanacademy.org/computing/computer-programming/html-css or https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML
Qiulang 邱朗
CC BY-SA 4.0
2021-08-22T10:27:21.000Z
Thanks for the help - yes the site looks like a good "fit"
minisaurus
CC BY-SA 4.0
2021-08-15T18:33:50.847Z
2021-08-15T18:33:50.847Z
A.bakker
<p>Can anyone recommend an introductory online course for the basics of html, css and javascript?</p>
<p>It's for my son's International Baccalaureat course and the requirements appear to be pretty basic - e.g. draw a form and button, take some input from the form, do a simple calculation, output the result.</p>
<p>They'll also need to do a bit of array pushing and popping at some point, I think.</p>
<p>Unfortunately, the course isn't being presented in a way that suits my son, and I was hoping to find something simple, well structured and pedagogic. Any ideas?</p>

CC BY-SA 4.0
2021-08-15T18:17:48.877Z
https://www.w3schools.com/ 
Is pretty much first year of college in the Netherlands haha.
A.bakker
CC BY-SA 4.0
2021-08-15T18:27:52.803Z
@A.bakker You should turn that into an answer, since it's probably the correct place to go in any case.
Ben I.
CC BY-SA 4.0
2021-08-15T18:36:11.167Z
@BenI. will do, but with some more info haha.
A.bakker
<javascript><html><css>
Introductory html, css, javascript online course
# Introductory html, css, javascript online course

(Asked by: username_0 on 2021-08-15)

Can anyone recommend an introductory online course for the basics of html, css and javascript?

It's for my son's International Baccalaureat course and the requirements appear to be pretty basic - e.g. draw a form and button, take some input from the form, do a simple calculation, output the result.

They'll also need to do a bit of array pushing and popping at some point, I think.

Unfortunately, the course isn't being presented in a way that suits my son, and I was hoping to find something simple, well structured and pedagogic. Any ideas?

**Tags:** javascript, html, css

> **Comments:**
> **username_1**: https://www.w3schools.com/  Is pretty much first year of college in the Netherlands haha.  
> **username_2**: @username_1 You should turn that into an answer, since it's probably the correct place to go in any case.  
> **username_1**: @BenI. will do, but with some more info haha.  

---

## 2 answers

### Answer by username_1 on 2021-08-15. Score: 7 | Accepted answer

I would say that you should use [w3schools.com](https://www.w3schools.com/) it nicely covers the basics of HTML, CSS, JavaScript and a few other related things(I would really suggest looking at MySQL/PHP if you want to go in to web development what is also offered there).

It's pretty much inline with the first half year/year of a web development college degree in the Netherlands.

I always advise my students to follow the course next to their regular classes (I don't teach HTML/CSS/JavaScript myself) seeing it gives a good explanation, a nice try it yourself editor and covers things that they sadly don't get during their regular classes.

> **Comments:**
> **username_0**: Hi, thanks, yes that looks perfect - well structured and simply written :)  
> **username_4**: Really? The w3schools company has a pretty bad reputation in the JS community, which even led to the launch of https://www.w3fools.com. They improved, but their documentation is still lacking, [MDN](https://developer.mozilla.org/) is a much better resource.  
> **username_1**: @username_4 from what I have seen as a sort of teacher, the students find MDN a bit overwhelming as beginners. W3Schools is, a bit more beginner friendly up to the point that high-schoolers seem to be able to follow it with relative ease.  
> **username_3**: https://www.khanacademy.org/computing/computer-programming/html-css or https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML  
> **username_0**: Thanks for the help - yes the site looks like a good "fit"  

---

### Answer by username_3 on 2023-03-07. Score: 2

Trying to keep up with web development is hard. Every year there are new tools , new frameworks, new way to do things. But surprisingly I find the following Dinosaurs serials Peter Jang wrote in 2017 & 2018 are still the best materials I would recommend to the new comers. To me it is quite insane that what he wrote in 2017/2018 still stands in 2023.

1. ["Modern JavaScript Explained For Dinosaurs"](https://medium.com/the-node-js-collection/modern-javascript-explained-for-dinosaurs-f695e9747b70) mainly focus on the tools (including nodejs) used front end development. I can't find any other articles to better explain tools used in front end. For example, even the [webpack official document](https://webpack.js.org/concepts/) lacks of good explanation of what module bundler is, why use it, or why use it with babel.
2. ["Modern HTML Explained For Dinosaurs"](https://medium.com/actualize-network/modern-html-explained-for-dinosaurs-65e56af2981) is the longest article among this serial (it says 34 minutes to read but it probably takes longer to read it though)
3. ["Modern CSS Explained For Dinosaurs"](https://medium.com/actualize-network/modern-css-explained-for-dinosaurs-5226febe3525). From my own experience web developer often overlook the importance of css.

I know the question was asked about online course but I have not found a good course to cover them all and up to day.If you are new to web development this serial may take couple of days to digest as you may further google the terms mentioned in the articles. Only after that I would then recommend to learn the framework like react/vue/angular.

If you want to learn the modern javascript I would recommend <https://javascript.info/>


---

