JavaScript Hub

As a self-taught web developer, I can always deliver coding stuff, even if I don't know the essence. Yes, Google it or StackOverflow it when I'm trapped. However, I could have made better stuff if I mastered more coding skills. So I've tried to dive deep into the JavaScript through courses and still in progress. I build JavaScript Hub to not only help JS newbies but also try to build a mind map for myself.

Live site: JavaScript Hub

Design

A picture is worth a thousand words.

Coding

JavaScript Hub is built upon a small framework called Sapper, which is based on Svelte. If you haven't heard of Svelte, I recommend you to have a glance at Rich Harris - Rethinking reactivity.

The main idea is to establish a true-or-false selection panel with statistics, explanation and header. For the codes, you can find the whole project on GitHub. Here is a list of prerequisites to get you started.

  • HTML, CSS and JS, as always.
  • Svelte for the syntax.
  • Prism for syntax hignlight.

Features

  • Constantly updates.
  • Export current questions as a .json file.
  • Import your own JSON files.
  • Stats about your results.
  • Share to your friends.

Questions from ?

  1. JavaScript Hub
  2. Prism
  3. Svelte

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes