{"id":16590973,"url":"https://github.com/abhisekp/practice-modern-javascript","last_synced_at":"2025-07-15T04:09:30.163Z","repository":{"id":8276881,"uuid":"57553451","full_name":"abhisekp/Practice-Modern-JavaScript","owner":"abhisekp","description":":gem: :ribbon: A boilerplate to setup and Practice Modern JavaScript","archived":false,"fork":false,"pushed_at":"2024-09-08T10:36:52.000Z","size":1009,"stargazers_count":12,"open_issues_count":304,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-07-11T10:09:00.180Z","etag":null,"topics":["babel","boilerplate","javascript","modern","nodejs","practice"],"latest_commit_sha":null,"homepage":"https://github.com/abhisekp/Practice-Modern-JavaScript#app-top","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/abhisekp.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-05-01T06:24:10.000Z","updated_at":"2024-09-07T12:47:25.000Z","dependencies_parsed_at":"2024-09-08T12:24:22.760Z","dependency_job_id":"d210b7b5-27bf-4e09-89e5-88b06b11d45c","html_url":"https://github.com/abhisekp/Practice-Modern-JavaScript","commit_stats":null,"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"purl":"pkg:github/abhisekp/Practice-Modern-JavaScript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abhisekp%2FPractice-Modern-JavaScript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abhisekp%2FPractice-Modern-JavaScript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abhisekp%2FPractice-Modern-JavaScript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abhisekp%2FPractice-Modern-JavaScript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/abhisekp","download_url":"https://codeload.github.com/abhisekp/Practice-Modern-JavaScript/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abhisekp%2FPractice-Modern-JavaScript/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265402611,"owners_count":23759192,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["babel","boilerplate","javascript","modern","nodejs","practice"],"created_at":"2024-10-11T23:14:56.517Z","updated_at":"2025-07-15T04:09:30.121Z","avatar_url":"https://github.com/abhisekp.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \u003ca id=\"app-top\"\u003e\u003c/a\u003e Practice Modern JavaScript [![MIT License](https://img.shields.io/badge/-MIT-56A902.svg?style=flat-square\u0026maxAge=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\u0026related=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)\nA boilerplate to setup and practice Modern JavaScript  \n\n[![](http://i.imgur.com/rzyanJt.gif)](#app-top)  \n\n[![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\u0026maxAge=2592000)](LICENSE)  \n[![Practice Modern JavaScript Download](https://img.shields.io/badge/Download-Practice_Modern_JavaScript_🚀-9055A2.svg?style=flat-square\u0026maxAge=2592000)](https://github.com/abhisekp/Practice-Modern-JavaScript/archive/master.zip)  \n[![Practice Modern JavaScript Tweet](https://img.shields.io/badge/Tweet-Practice_Modern_JavaScript-1da1f2.svg?style=flat-square\u0026maxAge=2592000)](https://twitter.com/intent/retweet?tweet_id=726917916843601920\u0026related=abhisek%3ACreator,babeljs%3ATranspiler)\n\n[![Gitter chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/abhisekp/ComputerEnthusiasts)\n\n## \u003ca id=\"toc\"\u003e\u003c/a\u003e Table of Contents\n- [Requirements](#req)\n- [Installation Instructions](#install)\n - [Nodemon](#nodemon)\n - [Dependencies](#dependencies)\n- [How to Use](#usage)\n - [Watch](#watch)\n - [Write](#write)\n - [Output](#output)\n- [Examples](#examples)\n - [Example 1](#example-1)\n - [Example 2](#example-2)\n- [Technologies Used](#techs)\n- [Help \u0026 Support](#help)\n- [Contributors](#contrib)\n- [License](#license)\n- [Contact](#contact)\n\n## \u003ca id=\"req\"\u003e\u003c/a\u003eRequirements \u003ca href=\"#toc\" title=\"Table of Contents\"\u003e\u003ckbd\u003e⮭\u003c/kbd\u003e\u003c/a\u003e\n\n- Latest [**NodeJS**](http://nodejs.org) (\u003e= v6)\n\n## \u003ca id=\"install\"\u003e\u003c/a\u003eInstallation \u003ca href=\"#toc\" title=\"Table of Contents\"\u003e\u003ckbd\u003e⮭\u003c/kbd\u003e\u003c/a\u003e\n\n\n[1.](#nodemon)\u003ca id=\"nodemon\"\u003e\u003c/a\u003e **Install `nodemon`** globally for watching for file changes while running the code :beginner: :package:\n\n  ```sh\n  $ npm install -g nodemon # npm i -g nodemon\n  ```\n\n[2.](#dependencies)\u003ca id=\"dependencies\"\u003e\u003c/a\u003e **Install all dependencies** :beginner: :package:\n\n  ```sh\n  $ yarn install\n  ```\n\n## \u003ca id=\"usage\"\u003e\u003c/a\u003eUsage \u003ca href=\"#toc\" title=\"Table of Contents\"\u003e\u003ckbd\u003e⮭\u003c/kbd\u003e\u003c/a\u003e\n\n[1.](#watch) \u003ca id=\"watch\"\u003e\u003c/a\u003e**Start watching** for file changes :eyes:\n\n  ```sh\n  $ yarn run watch # yarn start\n  ```\n\n[2.](#write) \u003ca id=\"write\"\u003e\u003c/a\u003e**Start writing** modern JavaScript in **`src/index.js`** file :memo:\n\n  ```js\n  // my-module.js\n  export const name = 'My Module'\n  ```\n\n  ```js\n  // index.js\n  import * as myModule from './my-module'\n\n  console.log(myModule.name) // 'My Module'\n  ```\n\n[3.](#output) \u003ca id=\"output\"\u003e\u003c/a\u003e**Enjoy** the output :joy:\n\n  ```sh\n  $ yarn start\n  My Module\n  ```\n\n## \u003ca id=\"examples\"\u003e\u003c/a\u003eExamples\n\n[1.](#example-1) \u003ca id=\"example-1\"\u003e\u003c/a\u003e**Example 1** \u003ca href=\"#toc\" title=\"Table of Contents\"\u003e\u003ckbd\u003e⮭\u003c/kbd\u003e\u003c/a\u003e\n\n  ```js\n  // async-await.js\n  const prom = new Promise(resolve =\u003e {\n    resolve(`Hello`)\n  })\n\n  const longRun = async () =\u003e {\n    const res = await prom\n    console.log(res)\n  }\n\n  longRun()\n  ```\n\n[2.](#example-2) \u003ca id=\"example-2\"\u003e\u003c/a\u003e**Example 2** \u003ca href=\"#toc\" title=\"Table of Contents\"\u003e\u003ckbd\u003e⮭\u003c/kbd\u003e\u003c/a\u003e\n  ```js\n  // array-includes.js\n  const includes3 = [1, 3, 4].includes(3)\n  console.log(includes3)\n  ```\n\n## \u003ca id=\"techs\"\u003e\u003c/a\u003eTechnologies Used \u003ca href=\"#toc\" title=\"Table of Contents\"\u003e\u003ckbd\u003e⮭\u003c/kbd\u003e\u003c/a\u003e\n- [**Babel**](http://babeljs.io) — Transpiles modern JS to compatible and runnable JS\n- [**babel-preset-modern-node**](https://github.com/michaelcontento/babel-preset-modern-node) — A preset for Babel with required plugins\n\n\n## \u003ca id=\"help\"\u003e\u003c/a\u003eHelp \u0026 Support \u003ca href=\"#toc\" title=\"Table of Contents\"\u003e\u003ckbd\u003e⮭\u003c/kbd\u003e\u003c/a\u003e\n- [**BabelJS**](https://babeljs.slack.com) — BabelJS Slack Chat Room\n- [**FreeCodeCamp/FreeCodeCamp**](https://gitter.im/FreeCodeCamp/FreeCodeCamp) — FreeCodeCamp Gitter Chat Room\n- [**nodejs/node**](https://gitter.im/nodejs/node) — NodeJS Gitter Chat Room\n\n\n## \u003ca id=\"contrib\"\u003e\u003c/a\u003eContributors \u003ca href=\"#toc\" title=\"Table of Contents\"\u003e\u003ckbd\u003e⮭\u003c/kbd\u003e\u003c/a\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n| [![Abhisek Pattnaik](https://avatars.githubusercontent.com/u/1029200?v=3\u0026s=100)\u003cbr /\u003e\u003csub\u003eAbhisek Pattnaik\u003c/sub\u003e](http://about.me/abhisekp)\u003cbr /\u003e[💻](https://github.com/abhisekp/Practice-Modern-JavaScript/commits?author=abhisekp) 🎨 [📖](https://github.com/abhisekp/Practice-Modern-JavaScript/commits?author=abhisekp) 💡 |\n| :---: |\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\nThis project follows the [all-contributors](https://github.com/kentcdodds/all-contributors#emoji-key) specification.\n\n\u003e **All types of Contributions are Welcome** :pray:\n\n## \u003ca id=\"license\"\u003e\u003c/a\u003eLicense \u003ca href=\"#toc\" title=\"Table of Contents\"\u003e\u003ckbd\u003e⮭\u003c/kbd\u003e\u003c/a\u003e\n\n[**MIT**](LICENSE) © [**Abhisek Patnaik**](https://github.com/abhisekp)\n\n\u003e ----\n\u003ca id=\"contact\"\u003e\u003c/a\u003e\n\u003cp align=\"center\"\u003e\nTweet \u003ckbd\u003e\u003ca href=\"https://twitter.com/abhisek\"\u003e\u003cb\u003e\u003cimg src=\"https://i.imgur.com/wOPZd0Y.png?1\"\u003e @abhisek\u003c/b\u003e\u003c/a\u003e\u003c/kbd\u003e\u003cbr\u003e\nKnow \u003ckbd\u003e\u003cb\u003e\u003ca href=\"https://about.me/abhisekp\"\u003eabout/abhisekp\u003c/a\u003e\u003c/b\u003e\u003c/kbd\u003e\u003cbr\u003e\nChat with \u003ckbd\u003e\u003ca href=\"https://gitter.im/abhisekp\"\u003e\n\u003cimg src=\"https://i.imgur.com/ThSWa6Y.png?2\"\u003e \u003cb\u003e@abhisekp\u003c/b\u003e\u003c/a\u003e\u003c/kbd\u003e\n\u003c/p\u003e\n\n\u003e ----\n\n\u003cdiv align=\"right\"\u003e\n \u003ca href=\"#toc\" title=\"Table of Contents\"\u003e\u003ckbd\u003e\u003cb\u003eTable of Contents ⮭\u003c/b\u003e\u003c/kbd\u003e\u003c/a\u003e\u003cbr\u003e\n \u003ca href=\"#app-top\"\u003e\u003ckbd\u003e\u003cb\u003eback to top ⮭\u003c/b\u003e\u003c/kbd\u003e\u003c/a\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabhisekp%2Fpractice-modern-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabhisekp%2Fpractice-modern-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabhisekp%2Fpractice-modern-javascript/lists"}