I want to explain my motivation for working on this course. I'll start by saying that this is a paid course.
HTML and CSS have a relatively low barrier to getting into. Moreover, browsers are very lenient, and the HTML specification itself allows you to make mistakes. However, we've been neglecting semantic HTML for a very long time (and sometimes accessibility).
This is why I wanted to work on a detailed step-by-step course that teaches HTML and CSS while focusing on semantics and accessibility from the start.
For example, `div` is only introduced in Chapter 49. Most challenges require you to pass automated accessibility checks (color contrast, main landmark, headings hierarchy, etc.)
I've built this Interactive JavaScript Knowledge Map that allows developers to get a glance at _most_ topics in modern JavaScript.
Students that are following https://LearnJavaScript.online, will be able to track their progress using this knowledge map. It becomes interactive as they will be able to see the completed branches and click on them to go back to the related lesson. They also have a progress bar that completes as they further progress in the course.
Hey Hacker news!
I built this Augmented Reality visualization last year to help the students of my [learnprogramming.online](https://learnprogramming.online) course understand how arrays work in programming, mostly with regards to index access.
If you're a long time developer, you're probably already used to indices starting at 0 so it was a bit challenging to take a step back and show this for beginners!
thanks for the feedback! Funny that this was a feature I had before deploying but the designer told me it's a bad idea
I should have kept it
Working on adding it soon
Thanks! I was actually debating how much of the content should be free
but then I realised that the First Project (Project I) has to be part of the free content to show a feel of the entire platform
On desktop this is [monaco-editor](https://github.com/microsoft/monaco-editor)
It's actually the same editor behind VSCode but this is a version that runs in the browser rather than Electron
Hey HN, I would love to get your feedback on my new course for React. It's an interactive platform (built on top of learnjavascript.online) that teaches React in the browser by explaining concepts step by step.
The lessons are byte-sized and are followed up by practice challenges as well as flashcards that help you persist your knowledge.
I also made it work on mobile so that students can read some lessons or even solve challenges while taking the train/metro.
The whole platform is custom built (the text editors are open source projects).
ES6 is explained in detail, with implicit return in Chapter 5 (or 6).
Developers still need to know the function syntax for when they look up documentation online
Cheers!
That made me so happy!
Please email me (you can find my email in the footer of the website), I'd like to give a paid account for free for your student.
Cheers!
Woops, sorry about that. I'll make sure it's clearer.
There's no mention that it's Free anywhere however around 35% of the course is free.
It shows which content is free and which one is paid in the sidebar, but it could be that you haven't checked it out
Thanks! During user testing, most beginners loved the Fira Code, and advanced developers complained about Ligatures!
But it's quite easy to enable/disable