Finished HTML and Intro to JavaScript, what next? [Updated]

Question

Update:
Turns out there is a full JavaScript course, not just the Intro course. The course does not show up on my Android app. Please see:
https://www.sololearn.com/Discuss/3182098/?ref=app

Original post:

I'd like to improve my JS in relation to using it with HTML. Are there any courses that sort of pick up where these leave off?

Is Java itself worthwhile in terms of improving JS skills?

I'm kinda leaning towards Intro to CSS first, then possibly Web Dev Fundamentals and Responsive Web Design, in that order, but any advice from those more experienced is appreciated.

I'd like to develop my own web pages that integrate audio and JS based graphics, like particle systems etc.

Also to eventually integrate HTML with Csound which tends to mostly use HTML/JavaScript and sometimes Python.

Answer 1

Java is not going to be very helpful for you at this point, it is a completely different language, not like JavaScript at all.

The three courses you mentioned, CSS, WebDev, and Responsive, are good choices.

After that I would suggest to engage with a JavaScript framework that enables you to create a complex website easier. There are multiple choices here, probably React and its ecosystem are the most popular, but you might also go for Angular, Vue, or Svelte. Frameworks in JS are born and die every day, so it's not always the best idea to pick the most trendy and latest choice. Make an informed decision after exploring the options.

Answer 2

Scott D this music project is quite fascinating.
Maybe it will be useful for you if I give a little overview, how the whole programming architecture works on the web.
Traditionally in a client-server architecture, the computing was done on the server (the "backend") while the result was shown to the client (the "frontend"). These days there are all kinds of variations. With the evolution of JavaScript, the client side was able to accomplish more complex programming tasks. Still the backend is usually needed in a more complex application which needs to store data in a database, and might use "business logic", like algorithms or validations, that is not exposed to the client in any way.

Previously, browsers were only able to execute JavaScript code. But this has changed recently too, with the birth of WebAssembly (WASM). It means that you can write code in ANY programming language, if you can compile it to WASM then the browser will run it. This is revolutionary. And the examples you linked, also use this.

Answer 3

I found this on the CSound website, I think these resources will guide you to the right direction.

https://csound.com/site/news/2022/12/18/New-WASM-Turorials

Answer 4

Tibor Santa
Thanks. For me the main motivation right now isn't so much web development (although I do find it interesting and would help create a better home page) as it is making my own pages to integrate with the language Csound. Csound is open source (developed in the 80's), a sort of hybrid of C and C++.

So far all the web tools seem to center around HTML, JavaScript and some Python.

Here's an example of how it's integrated:
https://flossmanual.csound.com/csound-frontends/web-based-csound

And hers an example of an actual interactive webpage that uses Csound but also has incorporated some visuals:
https://gogins.github.io/cloud-music/cloud_music_no_6.html

This is what I'd like to be able to accomplish. It may take several seconds to load.

Answer 5

Tibor Santa
Thanks again! Yes, I've seen that term used, WASM, understanding this is definitely the direction I want to head towards.

Any suggestions?

Answer 6

Learn CSS to design websites