https://github.com/abhisekp/practice-modern-javascript

:gem: :ribbon: A boilerplate to setup and Practice Modern JavaScript
https://github.com/abhisekp/practice-modern-javascript

babel boilerplate javascript modern nodejs practice

Last synced: 3 months ago
JSON representation

:gem: :ribbon: A boilerplate to setup and Practice Modern JavaScript

Host: GitHub
URL: https://github.com/abhisekp/practice-modern-javascript
Owner: abhisekp
License: mit
Created: 2016-05-01T06:24:10.000Z (about 9 years ago)
Default Branch: master
Last Pushed: 2024-09-08T10:36:52.000Z (10 months ago)
Last Synced: 2025-04-12T10:00:06.249Z (3 months ago)
Topics: babel, boilerplate, javascript, modern, nodejs, practice
Language: JavaScript
Homepage: https://github.com/abhisekp/Practice-Modern-JavaScript#app-top
Size: 985 KB
Stars: 12
Watchers: 3
Forks: 2
Open Issues: 304
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        #  Practice Modern JavaScript [![MIT License](https://img.shields.io/badge/-MIT-56A902.svg?style=flat-square&maxAge=2592000 "MIT License")](LICENSE) [![Tweet Practice Modern JavaScript](http://i.imgur.com/1Y9LBHw.png "Tweet Practice Modern JavaScript")](https://twitter.com/intent/retweet?tweet_id=726917916843601920&related=abhisek%3ACreator,babeljs%3ATranspiler)   [![Open Source Helpers](https://www.codetriage.com/abhisekp/practice-modern-javascript/badges/users.svg)](https://www.codetriage.com/abhisekp/practice-modern-javascript)

A boilerplate to setup and practice Modern JavaScript  

[![](http://i.imgur.com/rzyanJt.gif)](#app-top)  

[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](https://github.com/abhisekp/Practice-Modern-JavaScript/graphs/contributors) [![MIT License](https://img.shields.io/badge/License-MIT-56A902.svg?style=flat-square&maxAge=2592000)](LICENSE)  

[![Practice Modern JavaScript Download](https://img.shields.io/badge/Download-Practice_Modern_JavaScript_🚀-9055A2.svg?style=flat-square&maxAge=2592000)](https://github.com/abhisekp/Practice-Modern-JavaScript/archive/master.zip)  

[![Practice Modern JavaScript Tweet](https://img.shields.io/badge/Tweet-Practice_Modern_JavaScript-1da1f2.svg?style=flat-square&maxAge=2592000)](https://twitter.com/intent/retweet?tweet_id=726917916843601920&related=abhisek%3ACreator,babeljs%3ATranspiler)

[![Gitter chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/abhisekp/ComputerEnthusiasts)

##  Table of Contents

- [Requirements](#req)

- [Installation Instructions](#install)

 - [Nodemon](#nodemon)

 - [Dependencies](#dependencies)

- [How to Use](#usage)

 - [Watch](#watch)

 - [Write](#write)

 - [Output](#output)

- [Examples](#examples)

 - [Example 1](#example-1)

 - [Example 2](#example-2)

- [Technologies Used](#techs)

- [Help & Support](#help)

- [Contributors](#contrib)

- [License](#license)

- [Contact](#contact)

## Requirements ⮭

- Latest [**NodeJS**](http://nodejs.org) (>= v6)

## Installation ⮭

[1.](#nodemon) **Install `nodemon`** globally for watching for file changes while running the code :beginner: :package:

  ```sh

  $ npm install -g nodemon # npm i -g nodemon

  ```

[2.](#dependencies) **Install all dependencies** :beginner: :package:

  ```sh

  $ yarn install

  ```

## Usage ⮭

[1.](#watch) **Start watching** for file changes :eyes:

  ```sh

  $ yarn run watch # yarn start

  ```

[2.](#write) **Start writing** modern JavaScript in **`src/index.js`** file :memo:

  ```js

  // my-module.js

  export const name = 'My Module'

  ```

  ```js

  // index.js

  import * as myModule from './my-module'

  console.log(myModule.name) // 'My Module'

  ```

[3.](#output) **Enjoy** the output :joy:

  ```sh

  $ yarn start

  My Module

  ```

## Examples

[1.](#example-1) **Example 1** ⮭

  ```js

  // async-await.js

  const prom = new Promise(resolve => {

    resolve(`Hello`)

  })

  const longRun = async () => {

    const res = await prom

    console.log(res)

  }

  longRun()

  ```

[2.](#example-2) **Example 2** ⮭

  ```js

  // array-includes.js

  const includes3 = [1, 3, 4].includes(3)

  console.log(includes3)

  ```

## Technologies Used ⮭

- [**Babel**](http://babeljs.io) — Transpiles modern JS to compatible and runnable JS

- [**babel-preset-modern-node**](https://github.com/michaelcontento/babel-preset-modern-node) — A preset for Babel with required plugins

## Help & Support ⮭

- [**BabelJS**](https://babeljs.slack.com) — BabelJS Slack Chat Room

- [**FreeCodeCamp/FreeCodeCamp**](https://gitter.im/FreeCodeCamp/FreeCodeCamp) — FreeCodeCamp Gitter Chat Room

- [**nodejs/node**](https://gitter.im/nodejs/node) — NodeJS Gitter Chat Room

## Contributors ⮭

| [![Abhisek Pattnaik](https://avatars.githubusercontent.com/u/1029200?v=3&s=100)
_{Abhisek Pattnaik}](http://about.me/abhisekp)
[💻](https://github.com/abhisekp/Practice-Modern-JavaScript/commits?author=abhisekp) 🎨 [📖](https://github.com/abhisekp/Practice-Modern-JavaScript/commits?author=abhisekp) 💡 |

| :---: |

This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors#emoji-key) specification.

> **All types of Contributions are Welcome** :pray:

## License ⮭

[**MIT**](LICENSE) © [**Abhisek Patnaik**](https://github.com/abhisekp)

> ----





Tweet  @abhisek


Know about/abhisekp


Chat with 

 @abhisekp



> ----



 Table of Contents ⮭


 back to top ⮭

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/abhisekp/practice-modern-javascript

Awesome Lists containing this project

README