Provide beginners and those with limited website development experience the tools and knowledge to build a full-stack website (both a frontend and backend).
- Basic Frontend - HTML / CSS / JS: Learn how to build a frontend using these three technologies.
- Using Libraries & Frameworks: Speed up workflows and know how to leverage powerful tools written by others.
- Advanced HTML / JavaScript: How to make frontends more complex using CSS/JavaScript libraries
- APIs and Routing: How to have different webpages, interact with backend, and send/receive information.
- Backend and Databases: Introduction to node and simple data storage.
To run any part, download the repository onto your local machine. If you are familiar with git, you can also clone the repository using a command line.
To run v1 and v2, simply open the html file into Google Chrome. This is all the setup needed.
To run v3, nodejs (https://nodejs.org/en/download/) must be installed. After installing nodejs open a command prompt at the same directory as the folder and the run the following commands:
- npm i
- node app.js (Note: If you plan on editing/expanding the server, consider install nodemon)
- Bulma (CSS Library): https://bulma.io/
- Axios (JavaScript API Library): https://axios-http.com/docs/intro
- Node (Backend JavaScript): https://nodejs.org/en/
- Express (Node Web Framework): https://expressjs.com/
- Body-Parser Package: https://www.npmjs.com/package/body-parser
- lokijs (simple backend): https://techfort.github.io/LokiJS/
- ejs (Templating engine): https://ejs.co/
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent