2
$\begingroup$

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?

$\endgroup$
3
  • 3
    $\begingroup$ w3schools.com Is pretty much first year of college in the Netherlands haha. $\endgroup$
    – A.bakker
    Aug 15, 2021 at 18:17
  • 1
    $\begingroup$ @A.bakker You should turn that into an answer, since it's probably the correct place to go in any case. $\endgroup$
    – Ben I.
    Aug 15, 2021 at 18:27
  • $\begingroup$ @BenI. will do, but with some more info haha. $\endgroup$
    – A.bakker
    Aug 15, 2021 at 18:36

2 Answers 2

7
$\begingroup$

I would say that you should use 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.

$\endgroup$
5
  • 2
    $\begingroup$ Hi, thanks, yes that looks perfect - well structured and simply written :) $\endgroup$
    – minisaurus
    Aug 15, 2021 at 19:52
  • 2
    $\begingroup$ Really? The w3schools company has a pretty bad reputation in the JS community, which even led to the launch of w3fools.com. They improved, but their documentation is still lacking, MDN is a much better resource. $\endgroup$
    – Bergi
    Aug 16, 2021 at 0:59
  • 2
    $\begingroup$ @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. $\endgroup$
    – A.bakker
    Aug 16, 2021 at 6:42
  • $\begingroup$ Thanks for the help - yes the site looks like a good "fit" $\endgroup$
    – minisaurus
    Aug 22, 2021 at 10:27
2
$\begingroup$

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" 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 lacks of good explanation of what module bundler is, why use it, or why use it with babel.

  2. "Modern HTML Explained For Dinosaurs" 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". 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/

$\endgroup$

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.