https://programmingmentor.com/tags/javascript/ Recent content in Javascript on programming mentor Hugo -- gohugo.io en-us Tue, 03 Apr 2018 10:54:24 +0200 https://programmingmentor.com/post/dialogflow-bot/ Tue, 03 Apr 2018 10:54:24 +0200 https://programmingmentor.com/post/dialogflow-bot/ Description Google Codelabs screencast: Using DialogFlow to code voice-controlled Google Assistant Bot that tells BitCoin price Link to the lab: https://codelabs.developers.google.com/codelabs/your-first-action-on-google-with-webhook/#0 Tech Stack Used: DialogFlow, JavaScript, JSON, Google Assistant IDE: Visual Studio Code You can test bot with your hands here: https://bot.dialogflow.com/bitcoin-price. To see how it works, click on mic and ask bot tell bitcoin price by voice or type question from keyboard. https://programmingmentor.com/post/simplest-explanation-quicksort-js/ Sat, 09 Dec 2017 10:27:24 +0200 https://programmingmentor.com/post/simplest-explanation-quicksort-js/ Let’s sort by hand Assume we have an array of random numbers and we need to sort it using QuickSort algorithm: [5, 2, 7, 9, 6, 1, 4, 5, 0] We need to create function qsort that will get an array as an argument and will return sorted array. That’s how the call to the function will look like: qsort([5, 2, 7, 9, 6, 1, 4, 5, 0]); Let’s go inside the function and inspect how it will sort the array. https://programmingmentor.com/post/webpack-practice-intro/ Tue, 04 Jul 2017 11:54:24 +0200 https://programmingmentor.com/post/webpack-practice-intro/ Key Concepts Modern front-end projects become very complex and include multiple modules of different kind. Such tools as webpack called module bundlers help developers to make process of consuming modules manageable. Configuration file webpack.config.js webpack uses file webpack.config.js that holds configuration for the project. The configuration itself is stored into configuration object that should be assigned to module.exports property: Sample starting point for webpack.config.js: module.exports = {}; Entry Entry point is the starting point for graph of dependencies that webpack builds while creating bundle. https://programmingmentor.com/post/setup-babel/ Tue, 11 Apr 2017 10:54:24 +0200 https://programmingmentor.com/post/setup-babel/ Installation Make sure latest node.js installed and npm updated. Init package.json: npm init -y Install babel: npm install --save-dev babel-cli babel-preset-env Install polyfill: npm install --save babel-polyfill Configure Create .babelrc: { "presets": ["env"] } Add entry to scripts section of package.json file: "babel": "babel src -d dist" Create html and js Create src folder for source files and dist for transpiled output. Create file src/index.js written in ES2015: const greetings = `Hello World! https://programmingmentor.com/post/setup-traceur/ Tue, 11 Apr 2017 09:19:24 +0200 https://programmingmentor.com/post/setup-traceur/ Install Traceur Make sure you have node.js installed and npm updated. Create package.json file: npm init -y Install Traceur with the following command: npm i --save-dev traceur Configure Add traceur to scripts section of package.json: traceur --script src/index.js --out dist/index.js --outputLanguage es5 --source-maps file --source-root true Create html and js Create src folder for source files and dist for transpiled output. Create file src/index.js written in ES2015: const greetings = `Hello World!