https://github.com/maybemonad/javascript-hub

Another free JavaScript learning application.
https://github.com/maybemonad/javascript-hub

javascript javascript-hub learn-js prism svelte

Last synced: about 1 month ago
JSON representation

Another free JavaScript learning application.

• Host: GitHub
• URL: https://github.com/maybemonad/javascript-hub
• Owner: MaybeMonad
• Created: 2019-02-18T02:41:04.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T03:59:39.000Z (over 3 years ago)
• Last Synced: 2025-01-13T12:48:34.283Z (over 1 year ago)
• Topics: javascript, javascript-hub, learn-js, prism, svelte
• Language: JavaScript
• Homepage: https://javascript-hub.dezineleo.com
• Size: 483 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 13
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 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](https://javascript-hub.dezineleo.com)

## Design

A picture is worth a thousand words.

![JavaScript Hub Main Page Preview](https://github.com/DezineLeo/javascript-hub/blob/master/static/javascript-hub-main-page.png?raw=true)

## Coding

**JavaScript Hub** is built upon a small framework called [Sapper](https://sapper.svelte.de), which is based on [Svelte](https://svelte.dev/). If you haven't heard of **Svelte**, I recommend you to have a glance at [Rich Harris - Rethinking reactivity](https://www.youtube.com/watch?v=AdNJ3fydeao).

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](https://github.com/DezineLeo/javascript-hub). Here is a list of prerequisites to get you started.

+ HTML, CSS and JS, as always.

+ [Svelte](https://svelte.dev/) for the syntax.

+ [Prism](https://prismjs.com/) 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 ?

+ [Daily Interview Question](https://github.com/Advanced-Frontend/Daily-Interview-Question)

+ [List of (Advanced) JavaScript Questions](https://github.com/lydiahallie/javascript-questions)

+ [Post a new resource](https://github.com/DezineLeo/javascript-hub/issues)

## Links

1. [JavaScript Hub](https://javascript-hub.dezineleo.com)

2. [Prism](https://prismjs.com/)

3. [Svelte](https://svelte.dev/)