super-workshop-js

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #llm #go #android #rust #deep-learning #java #vue #pytorch #mcp #ios

super-workshop-js

(★ 9)

⚙️ Super Workshop JS. Workshop with various JavaScript and Node.js technologies.

super-workshop-js Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
<h1>Super Workshop JS :gear: Workshop with JavaScript</h1>
</div>

## Table of Contents

* [Why?](#why)
* [What?](#what)
* [How?](#how)
* [Hall of Badges](#hall-of-badges)
  * [General](#general)
  * [Server with Node.js and Express](#server-with-nodejs-and-express)
* [Hall of Requirements](#hall-of-requirements)
* [Hall of Technologies](#hall-of-technologies)
* [Hall of Development](#hall-of-development)
  * [Server Express (`server-express`)](#server-express-server-express)
  * [Client jQuery (`client-jquery`)](#client-jquery-client-jquery)
  * [Test Chai (`test-chai`)](#test-chai-test-chai)
* [Hall of Deployment](#hall-of-deployment)
  * [Local Check => Deploy to Cloud](#local-check-deploy-to-cloud)
  * [Integration Check](#integration-check)
* [Hall of References](#hall-of-references)
* [License](#license)

## Why? [![Start with Why](https://img.shields.io/badge/start%20with-why%3F-orange.svg)](http://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_action)

> "Tell me and I forget. Teach me and I remember. Involve me and I learn."
— Benjamin Franklin

To engage and involve people who want to learn and collaborate together.

## What?

This experimental workshop repo is intended as a fuondation and designed for faster learning curve of practicing, implementing, and teaching friendly best practice of various web technologies.

## How? [![Contributions Welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](https://github.com/mhaidarh/super-workshop-js/issues)

By telling and teaching directly to learners in the most simple and interactive fashion. As we want to actualize good ideas, architectures, and infrastructures of RESTful web application.

--------------------------------------------------------------------------------

## Hall of Badges

### General

| Category | Badge |
|----------|-------|
| Website  | [![Website](https://img.shields.io/website-up-down-green-red/http/mhaidarhanif.com.svg)](https://mhaidarhanif.com)
| Management     | [![ZenHub](https://raw.githubusercontent.com/ZenHubIO/support/master/zenhub-badge.png)](https://zenhub.com) [![Waffle.io](https://img.shields.io/waffle/label/mhaidarh/super-workshop-js/ready.svg)](https://waffle.io/mhaidarh/super-workshop-js)
| License        | [![License](https://img.shields.io/github/license/mhaidarh/super-workshop-js.svg)](https://raw.githubusercontent.com/mhaidarhanif/super-workshop-js/master/LICENSE)
| Style Guide    | [![Standard](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com) [![Good Parts](https://img.shields.io/badge/code%20style-goodparts-brightgreen.svg)](https://github.com/dwyl/goodparts "JavaScript The Good Parts")
| Dependency CI  | [![Dependency CI](https://dependencyci.com/github/mhaidarh/super-workshop-js/badge)](https://dependencyci.com/github/mhaidarh/super-workshop-js)
| bitHound       | [![bitHound Overall Score](https://bithound.io/github/mhaidarh/super-workshop-js/badges/score.svg)](https://bithound.io/github/mhaidarh/super-workshop-js) [![bitHound Code](https://www.bithound.io/github/mhaidarh/super-workshop-js/badges/code.svg)](https://www.bithound.io/github/mhaidarh/super-workshop-js)
| bitHound Dep   | [![bitHound Dependencies](https://www.bithound.io/github/mhaidarh/super-workshop-js/badges/dependencies.svg)](https://www.bithound.io/github/mhaidarh/super-workshop-js/master/dependencies/npm) [![bitHound Dev Dependencies](https://www.bithound.io/github/mhaidarh/super-workshop-js/badges/devDependencies.svg)](https://www.bithound.io/github/mhaidarh/super-workshop-js/master/dependencies/npm)
| Codacy Grade   | [![Codacy Badge](https://api.codacy.com/project/badge/Grade/9820a9dd1787489dae6122392e101f53)](https://www.codacy.com/app/mhaidarh/super-workshop-js?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=mhaidarh/super-workshop-js&amp;utm_campaign=Badge_Grade)
| Code Climate   | [![GPA](https://codeclimate.com/github/mhaidarh/super-workshop-js/badges/gpa.svg)](https://codeclimate.com/github/mhaidarh/super-workshop-js) [![Issue Count](https://codeclimate.com/github/mhaidarh/super-workshop-js/badges/issue_count.svg)](https://codeclimate.com/github/mhaidarh/super-workshop-js/issues) [![Test Coverage](https://codeclimate.com/github/mhaidarh/super-workshop-js/badges/coverage.svg)](https://codeclimate.com/github/mhaidarh/super-workshop-js/coverage)
| Travis CI      | [![Build Status](https://travis-ci.org/mhaidarh/super-workshop-js.svg?branch=master)](https://travis-ci.org/mhaidarh/super-workshop-js)
| Snap CI        | []
| Codeship       | [![Codeship Status for mhaidarh/super-workshop-js](https://app.codeship.com/projects/110b6980-981b-0134-b488-52e360588e5c/status?branch=master)](https://app.codeship.com/projects/187266)
| Inch CI Docs   | [![Inch CI](https://inch-ci.org/github/mhaidarh/super-workshop-js.svg?branch=master)](https://inch-ci.org/github/mhaidarh/super-workshop-js)

### Server with Node.js and Express

| Category | Badge |
|----------|-------|
| Node.js        | [![Node.js Version](https://img.shields.io/node/v/super-server-express.svg "Node.js 7, the latest supported")](http://nodejs.org/download)
| npm            | [![npm package version](https://img.shields.io/npm/v/super-server-express.svg)](https://npmjs.com/package/super-server-express)
| Dependency     | [![Dependency Status](https://david-dm.org/mhaidarh/super-server-express.svg "Dependencies Checked & Updated Regularly (Security is Important!)")](https://david-dm.org/mhaidarh/super-server-express)
| Dev Dependency | [![devDependencies Status](https://david-dm.org/mhaidarh/super-server-express/dev-status.svg)](https://david-dm.org/mhaidarh/super-server-express?type=dev)
| Express        | [![Express 4](http://img.shields.io/badge/express-^4.14.0-brightgreen.svg "Latest Express.js")](https://expressjs.com)
| Coverage       | [![Coveralls](https://coveralls.io/repos/github/mhaidarh/super-workshop-js/badge.svg?branch=master)](https://coveralls.io/github/mhaidarh/super-workshop-js?branch=master)
| Security       | [![NSP Status](https://nodesecurity.io/orgs/mhaidarh/projects/f52244a3-8070-4e73-817d-729065fad38e/badge)](https://nodesecurity.io/orgs/mhaidarh/projects/f52244a3-8070-4e73-817d-729065fad38e)

--------------------------------------------------------------------------------

## Hall of Requirements

- Engineering software the right way
- Understanding the essentials of JavaScript and Node.js
- Concepts of client & server side
- Technologies of database & deployment pipeline

--------------------------------------------------------------------------------

## Hall of Technologies

[See the Tech Stack, Technical Keywords, and Programming Languages](./README-TECH.md)

--------------------------------------------------------------------------------

## Hall of Development

Make sure you have installed the latest Node.js and npm. Afterwards, install the required global dependencies.

```sh
# node modules
npm install -g yarn pnpm pm2 nodemon mocha karma-cli live-server bower vue-cli react-native-cli

# ruby gems
sudo gem install travis
```

Then open these directories separately, based on your own preference:

- `servers/server-*`
- `clients/client-*`
- `tests/test-*`

### Server Express (`server-express`)

```sh
npm install
./bootstrap.sh # will copy config/*.schema.js to their own config/*.js
# edit each config/*.js
npm run start:dev
```

### Client jQuery (`client-jquery`)

```sh
bower install
live-server
```

### Test Chai (`test-chai`)

```sh
yarn
# edit .env
npm test
travis login --auto
```

--------------------------------------------------------------------------------

## Hall of Deployment

(Later, define usage of CI/CD with Codeship or Snap CI)

### Local Check => Deploy to Cloud

**Server**

```sh
cd servers/server-x
npm start
pm2 list
```

**Client**

```sh
cd clients/client-x
npm start
# open browser
```

**Test**

```sh
cd tests/test-x
npm test
```

**Deploy**

```sh
npm run deploy:dev:setup
npm run deploy:dev
```

### Integration Check

```sh
git push origin master
# open https://travis-ci.org/mhaidarh/super-workshop-js
```

--------------------------------------------------------------------------------

## Hall of References

- [JavaScript](https://javascript.com)
- [Node.js](https://nodejs.org)
- [Cloud9 Workspace](https://ide.c9.io/mhaidarh/super-workshop-js)

--------------------------------------------------------------------------------

## License

[Verbatim copy of MIT License](https://mhaidarh.mit-license.org)

super-workshop-js

super-workshop-js Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

super-workshop-js

super-workshop-js Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README