A timeout in JavaScript is a useful tool to asynchronously delay the execution of the function. It requires 2 arguments:\nthe function that you’d like to set for the async execution, and the delay after which the function will be called.<\/p>"},{"title":"How to capitalize first letter of every word with JavaScript","link":"https:\/\/learn.coderslang.com\/0207-how-to-capitalize-every-word-with-javascript\/","pubDate":"Thu, 04 Aug 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0207-how-to-capitalize-every-word-with-javascript\/","description":"In this tutorial you’ll learn how to change the first letter of every word to upper case using JavaScript.\nCapitalizing with split, for loop and join If you’re just getting started with JavaScript, then I suggest the most obvious step-by step approach to capitalizing each word in string."},{"title":"How to check the latest version of the npm package","link":"https:\/\/learn.coderslang.com\/0206-how-to-check-the-latest-version-of-the-npm-package\/","pubDate":"Wed, 03 Aug 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0206-how-to-check-the-latest-version-of-the-npm-package\/","description":"If you’re looking to find out what’s the latest version of a certain package, you can quickly check this information right in your terminal with the command npm view.\nHere’s how you can check the latest version of express:"},{"title":"How to find the version of any installed npm package","link":"https:\/\/learn.coderslang.com\/0205-how-to-find-the-version-of-any-installed-npm-package\/","pubDate":"Tue, 02 Aug 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0205-how-to-find-the-version-of-any-installed-npm-package\/","description":"In this short tutorial you’ll learn how to check the version of any installed npm package including the ones that have been installed globally using the -g flag.\nLocally installed packages To check the current versions of the npm packages for your project, you should navigate to the project directory where your package."},{"title":"How to update all npm package.json dependencies to the latest version","link":"https:\/\/learn.coderslang.com\/0204-how-to-update-all-npm-package.json-dependencies-to-the-latest-version\/","pubDate":"Mon, 01 Aug 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0204-how-to-update-all-npm-package.json-dependencies-to-the-latest-version\/","description":"It’s essential to keep all the node modules of your project up to date as the security patches go out.\nIn this short tutorial I’ll teach you how to update all the node_modules to the latest version with a single command."},{"title":"The difference between dependencies and devDependencies in package.json","link":"https:\/\/learn.coderslang.com\/0202-the-difference-between-dependencies-and-devdependencies-in-package.json\/","pubDate":"Thu, 02 Jun 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0202-the-difference-between-dependencies-and-devdependencies-in-package.json\/","description":"The file package.json is an integral part of every Node.js project. It stores all the dependencies that your project needs.\nAll the dependencies (most often open-source npm modules) are split into two categories: production dependencies and development dependencies."},{"title":"4 JavaScript array functions that every Junior must know","link":"https:\/\/learn.coderslang.com\/0201-the-most-useful-array-methods-in-javascript\/","pubDate":"Wed, 01 Jun 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0201-the-most-useful-array-methods-in-javascript\/","description":"If you’re new to JavaScript arrays, you’d be surprised how many useful built-in functions they have.\nToday, I’ll show you 4 of them.\nYou can also get a deeper dive into a specific topic by reading dedicated articles:"},{"title":"How to transform a JS array with \"map\"","link":"https:\/\/learn.coderslang.com\/0200-how-to-transform-a-js-array-with-map\/","pubDate":"Fri, 20 May 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0200-how-to-transform-a-js-array-with-map\/","description":"In this tutorial you’ll learn how you can use the function map to transform the JavaScript array by applying a mapping function to all of its elements.\nThe biggest drawback of the forEach loop is that it doesn’t return anything useful."},{"title":"How to reduce a JavaScript array to a single value","link":"https:\/\/learn.coderslang.com\/0199-how-to-reduce-js-array-to-a-single-value\/","pubDate":"Thu, 19 May 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0199-how-to-reduce-js-array-to-a-single-value\/","description":"The reduce function is the most complex of the standard JavaScript array functions. With reduce, you can compress (reduce) an array to one element.\nFor the reduce function to work properly, you’ll need 2 parameters \u2014 the reducer function and the initial value."},{"title":"How to filter out array elements in JS","link":"https:\/\/learn.coderslang.com\/0198-how-to-filter-out-array-elements-in-js\/","pubDate":"Wed, 18 May 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0198-how-to-filter-out-array-elements-in-js\/","description":"The built-in array function filter will help you filter out the unwanted elements from the array and return a new array consisting only of suitable items.\nTo work correctly, the filter function accepts a parameter called “filtering function” or “filtering predicate”."},{"title":"How to iterate over the array in JavaScript with forEach","link":"https:\/\/learn.coderslang.com\/0197-iterate-over-the-array-in-javascript-with-foreach\/","pubDate":"Tue, 17 May 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0197-iterate-over-the-array-in-javascript-with-foreach\/","description":"Iterating over the elements of the array in JavaScript is a very common task. In this tutorial you’ll learn how to use the built-in array function forEach to go over all array elements."},{"title":"What is the --save option for npm install","link":"https:\/\/learn.coderslang.com\/0196-what-is-the-save-option-for-npm-install\/","pubDate":"Mon, 09 May 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0196-what-is-the-save-option-for-npm-install\/","description":"The --save option for npm install or npm i allows you to add the npm module you’re installing to the file package.json. This way it’ll become one of the project dependencies and will be automatically installed the next time you run npm install."},{"title":"What is the difference between ~ and ^ in package.json?","link":"https:\/\/learn.coderslang.com\/0195-what-is-the-difference-between-~-and-in-package.json\/","pubDate":"Sat, 19 Feb 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0195-what-is-the-difference-between-~-and-in-package.json\/","description":"Node package manager supports semantic versioning. To take full advantage of it, you can use the symbols tilde(~) or caret(^).\nTilde(~) means approximately equivalent to version.\n"moment": "~2.29.1" In this example npm install will pick up the latest release of the module moment starting from 2."},{"title":"Check for an empty value in JavaScript","link":"https:\/\/learn.coderslang.com\/0194-check-for-an-empty-value-in-js\/","pubDate":"Tue, 08 Feb 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0194-check-for-an-empty-value-in-js\/","description":"When I started learning JS, one of the most powerful tools I discovered, was the ability to check if a variable is empty.\nMy definition of emptiness was hardly a scientific one as I didn’t mean to check if it was defined or not."},{"title":"Get random integer in a range using JavaScript","link":"https:\/\/learn.coderslang.com\/0193-get-random-integer-in-a-range-with-javascript\/","pubDate":"Mon, 07 Feb 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0193-get-random-integer-in-a-range-with-javascript\/","description":"Similarly to generating a random float number within the specific range, you can write a function to get a random integer with a range.\nfunction getRandomIntegerInRange(min, max) { return Math.floor(Math.random() * (Math."},{"title":"How to prepend a value to the beginning of a JS array","link":"https:\/\/learn.coderslang.com\/0192-how-to-prepend-a-value-to-the-beginning-of-a-js-array\/","pubDate":"Sun, 06 Feb 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0192-how-to-prepend-a-value-to-the-beginning-of-a-js-array\/","description":"
To add a new value to the beginning of the JS array, you can use the function Nothing can be simpler than comparing two numbers. However, there are some details that you need to know about\ncomparing numbers in JS.<\/p>"},{"title":"Zero and Minus Zero in JavaScript","link":"https:\/\/learn.coderslang.com\/0189-zero-and-minus-zero-in-javascript\/","pubDate":"Thu, 03 Feb 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0189-zero-and-minus-zero-in-javascript\/","description":" In JavaScript, there are 2 different zeros. A regular You can check strict equality in JavaScript using the operator There are multiple ways you can remove duplicates from a JS array. My favorite one is by using a You can use the function The object To generate a random string in JS you should start by defining the set of characters that will be used to generate\nthat random string. Let’s go!<\/p>"},{"title":"Set default parameter values for JavaScript functions","link":"https:\/\/learn.coderslang.com\/0177-set-default-parameter-values-for-javascript-functions\/","pubDate":"Sat, 22 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0177-set-default-parameter-values-for-javascript-functions\/","description":" You can add different default values to your JavaScript functions with a simple trick. Let’s see how it works.<\/p>"},{"title":"How to encode a URL in JavaScript","link":"https:\/\/learn.coderslang.com\/0176-how-to-encode-a-url-in-javascript\/","pubDate":"Fri, 21 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0176-how-to-encode-a-url-in-javascript\/","description":"You can use built-in JavaScript functions encodeURIComponent(str), encodeURI(str) or escape(str) to encode your URLs.\nHere’s how you can use it.\nconst urlParam = 'https:\/\/google.com'; const encodedURL = "https:\/\/coderslang.com?ref=" + encodeURIComponent(urlParam); console."},{"title":"How to get current date in JavaScript","link":"https:\/\/learn.coderslang.com\/0175-how-to-get-current-date-in-javascript\/","pubDate":"Thu, 20 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0175-how-to-get-current-date-in-javascript\/","description":" There are 2 ways you can get current date in JavaScript. You can just create a new You can append new values to a JS array using the function In JavaScript there are 2 distinct scenarios when the object property can be undefined. Let’s look into them\nand find out how to check for undefined fields in JS objects.<\/p>"},{"title":"How to check if a variable is an array in JavaScript","link":"https:\/\/learn.coderslang.com\/0167-how-to-check-if-a-variable-is-an-array-in-javascript\/","pubDate":"Thu, 13 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0167-how-to-check-if-a-variable-is-an-array-in-javascript\/","description":" If you try to apply the Double negation is a common JavaScript trick that allow you to convert different types to boolean.\nHere’s how double negation works in JS.<\/p>"},{"title":"How to copy to clipboard in JavaScript","link":"https:\/\/learn.coderslang.com\/0164-how-to-copy-to-clipboard-in-javascript\/","pubDate":"Mon, 10 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0164-how-to-copy-to-clipboard-in-javascript\/","description":" There are 3 main ways you can copy something to clipboard with JavaScript. The main one is the Async Clipboard API<\/em>.\nIt reads the text from DOM and places it on the clipboard.<\/p>"},{"title":"How to get a timestamp in JavaScript","link":"https:\/\/learn.coderslang.com\/0163-how-to-get-a-timestamp-in-javascript\/","pubDate":"Sun, 09 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0163-how-to-get-a-timestamp-in-javascript\/","description":" Every date in JS can be represented as a number of milliseconds since Jan 1, 1970. Here’s how you can get the\ntimestamp value from any JavaScript date.<\/p>"},{"title":"Validate an email address with a JavaScript regular expression","link":"https:\/\/learn.coderslang.com\/0162-validate-an-email-address-with-a-javascript-regular-expression\/","pubDate":"Sat, 08 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0162-validate-an-email-address-with-a-javascript-regular-expression\/","description":" In JavaScript, the best way to reliably verify that a string is a valid email is by using a regular expression.\nHere’s how it’s done.<\/p>"},{"title":"How to deep clone JavaScript objects efficiently","link":"https:\/\/learn.coderslang.com\/0161-deep-cloning-of-javascript-objects\/","pubDate":"Fri, 07 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0161-deep-cloning-of-javascript-objects\/","description":" Learn how you can implement fast deep cloning of objects in JavaScript.<\/p>"},{"title":"The difference between \"let\" and \"var\" in JavaScript","link":"https:\/\/learn.coderslang.com\/0160-the-difference-between-let-and-var-in-javascript\/","pubDate":"Thu, 06 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0160-the-difference-between-let-and-var-in-javascript\/","description":" Both Node Package Manager, or Learn how to print the whole array with JS and how to print individual elements of the JS array\nin both HTML (browser) and Node.js (server-side) environments.<\/p>"},{"title":"Show or Hide any HTML element with a Button Click","link":"https:\/\/learn.coderslang.com\/0153-show-or-hide-any-html-element-with-a-button-click\/","pubDate":"Thu, 30 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0153-show-or-hide-any-html-element-with-a-button-click\/","description":" To toggle (show\/hide) an HTML element with a button click you need to do one\nsimple trick in the You can disable any HTML button with JavaScript, by setting its A JavaScript You can add a line break to your JavaScript strings, by using the The The The problem with using async\/await in a The easiest way to remove a specific item from the JavaScript array is the So you have a bunch of Promises, and you want to proceed only when all of them are resolved. In JavaScript there are 2 main approaches to solving this.<\/p>"},{"title":"What is TypeScript and why should you use it?","link":"https:\/\/learn.coderslang.com\/0056-what-is-typescript-and-why-should-you-use-it\/","pubDate":"Thu, 13 May 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0056-what-is-typescript-and-why-should-you-use-it\/","description":"What is TypeScript? TypeScript is a programming language developed and maintained by Microsoft. It introduces additional features like strict type binding (variables are bound to specific data types) to JavaScript and can also be compiled down to JavaScript as well."},{"title":"JavaScript Interview Question #50: How does Intl.Collator work in JS","link":"https:\/\/learn.coderslang.com\/javascript-interview-50-intl.collator\/","pubDate":"Wed, 24 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/javascript-interview-50-intl.collator\/","description":"What is Intl.Collator and how does it work in JS? What\u2019s the difference between two sorts? What will be logged to the console?\n.\n.\n.\n.\n.\n.\n."},{"title":"JavaScript Interview Question #49: Add a new array element by index","link":"https:\/\/learn.coderslang.com\/javascript-interview-49-add-array-element-by-index\/","pubDate":"Sun, 21 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/javascript-interview-49-add-array-element-by-index\/","description":"Will the length of the JS array change? What\u2019s the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nAll JavaScript arrays have the push function."},{"title":"JavaScript Interview Question #48: Dog-sized Cat. JS Object Properties","link":"https:\/\/learn.coderslang.com\/javascript-interview-48-dog-sized-cat\/","pubDate":"Thu, 18 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/javascript-interview-48-dog-sized-cat\/","description":"How many errors are in this code snippet? What\u2019s the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nIn JavaScript there are two ways to get access to the object properties."},{"title":"JavaScript Interview Question #47: How Object.setPrototypeOf works in JS","link":"https:\/\/learn.coderslang.com\/javascript-interview-47-object.setprototypeof\/","pubDate":"Mon, 15 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/javascript-interview-47-object.setprototypeof\/","description":"What is Object.setPrototypeOf in JavaScript? How does it work? What\u2019s the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nTheory The function Object."},{"title":"JavaScript Interview Question #46: length of JS functions","link":"https:\/\/learn.coderslang.com\/javascript-interview-46-length-of-js-functions\/","pubDate":"Fri, 12 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/javascript-interview-46-length-of-js-functions\/","description":"What’s the value of the length field for JavaScript functions? What will be logged to the console?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n."},{"title":"JavaScript Interview Question #45: \u0421urrency formatting in JS","link":"https:\/\/learn.coderslang.com\/javascript-interview-45-currency-formatting\/","pubDate":"Tue, 09 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/javascript-interview-45-currency-formatting\/","description":"How to format a string into a local currency in JavaScript? What\u2019s the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n."},{"title":"JavaScript Interview Question #44: Number vs BigInt in JS","link":"https:\/\/learn.coderslang.com\/javascript-interview-44-number-vs-bigint\/","pubDate":"Sat, 06 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/javascript-interview-44-number-vs-bigint\/","description":"What happens if we add an n suffix to a regular number in JavaScript? What\u2019s the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n."},{"title":"JavaScript, synchronizing Promises with async\/await","link":"https:\/\/learn.coderslang.com\/0050-javascript-synchronizing-promises-with-async-and-await\/","pubDate":"Sat, 06 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0050-javascript-synchronizing-promises-with-async-and-await\/","description":"Promises are a very handy tool for organizing asynchronous code. But the human brain is much more accustomed to synchronous operations. We’d much rather prefer to do something, wait, and then continue instead of having to handle inherent complexity of asynchronous programming."},{"title":"JSON Tutorial for JavaScript and Node.js","link":"https:\/\/learn.coderslang.com\/0049-json-in-javascript-and-node.js\/","pubDate":"Fri, 05 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0049-json-in-javascript-and-node.js\/","description":"One of the most popular formats for exchanging data between backend and frontend is JSON which stands for JavaScript Object Notation. It is very similar to what regular JavaScript objects look like, but it also has its own quirks."},{"title":"Node.js, Express Middleware and External Access","link":"https:\/\/learn.coderslang.com\/0048-node.js-express-middleware-and-external-access\/","pubDate":"Thu, 04 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0048-node.js-express-middleware-and-external-access\/","description":"Great, we already have a production server and have done some tasks to better understand how it works. Now let’s take a look at middleware - one of the most important concepts of Express."},{"title":"Create your first Node.js server with Express backend","link":"https:\/\/learn.coderslang.com\/0047-node.js-create-your-first-express-server\/","pubDate":"Wed, 03 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0047-node.js-create-your-first-express-server\/","description":"In the last lecture, you saw the server-side analogy of the Hello, world that you wrote as your first task in VSCode. Our program was able to process the request and return a response, which was displayed by the browser."},{"title":"JavaScript Interview Question #43: Object.toString and Array.toString","link":"https:\/\/learn.coderslang.com\/javascript-interview-43-object.tostring-and-array.tostring\/","pubDate":"Wed, 03 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/javascript-interview-43-object.tostring-and-array.tostring\/","description":"What’s the difference between Object.toString and Array.toString in JavaScript? What\u2019s the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n A regular behavior of the JavaScript function Object."},{"title":"JavaScript Interview Question #42: How Math.max works in JS","link":"https:\/\/learn.coderslang.com\/javascript-interview-42-how-math.max-works-in-js\/","pubDate":"Sun, 28 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/javascript-interview-42-how-math.max-works-in-js\/","description":"How exactly Math.max works in JavaScript? What\u2019s the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nIn JavaScript, the function Math."},{"title":"JavaScript Interview Question #41: Increasing MAX_SAFE_INTEGER","link":"https:\/\/learn.coderslang.com\/javascript-interview-41-increasing-max_safe_integer\/","pubDate":"Thu, 25 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/javascript-interview-41-increasing-max_safe_integer\/","description":"True or false? What appears in the console?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nJavaScript uses the double precision floating point numbers even to represent integers."},{"title":"JS Interview #40: What is the type of `undefined` in JS?","link":"https:\/\/learn.coderslang.com\/js-test-40-typeof-undefined\/","pubDate":"Mon, 22 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-40-typeof-undefined\/","description":"What’s the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nIn JavaScript, the typeof operator always returns a string.\nSo, even though typeof undefined evaluates to undefined, it\u2019s a string and not the primitive undefined value."},{"title":"JS Interview #39: How does `setTimeout` work inside the `for` loop?","link":"https:\/\/learn.coderslang.com\/js-test-39-delayed-log-inside-the-loop\/","pubDate":"Fri, 19 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-39-delayed-log-inside-the-loop\/","description":"What will be logged to the console?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nBefore we analyze the code snippet, let\u2019s try to simplify it by removing the setTimeout."},{"title":"JavaScript, using Math.floor to round a number","link":"https:\/\/learn.coderslang.com\/0033-javascript-using-math.floor-to-round-a-number\/","pubDate":"Wed, 17 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0033-javascript-using-math.floor-to-round-a-number\/","description":"In JavaScript there are a couple of ways of rounding a number. The function Math.floor rounds the number down. It accepts a number n and returns the biggest integer that’s less than or equal n."},{"title":"JS Interview #38: Can you add multiple arrays in JavaScript?","link":"https:\/\/learn.coderslang.com\/js-test-38-adding-3-arrays-of-integers\/","pubDate":"Tue, 16 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-38-adding-3-arrays-of-integers\/","description":"Can you add multiple arrays in JavaScript? What\u2019s the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nThe function add(x, y, z) applies the + operator to the provided arguments."},{"title":"JavaScript, calculate a square root using Math.sqrt()","link":"https:\/\/learn.coderslang.com\/0031-javascript-calculate-square-root-with-math.sqrt\/","pubDate":"Mon, 15 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0031-javascript-calculate-square-root-with-math.sqrt\/","description":"To calculate the square root of the number in JavaScript, you can use the function Math.sqrt(). You pass in a number, and it returns the square root of this number."},{"title":"JavaScript, remove last character from a string","link":"https:\/\/learn.coderslang.com\/0030-javascript-remove-last-character-from-a-string\/","pubDate":"Sun, 14 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0030-javascript-remove-last-character-from-a-string\/","description":"JavaScript strings are immutable. This means that once the string was created it can\u2019t be changed. When you need to remove the last character from a string in JavaScript, you should create a new string without this character."},{"title":"How to use Promise chains in JavaScript","link":"https:\/\/learn.coderslang.com\/0029-javascript-promise-chains\/","pubDate":"Sat, 13 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0029-javascript-promise-chains\/","description":" Asynchronous programming in JavaScript in unimaginable without Promises and Promise chains.\nIn this tutorial you\u2019ll learn how to create JavaScript Promises<\/strong>, how to handle promise chains<\/strong> and utilise the functions Promise.all<\/strong> and Promise.race<\/strong>.<\/p>"},{"title":"JS Interview #37: What is the type of a single argument provided to the split function?","link":"https:\/\/learn.coderslang.com\/js-test-37-typeof-args\/","pubDate":"Sat, 13 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-37-typeof-args\/","description":"What’s the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nIn this code snipped, all the arguments provided to the function split will be collected and placed in a single array args."},{"title":"140 HTML colors with HEX, RGB codes and names","link":"https:\/\/learn.coderslang.com\/0028-html-colors-with-names-hex-and-rgb-codes\/","pubDate":"Fri, 12 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0028-html-colors-with-names-hex-and-rgb-codes\/","description":"With so many colors to choose from, it can be tough to decide which one to use for your website or blog. But with a little help from this list of 140 HTML colors, you can find the perfect color for your next project."},{"title":"JavaScript, asynchronous programming and Promise","link":"https:\/\/learn.coderslang.com\/0027-javascript-asynchronous-programming-and-promises\/","pubDate":"Thu, 11 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0027-javascript-asynchronous-programming-and-promises\/","description":" In this tutorial, you\u2019ll learn what are the promises in JS, which states can the JavaScript Promise be in and how to handle asynchronous errors in JS promises.<\/p>"},{"title":"JavaScript setInterval, how to schedule repeated execution with the delay","link":"https:\/\/learn.coderslang.com\/0026-javascript-setinterval-repeated-execution-with-a-delay\/","pubDate":"Wed, 10 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0026-javascript-setinterval-repeated-execution-with-a-delay\/","description":"Similarly to setTimeout, that executes the callback function once, you can start the repeated execution of the function in JavaScript using setInterval.\nStarting setInterval timer In JS, setInterval has the same params as setTimeout."},{"title":"JS Interview #36: Can you add a new property to the JS array?","link":"https:\/\/learn.coderslang.com\/js-test-36-adding-new-properties-to-array-in-javascript\/","pubDate":"Wed, 10 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-36-adding-new-properties-to-array-in-javascript\/","description":"Does the new array property affect its length? Is such an assignment valid at all?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n."},{"title":"JavaScript setTimeout, how to delay the function execution","link":"https:\/\/learn.coderslang.com\/0025-javascript-settimeout-delay-the-function-execution\/","pubDate":"Tue, 09 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0025-javascript-settimeout-delay-the-function-execution\/","description":"By default, all JavaScript code runs synchronously. This means that the statements are evaluated from top to bottom, one after another.\nconsole.log('hello'); console.log('synchronous'); console.log('world'); The strings will be printed to the console in the same order as they appear."},{"title":"What is rimraf and how to use it in Node.js","link":"https:\/\/learn.coderslang.com\/0024-what-is-rimraf-and-how-to-use-it\/","pubDate":"Mon, 08 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0024-what-is-rimraf-and-how-to-use-it\/","description":"The rimraf command is an alternative to the Linux command rm -rf. It allows you to do deep recursive deletion of files and folders.\nGlobal rimraf installation You can install rimraf globally using npm."},{"title":"JS Interview #35: What is faster, zero timeout or immediate resolve?","link":"https:\/\/learn.coderslang.com\/js-test-35-zero-timeout-vs-immediate-resolve\/","pubDate":"Sun, 07 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-35-zero-timeout-vs-immediate-resolve\/","description":"What’s the order of the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nBoth setTimeout and Promise.resolve are asynchronous actions, which means that the inner console."},{"title":"How to disable ESLint for some lines, files or folders","link":"https:\/\/learn.coderslang.com\/0023-eslint-disable-for-specific-lines-files-and-folders\/","pubDate":"Sat, 06 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0023-eslint-disable-for-specific-lines-files-and-folders\/","description":"ESLint - is a very convenient tool to control code quality. But, sometimes it\u2019s necessary to disable it. In this tutorial, you\u2019ll learn how to turn off ESLint for certain directories and files."},{"title":"4 ways to compare strings in JavaScript","link":"https:\/\/learn.coderslang.com\/0022-how-to-compare-strings-in-javascript\/","pubDate":"Fri, 05 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0022-how-to-compare-strings-in-javascript\/","description":" In this short JS tutorial, you\u2019ll learn how to compare strings and see code examples.<\/p>"},{"title":"JS Interview #34: Different ways to get current date in JavaScript","link":"https:\/\/learn.coderslang.com\/js-test-34-different-ways-to-get-current-date\/","pubDate":"Thu, 04 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-34-different-ways-to-get-current-date\/","description":"How do you prefer to get the current date in JS? What will be logged to the console?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n."},{"title":"How to fix the error `require is not defined` in Node.js","link":"https:\/\/learn.coderslang.com\/0021-nodejs-require-is-not-defined-error\/","pubDate":"Tue, 02 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0021-nodejs-require-is-not-defined-error\/","description":"Today I started writing a new project on Node.js and got this error on the very first run:\nconst express = require('express'); ^ ReferenceError: require is not defined at ModuleJob.run (node:internal\/modules\/esm\/module_job:152:23) at async Loader."},{"title":"JS Interview #33: Add two empty arrays and check the type","link":"https:\/\/learn.coderslang.com\/js-test-33-add-two-empty-arrays-and-check-the-type\/","pubDate":"Mon, 01 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-33-add-two-empty-arrays-and-check-the-type\/","description":"Array? Object? Undefined? What\u2019s the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nIn JavaScript, the + operator doesn\u2019t do the concatenation of arrays."},{"title":"How to solve JavaScript tasks in a professional IDE with hints","link":"https:\/\/learn.coderslang.com\/0020-how-to-solve-javascript-tasks-in-a-professional-ide-with-hints\/","pubDate":"Sun, 31 Jan 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0020-how-to-solve-javascript-tasks-in-a-professional-ide-with-hints\/","description":"To become a programmer, you need to code. And not on your smartphone or browser, but in a professional Interactive Development Environment (IDE).\nOne of the best features of CoderslangJS - is practical tasks with automatic verification."},{"title":"JS Interview #32: 0.1 + 0.1 + 0.1 === 0.3","link":"https:\/\/learn.coderslang.com\/js-test-32-basic-js-calculus\/","pubDate":"Fri, 29 Jan 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-32-basic-js-calculus\/","description":"What will be logged to the console?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nAt a first glance, the answer is true as 0."},{"title":"How to detect the user browser with JavaScript","link":"https:\/\/learn.coderslang.com\/0019-how-to-detect-the-user-browser-with-javascript\/","pubDate":"Thu, 28 Jan 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0019-how-to-detect-the-user-browser-with-javascript\/","description":" You can check which browser the user is running using plain JavaScript.<\/p>"},{"title":"JS Interview #31: Big or small","link":"https:\/\/learn.coderslang.com\/js-test-31-big-or-small\/","pubDate":"Tue, 26 Jan 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-31-big-or-small\/","description":"What’s the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nSo, there\u2019s an if statement and it\u2019s condition Math.max() > 0 is all we need to analyze."},{"title":"JS Interview #30: Reject inside resolve","link":"https:\/\/learn.coderslang.com\/js-test-30-reject-inside-resolve\/","pubDate":"Sat, 23 Jan 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-30-reject-inside-resolve\/","description":"What will be logged to the console? Will the finally block be executed?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n."},{"title":"JS Interview #29: Slice and dice","link":"https:\/\/learn.coderslang.com\/js-test-29-slice-and-dice\/","pubDate":"Wed, 20 Jan 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-29-slice-and-dice\/","description":"What’s happened to arr?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nArray.slice in JavaScript returns the shallow copy of the array."},{"title":"JS Interview #28: Resolve and reject at the same time","link":"https:\/\/learn.coderslang.com\/js-test-28-promise-resolution\/","pubDate":"Sun, 17 Jan 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-28-promise-resolution\/","description":"Can you resolve and reject the JS Promise at the same time? What will be printed to the console?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n."},{"title":"JS Interview #27: Handling errors in JavaScript Promise chains","link":"https:\/\/learn.coderslang.com\/js-test-27-handling-errors-in-promise-chains\/","pubDate":"Thu, 14 Jan 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-27-handling-errors-in-promise-chains\/","description":"Are there any differences between f1 and f2?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nThere are two ways of providing error handlers to the JavaScript Promises."},{"title":"JS Interview #26: Are these dates equal?","link":"https:\/\/learn.coderslang.com\/js-test-26-date-equality-in-javascript\/","pubDate":"Mon, 11 Jan 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-26-date-equality-in-javascript\/","description":"Equal or not?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nIn the first two lines we create new Date objects."},{"title":"JS Interview #25: Immediate Promise.resolve","link":"https:\/\/learn.coderslang.com\/js-test-25-immediate-resolve\/","pubDate":"Fri, 08 Jan 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-25-immediate-resolve\/","description":"How fast is Promise.resolve() in JavaScript? Which of the messages will be logged first?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n."},{"title":"JS Interview #24: Adding properties to strings in JavaScript","link":"https:\/\/learn.coderslang.com\/js-test-24-adding-properties-to-strings-in-javascript\/","pubDate":"Tue, 05 Jan 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-24-adding-properties-to-strings-in-javascript\/","description":"Can you add a custom field to a regular JS string? What\u2019s the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n."},{"title":"JS Interview #23: Array.splice","link":"https:\/\/learn.coderslang.com\/js-test-23-splicing-javascript-arrays\/","pubDate":"Sat, 02 Jan 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-23-splicing-javascript-arrays\/","description":"How many times can you splice the array in JavaScript?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nLet\u2019s start with the definition of splice."},{"title":"JS Interview #22: How `toString` works in JavaScript?","link":"https:\/\/learn.coderslang.com\/js-test-22-tostring-nuances-in-javascript\/","pubDate":"Wed, 30 Dec 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-22-tostring-nuances-in-javascript\/","description":"Let’s try to apply a generic toString function to a regular JavaScript array. What\u2019s the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n."},{"title":"JS Interview #21: ISO Date","link":"https:\/\/learn.coderslang.com\/js-test-21-iso-date\/","pubDate":"Sun, 27 Dec 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-21-iso-date\/","description":"How does the ISO date look in JavaScript? What will be logged to the console?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n."},{"title":"JS Interview #20: Can you sum arrays with objects in JavaScript?","link":"https:\/\/learn.coderslang.com\/js-test-20-plus\/","pubDate":"Thu, 24 Dec 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-20-plus\/","description":"What\u2019s the sum of an empty object and an empty array in JS? Is there any length to be found?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n."},{"title":"JS Interview #19: Catching the rejected Promise","link":"https:\/\/learn.coderslang.com\/js-test-19-catching-the-rejected-promise\/","pubDate":"Mon, 21 Dec 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-19-catching-the-rejected-promise\/","description":"Can you catch the Promise rejection in JS? Another unhandled rejection?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nIn JS, it\u2019s impossible to catch the unhandled promise rejection using the regular try\/catch blocks."},{"title":"JS Interview #18: What's the sum of two booleans in JavaScript?","link":"https:\/\/learn.coderslang.com\/js-test-18-adding-booleans\/","pubDate":"Fri, 18 Dec 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-18-adding-booleans\/","description":"Can you add booleans in JS? Is something false here? What will be logged to the screen?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n."},{"title":"JS Interview #17: Sum of two empty arrays in JavaScript","link":"https:\/\/learn.coderslang.com\/js-test-17\/","pubDate":"Tue, 15 Dec 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-17\/","description":"Is the sum of two arrays equal to false?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nTo analyze this code snippet we need to understand how type conversion works in JS."},{"title":"JS Interview #16: typeof NaN","link":"https:\/\/learn.coderslang.com\/js-test-16\/","pubDate":"Sat, 12 Dec 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-16\/","description":"What’s the type of Not a Number?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nIn JavaScript, NaN means Not a Number. This is a special value that appears whenever JS can\u2019t make sense of the numerical expression."},{"title":"JS Interview #15: Getter function","link":"https:\/\/learn.coderslang.com\/js-test-15\/","pubDate":"Wed, 09 Dec 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-15\/","description":"Can we use an arrow function as a getter in JavaScript? What’s going on and what will be logged to the console?\n.\n.\n.\n.\n.\n.\n.\n."},{"title":"JS Interview #14: 0.1 + 0.2 = ?","link":"https:\/\/learn.coderslang.com\/js-test-14\/","pubDate":"Sun, 06 Dec 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-14\/","description":"JavaScript math is weird. What\u2019s the output? True or false?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nInside the computer, all numbers are stored in the Binary Number System."},{"title":"JS Interview #13: Big number","link":"https:\/\/learn.coderslang.com\/js-test-13\/","pubDate":"Thu, 03 Dec 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-13\/","description":"We’re just logging a number, what can go wrong here?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nUnder the hood, there are no integers in JavaScript."},{"title":"Algorithms, Abstraction and Pseudocode","link":"https:\/\/learn.coderslang.com\/0017-algorithms-abstraction-and-pseudocode\/","pubDate":"Tue, 01 Dec 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0017-algorithms-abstraction-and-pseudocode\/","description":" “There are 10 types of people, those who understand the binary system and everyone else.” \u2014 Unknown Author<\/p>"},{"title":"JS Interview #12: Math.min()","link":"https:\/\/learn.coderslang.com\/js-test-12\/","pubDate":"Mon, 30 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-12\/","description":"How small is Math.min() in JavaScript?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nThe function Math.min() takes the variable number of arguments and returns the lowest number passed into it."},{"title":"Top 3 Reasons Why You Should Never Cheat When Learning to Code","link":"https:\/\/learn.coderslang.com\/0016-why-you-should-never-cheat-when-learning-to-code\/","pubDate":"Mon, 30 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0016-why-you-should-never-cheat-when-learning-to-code\/","description":"There are many reasons why you should never cheat while learning programming. Cheating can lead to frustration, decreased motivation, and even failure.\nWasted effort When you cheat, you are not really learning the material."},{"title":"How to do bit manipulation in JavaScript","link":"https:\/\/learn.coderslang.com\/0015-bitwise-operations-in-javascript\/","pubDate":"Sat, 28 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0015-bitwise-operations-in-javascript\/","description":" Bitwise operations aren\u2019t very common in JavaScript, but sometimes they\u2019re indispensable.<\/p>"},{"title":"JS Interview #11: Scope","link":"https:\/\/learn.coderslang.com\/js-test-11\/","pubDate":"Fri, 27 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-11\/","description":"Variables with the same name in JavaScript? What will be logged to the console?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n."},{"title":"JS Interview #10: null + undefined","link":"https:\/\/learn.coderslang.com\/js-test-10\/","pubDate":"Tue, 24 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-10\/","description":"What's the difference between `null` and `undefined` in JavaScript? What will be logged to the console?\t(think well, then click for the answer and explanation) In the first line, we evaluate null === null and the result is true."},{"title":"JS Interview #9: Promise.reject + try\/catch","link":"https:\/\/learn.coderslang.com\/js-test-9\/","pubDate":"Sat, 21 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-9\/","description":"Let's try to reject the promise inside of the JS `try\/catch`. Will we catch the error in the `catch` block? (think well, then click for the answer and explanation) Regular try\/catch blocks only catch errors that appear in the synchronous code."},{"title":"How to import and use npm modules","link":"https:\/\/learn.coderslang.com\/0014-how-to-import-and-use-npm-modules\/","pubDate":"Thu, 19 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0014-how-to-import-and-use-npm-modules\/","description":" Open source Node modules are very powerful as you can instantly get access to the functionality that you\u2019d otherwise have to write yourself. Learn how to import the module once you\u2019ve installed it.<\/p>"},{"title":"How to find and install open-source npm packages","link":"https:\/\/learn.coderslang.com\/0011-how-to-use-open-source-npm-packages\/","pubDate":"Wed, 18 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0011-how-to-use-open-source-npm-packages\/","description":" Node package manager or So, you\u2019ve built your Node.js backend with Express and now you need a clean and reliable approach to test it?<\/p>\n In this article, I\u2019ll show you how you can use the A detailed review of useful JS functions that will help you work with the JavaScript supports all basic arithmetic operations. In this guide, we’ll dive into them and see how do the regular Array.unshift<\/code>. Here’s how it works.<\/p>"},{"title":"Loose equality in JavaScript","link":"https:\/\/learn.coderslang.com\/0191-loose-equality-in-javascript\/","pubDate":"Sat, 05 Feb 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0191-loose-equality-in-javascript\/","description":"Loose equality in JS in a powerful tool that allows you to loosely compare different values. If the types of the values don’t match, JavaScript will do a typecast (most often to a string type) and then do the comparison."},{"title":"Rules for comparing numbers in JavaScript","link":"https:\/\/learn.coderslang.com\/0190-rules-for-comparing-numbers-in-javascript\/","pubDate":"Fri, 04 Feb 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0190-rules-for-comparing-numbers-in-javascript\/","description":"0<\/code> is a bit different from -0<\/code> in JS.<\/p>"},{"title":"Strict Equality in JavaScript","link":"https:\/\/learn.coderslang.com\/0188-strict-equality-in-javascript\/","pubDate":"Wed, 02 Feb 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0188-strict-equality-in-javascript\/","description":"===<\/code>.\nThis operator does strict comparison and considers the operands equal if they’re of the same type,\nand their values are equal.<\/p>"},{"title":"The difference between invisible and hidden HTML elements","link":"https:\/\/learn.coderslang.com\/0187-the-difference-between-invisible-and-hidden-html-elements\/","pubDate":"Tue, 01 Feb 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0187-the-difference-between-invisible-and-hidden-html-elements\/","description":"In HTML there are 2 ways to hide an element. You can either make it invisible or make it hidden. The difference between a hidden HTML element and an invisible one is the amount of space occupied by the HTML element."},{"title":"What is the difference between single and double quotes in JavaScript","link":"https:\/\/learn.coderslang.com\/0186-whats-the-difference-between-single-and-double-quotes-in-javascript\/","pubDate":"Mon, 31 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0186-whats-the-difference-between-single-and-double-quotes-in-javascript\/","description":"There’s no functional difference between single and double quotes in JS. Both could be used to create JavaScript strings.\nMostly it’s just about the code style that’s used in your project."},{"title":"How to remove duplicates from a JavaScript array","link":"https:\/\/learn.coderslang.com\/0185-remove-duplicates-from-a-javascript-array\/","pubDate":"Sun, 30 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0185-remove-duplicates-from-a-javascript-array\/","description":"Set<\/code> and a spread\noperator.<\/p>"},{"title":"Format a JavaScript Number to a Currency String","link":"https:\/\/learn.coderslang.com\/0184-format-a-javascript-number-to-a-currency-string\/","pubDate":"Sat, 29 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0184-format-a-javascript-number-to-a-currency-string\/","description":"toLocaleString<\/code> or Intl.NumberFormat<\/code> to get a formatted currency string from the\nJavaScript number. Here’s how it works.<\/p>"},{"title":"How to empty an array in JavaScript","link":"https:\/\/learn.coderslang.com\/0183-how-to-empty-an-array-in-javascript\/","pubDate":"Fri, 28 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0183-how-to-empty-an-array-in-javascript\/","description":"One of the easiest ways to empty a JS array is to set its length to zero. Alternatively you can use the functions pop or splice.\nEmpty a JavaScript array by setting its length to 0 The length property holds the size of an array in JS."},{"title":"How to check if a variable is a string in JavaScript","link":"https:\/\/learn.coderslang.com\/0182-how-to-check-if-a-variable-is-a-string-in-javascript\/","pubDate":"Thu, 27 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0182-how-to-check-if-a-variable-is-a-string-in-javascript\/","description":"To check that a JS variable is of a type string, you can use 2 operators: instanceof and typeof. Here’s a quick solution.\nif (typeof text === 'string' || text instanceof String) { \/\/ it's a string!"},{"title":"Get random number in a range using JavaScript","link":"https:\/\/learn.coderslang.com\/0181-get-random-number-in-a-range-with-javascript\/","pubDate":"Wed, 26 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0181-get-random-number-in-a-range-with-javascript\/","description":"To get a random number is JS you almost always rely on the function Math.random. The only issue is that it returns a number between 0 and 1.\nYou can generate a number in a specific range by writing a straightforward function."},{"title":"How to get screen width and height with JavaScript","link":"https:\/\/learn.coderslang.com\/0180-how-to-get-screen-width-and-height-with-javascript\/","pubDate":"Tue, 25 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0180-how-to-get-screen-width-and-height-with-javascript\/","description":"window.screen<\/code> holds all the information you about the current screen. You can access the resolution\nof the screen by accessing its width<\/code> and height<\/code> properties.<\/p>"},{"title":"How to remove the last n characters from a JavaScript string","link":"https:\/\/learn.coderslang.com\/0179-how-to-remove-the-last-n-characters-from-a-javascript-string\/","pubDate":"Mon, 24 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0179-how-to-remove-the-last-n-characters-from-a-javascript-string\/","description":"Before you make another step, remember, that strings in JavaScript are immutable. This means that you can’t alter the string by removing something from it.\nSo, when you want to remove the last n symbols from a string in JS, your only option is to create a new string that wouldn’t have these n characters."},{"title":"How to generate a random string in JavaScript","link":"https:\/\/learn.coderslang.com\/0178-how-to-generate-a-random-string-in-javascript\/","pubDate":"Sun, 23 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0178-how-to-generate-a-random-string-in-javascript\/","description":"Date<\/code> object without\nany arguments, or you can use the function Date.now<\/code>.<\/p>"},{"title":"How to access command-line arguments in Node.js","link":"https:\/\/learn.coderslang.com\/0174-how-to-access-command-line-arguments-in-node.js\/","pubDate":"Wed, 19 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0174-how-to-access-command-line-arguments-in-node.js\/","description":"In Node.js the command-line arguments are captured in the object process.argv. Let’s start by logging them to the screen.\nconsole.log(process.argv); If you run your script without any arguments, the output will be something like this."},{"title":"How to append something to a JavaScript array","link":"https:\/\/learn.coderslang.com\/0173-how-to-append-something-to-a-javascript-array\/","pubDate":"Tue, 18 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0173-how-to-append-something-to-a-javascript-array\/","description":"Array.push<\/code>. It adds new values to the end of the\nJavaScript array.<\/p>"},{"title":"How to Format a JavaScript Date","link":"https:\/\/learn.coderslang.com\/0172-how-to-format-a-javascript-date\/","pubDate":"Mon, 17 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0172-how-to-format-a-javascript-date\/","description":"You can format the date in JS by using the toLocaleDateString function.\nIt accepts a locale and returns a string with formatted date.\nLet’s try to use the locale en-US."},{"title":"How to implement sleep function in JavaScript","link":"https:\/\/learn.coderslang.com\/0171-how-to-implement-sleep-function-in-javascript\/","pubDate":"Mon, 17 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0171-how-to-implement-sleep-function-in-javascript\/","description":"JavaScript is asynchronous by design, so implementing a sleep function can be tricky.\nThe closest you can get to pausing execution for some time is by using Promise and await."},{"title":"How to create a multiline string in JavaScript","link":"https:\/\/learn.coderslang.com\/0170-how-to-create-a-multiline-string-in-javascript\/","pubDate":"Sun, 16 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0170-how-to-create-a-multiline-string-in-javascript\/","description":"The easiest way to create a multiline string in JavaScript are backticks.\nconst s = `I'm a multiline string`; console.log(s); The console output shows every word in the string s on a new line."},{"title":"Convert a string to boolean in JavaScript","link":"https:\/\/learn.coderslang.com\/0169-convert-a-string-to-boolean-in-javascript\/","pubDate":"Sat, 15 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0169-convert-a-string-to-boolean-in-javascript\/","description":"As obvious and easy as it may sound, converting string values of "true" and "false" to booleans can be tricky. There are many ways to shoot our own foot, if you don’t know how JavaScript works under the hood."},{"title":"Detect an undefined object property in JavaScript","link":"https:\/\/learn.coderslang.com\/0168-detect-an-undefined-object-property-in-javascript\/","pubDate":"Fri, 14 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0168-detect-an-undefined-object-property-in-javascript\/","description":"typeof<\/code> operator to a JavaScript array, you won’t be able to tell if it’s an array. To check\nif a variable is an array in JS, you need to take a different approach.<\/p>"},{"title":"How to get current URL in JavaScript","link":"https:\/\/learn.coderslang.com\/0166-how-to-get-current-url-in-javascript\/","pubDate":"Wed, 12 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0166-how-to-get-current-url-in-javascript\/","description":"When it comes to working with URLs in JavaScript, there are a few different ways to get the current URL that you are on. In this article, we will go over some of the different methods that you can use to get the current URL in JavaScript."},{"title":"What is a double negation !! in JavaScript and how it works","link":"https:\/\/learn.coderslang.com\/0165-what-is-a-double-negation-in-javascript-and-how-it-works\/","pubDate":"Tue, 11 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0165-what-is-a-double-negation-in-javascript-and-how-it-works\/","description":"let<\/code> and var<\/code> allow you to create variables in JavaScript. The main differences between them are\nscope, hoisting and closures.<\/p>"},{"title":"The Difference Between JavaScript Equality Operators == and ===","link":"https:\/\/learn.coderslang.com\/0159-the-difference-between-javascript-equality-operators-and\/","pubDate":"Wed, 05 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0159-the-difference-between-javascript-equality-operators-and\/","description":"The difference between double and triple equals equality operators in JS is the typecast. While strict equality immediately returns false if the operand types are different, loose equality operator first tries to convert both values to a common type."},{"title":"How to check if an HTML element is visible or hidden with jQuery","link":"https:\/\/learn.coderslang.com\/0158-check-if-an-html-element-is-visible-or-hidden-with-jquery\/","pubDate":"Tue, 04 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0158-check-if-an-html-element-is-visible-or-hidden-with-jquery\/","description":"There are 2 jQuery selectors that can help you determine whether an HTML element is visible or not.\nFirst, you can use the selector :visible to check if an element is visible on the web page."},{"title":"How to clear NPM cache and save space","link":"https:\/\/learn.coderslang.com\/0155-how-to-clear-npm-cache-and-save-space\/","pubDate":"Sat, 01 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0155-how-to-clear-npm-cache-and-save-space\/","description":"npm<\/code> is an integral part of the modern JavaScript apps.\nAnytime you install an npm<\/code> package, the package manager will cache the files for faster\naccess in the future. Let’s see how you can save disk space by clearing the NPM cache.<\/p>"},{"title":"How to Print an Array in JavaScript","link":"https:\/\/learn.coderslang.com\/0154-how-to-print-an-array-in-javascript\/","pubDate":"Fri, 31 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0154-how-to-print-an-array-in-javascript\/","description":"onclick<\/code> handler of that button. Let me show you how it’s done.<\/p>"},{"title":"Disable any Button with JavaScript","link":"https:\/\/learn.coderslang.com\/0151-disable-any-button-with-javascript\/","pubDate":"Tue, 28 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0151-disable-any-button-with-javascript\/","description":"disabled<\/code> property to true<\/code>.\nLet’s see how you can locate a specific button and prevent clicks by disabling it.<\/p>"},{"title":"How to Create a Confirmation Modal with \"yes\" and \"no\" options in JS","link":"https:\/\/learn.coderslang.com\/0150-how-to-create-a-confirmation-modal-with-yes-and-no-options-in-js\/","pubDate":"Mon, 27 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0150-how-to-create-a-confirmation-modal-with-yes-and-no-options-in-js\/","description":"confirm<\/code> function is a convenient way to display the confirmation box with\nthe “OK” and “Cancel” options and capture user’s response. Let’s see how it’s done.<\/p>"},{"title":"How to add a new line to a JavaScript string","link":"https:\/\/learn.coderslang.com\/0148-how-to-add-a-new-line-to-a-javascript-string\/","pubDate":"Sat, 25 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0148-how-to-add-a-new-line-to-a-javascript-string\/","description":"\\n<\/code> symbol or backticks.\nHere’s how it’s done.<\/p>"},{"title":"JavaScript Array to String","link":"https:\/\/learn.coderslang.com\/0147-javascript-array-to-string\/","pubDate":"Fri, 24 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0147-javascript-array-to-string\/","description":"There are 3 common ways you can convert any JavaScript array to string:\n The built-in toString method to get all the array elements split by commas The JSON.stringify function to get the JSON representation of a JavaScript array The join method to use a custom separator Transform JS array to a string with toString To transform any JavaScript array to a string, you can use the built-in toString method"},{"title":"Exclude node_modules using gitignore file in your JavaScript project","link":"https:\/\/learn.coderslang.com\/0146-exclude-node_modules-using-gitignore\/","pubDate":"Thu, 23 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0146-exclude-node_modules-using-gitignore\/","description":"node_modules<\/code> directory is an integral part of any JS project. However, it makes sense\nto exclude it from your git<\/code> commits. You can remove node_modules<\/code> from\nthe remote repository by adding it to the .gitignore<\/code> file.<\/p>"},{"title":"What is .gitignore and how to use it","link":"https:\/\/learn.coderslang.com\/0145-what-is-.gitignore-and-how-to-use-it\/","pubDate":"Wed, 22 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0145-what-is-.gitignore-and-how-to-use-it\/","description":".gitignore<\/code> is a plain-text file. It allows you to specify files and folders\nthat you’d like to exclude from your git<\/code> commits. .gitignore<\/code> should be placed in the\nroot directory of your git<\/code> project.<\/p>"},{"title":"How to use async and await in a forEach JS loop","link":"https:\/\/learn.coderslang.com\/0144-how-to-use-async-and-await-in-a-foreach-js-loop\/","pubDate":"Tue, 21 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0144-how-to-use-async-and-await-in-a-foreach-js-loop\/","description":"forEach<\/code> loop in JavaScript is the fact that\nyou can’t wait for the promise resolution. Let’s see how you can fix it.<\/p>"},{"title":"What is the Scope of Variables in JavaScript","link":"https:\/\/learn.coderslang.com\/0143-what-is-the-scope-of-variables-in-javascript\/","pubDate":"Mon, 20 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0143-what-is-the-scope-of-variables-in-javascript\/","description":"There are 4 types of scope in JavaScript: global scope, block scope, function scope, and module scope.\nGlobal scope The top-level scope in JavaScript is called the global scope. When you declare a variable in the global scope it’s going to be accessible in all your functions and code blocks."},{"title":"What are the JavaScript Design Patterns","link":"https:\/\/learn.coderslang.com\/0142-what-are-the-javascript-design-patterns\/","pubDate":"Sun, 19 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0142-what-are-the-javascript-design-patterns\/","description":"Design patterns are blueprint solutions to common programming problems. Most of the credit for classifying and describing the design patterns goes to the “Gang of Four” - Erich Gamma, Richard Helm, Ralph Johnson, and John Vlissides."},{"title":"How to get access to the object property in JavaScript","link":"https:\/\/learn.coderslang.com\/0141-how-to-get-access-to-the-object-property-in-javascript\/","pubDate":"Sat, 18 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0141-how-to-get-access-to-the-object-property-in-javascript\/","description":"There are 2 ways to get access to the object properties in JS:\n Dot notation: user.name Square bracket notation: user['name'] In both cases we’ll get access to the property name of the object user."},{"title":"How to get dynamic access to an object property in JavaScript","link":"https:\/\/learn.coderslang.com\/0140-dynamic-access-to-an-object-property-in-javascript\/","pubDate":"Fri, 17 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0140-dynamic-access-to-an-object-property-in-javascript\/","description":"To get started with the dynamic access to object properties in JS, let’s first take a look at how you could get access to a static object property.\nconst user = { age: 25, name: 'Jack' } console."},{"title":"How to get query params in Express","link":"https:\/\/learn.coderslang.com\/0139-how-to-get-query-params-in-express\/","pubDate":"Thu, 16 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0139-how-to-get-query-params-in-express\/","description":"In Express.js all the query parameters are stored in the object req.query, so you can access them in any of your route handlers or middleware functions.\nSo imagine your Express backend is running on https:\/\/learn."},{"title":"How to return a value from an async function in JavaScript","link":"https:\/\/learn.coderslang.com\/0138-how-to-return-a-value-from-an-async-function-in-javascript\/","pubDate":"Wed, 15 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0138-how-to-return-a-value-from-an-async-function-in-javascript\/","description":"All JavaScript functions return something. However, if your function is async it’s going to return a Promise, so you can use the keyword await to get the value that the promise resolves to."},{"title":"How to use Object.freeze in JavaScript","link":"https:\/\/learn.coderslang.com\/0137-how-to-use-object.freeze-in-javascript\/","pubDate":"Tue, 14 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0137-how-to-use-object.freeze-in-javascript\/","description":"Object.freeze is a handy tool that helps you make an object immutable in JavaScript.\nObject.freeze(someObject); If you try use the delete keyword or an assignment operator = after freezing the object with Object."},{"title":"How to Remove Properties or Fields from JavaScript Objects","link":"https:\/\/learn.coderslang.com\/0136-how-to-remove-properties-or-fields-from-javascript-objects\/","pubDate":"Mon, 13 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0136-how-to-remove-properties-or-fields-from-javascript-objects\/","description":"You can remove properties (fields) from the JavaScript objects using the delete keyword.\nconst user = { name: 'John', age: '25', isLearning: true }; delete user.age; delete user['isLearning']; console.log(user.name); \/\/ John console."},{"title":"Redirect to another page with JavaScript","link":"https:\/\/learn.coderslang.com\/0135-redirect-to-another-page-with-javascript\/","pubDate":"Sun, 12 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0135-redirect-to-another-page-with-javascript\/","description":"If you want to redirect to another page with JavaScript, you can use the window.location object. This object is part of the window global object and has a property called href."},{"title":"How to fix missing \"use strict\" error in JavaScript","link":"https:\/\/learn.coderslang.com\/0134-missing-use-strict-statement-in-javascript\/","pubDate":"Sat, 11 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0134-missing-use-strict-statement-in-javascript\/","description":"A missing "use strict" error is common when you use ESLint. There are 2 possible fixes to it:\n add the statement “use strict” in double quotes as a first line in your JS file "use strict" \/\/the rest of your JS code goes below \/\/ AND must be in a strict mode add a custom ESLint rule (as a comment!"},{"title":"What does \"use strict\" do in JavaScript","link":"https:\/\/learn.coderslang.com\/0133-what-does-use-strict-do-in-javascript\/","pubDate":"Fri, 10 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0133-what-does-use-strict-do-in-javascript\/","description":"The “strict mode” was introduced in ECMAScript 5. It allows you to put your script into the “strict” operating mode which prevents certain (potentially dangerous) operations.\nES6+ classes and native ECMAScript modules have strict mode enabled by default."},{"title":"How to remove a specific item from an array in JavaScript","link":"https:\/\/learn.coderslang.com\/0132-how-to-remove-a-specific-item-from-an-array-in-javascript\/","pubDate":"Thu, 09 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0132-how-to-remove-a-specific-item-from-an-array-in-javascript\/","description":"splice<\/code> method.<\/p>"},{"title":"How to Set Up Coderslang Extension for Visual Studio Code","link":"https:\/\/learn.coderslang.com\/0125-how-to-set-up-coderslang-extension-for-visual-studio-code\/","pubDate":"Sun, 24 Oct 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0125-how-to-set-up-coderslang-extension-for-visual-studio-code\/","description":"Install Node.js and npm You need to go to the official site and download the latest stable version on the main page. After downloading the installer, you should run and install Node."},{"title":"What is src in HTML","link":"https:\/\/learn.coderslang.com\/0117-what-is-src-in-html\/","pubDate":"Mon, 13 Sep 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0117-what-is-src-in-html\/","description":"The src attribute specifies the URL of the page to embed.\nIf the src attribute is not specified, nothing will be displayed on the page.\nThe src attribute can be used on the following elements: <frame>, <iframe>, <img>, <input>, <script>, and <video>."},{"title":"JavaScript Interview Question #51: For Each Key","link":"https:\/\/learn.coderslang.com\/javascript-interview-51-for-each-key\/","pubDate":"Sat, 11 Sep 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/javascript-interview-51-for-each-key\/","description":"What happens here and what’s the output?\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\nThe first line of code defines a user object that has two fields: name and age."},{"title":"JavaScript Design Patterns - Decorator","link":"https:\/\/learn.coderslang.com\/0116-javascript-design-patterns-decorator\/","pubDate":"Fri, 10 Sep 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0116-javascript-design-patterns-decorator\/","description":"Decorator is one of the Structural Design Patterns.\nYou’re about to start with gift wrapping for a birthday party. A delicate, fragile gift has to be bubble-wrapped. It is followed by placing it safely in a cardboard box."},{"title":"How Long It Takes to Learn HTML","link":"https:\/\/learn.coderslang.com\/0115-how-long-it-takes-to-learn-html\/","pubDate":"Thu, 09 Sep 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0115-how-long-it-takes-to-learn-html\/","description":"It will take 2-3 weeks to learn the basics of HTML and 1-2 months of practice to be good at it. Depending on how many hours a day you spend learning, you will learn HTML sooner or later."},{"title":"How to make an image clickable in HTML","link":"https:\/\/learn.coderslang.com\/0114-how-to-make-an-image-clickable-in-html\/","pubDate":"Wed, 08 Sep 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0114-how-to-make-an-image-clickable-in-html\/","description":"Learn how to make an image clickable in HTML with two easy-to-follow steps.\nStep 1: Create an image The first step is to add an image that you want to make clickable."},{"title":"How to Loop Through an Object in JavaScript","link":"https:\/\/learn.coderslang.com\/0113-how-to-loop-through-an-object-in-javascript\/","pubDate":"Tue, 07 Sep 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0113-how-to-loop-through-an-object-in-javascript\/","description":"There are four ways you can loop through an object in JavaScript, and they are:\n for…in statement Object.entries() Object.keys() Object.values() Let’s take a look at each of these methods and how they work:"},{"title":"How to Run JavaScript in Terminal","link":"https:\/\/learn.coderslang.com\/0112-how-to-run-javascript-in-terminal\/","pubDate":"Mon, 06 Sep 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0112-how-to-run-javascript-in-terminal\/","description":"You can run JavaScript in the terminal with the help of a tool called NodeJs. NodeJs is a free and open-sourced run-time environment that lets you write JavaScript command-line tools and server-side scripts outside of a browser."},{"title":"What is the correct HTML for making a Drop-Down List","link":"https:\/\/learn.coderslang.com\/0109-the-correct-html-for-making-a-drop-down-list\/","pubDate":"Tue, 31 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0109-the-correct-html-for-making-a-drop-down-list\/","description":"The select element is the correct HTML for making a drop-down List. For a quick refresher, It is an HTML element tag that creates a drop-down list and is used to get user submissions on an input form."},{"title":"How to Comment Out in JavaScript","link":"https:\/\/learn.coderslang.com\/0108-how-to-comment-out-in-javascript\/","pubDate":"Mon, 30 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0108-how-to-comment-out-in-javascript\/","description":"There are two ways you can comment out the code in JavaScript, and they are:\n Single line comment Multiple line comment Let’s take a look at what each of these does:"},{"title":"Inside Which HTML Element Do We Put The JavaScript","link":"https:\/\/learn.coderslang.com\/0107-inside-which-html-element-do-we-put-the-javascript\/","pubDate":"Fri, 27 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0107-inside-which-html-element-do-we-put-the-javascript\/","description":"The script tag is used when we want to put a JavaScript code in an HTML file.\nThe script is the HTML element tag used to insert a JavaScript code in an HTML file."},{"title":"How to Link to a Specific Part of an HTML Page","link":"https:\/\/learn.coderslang.com\/0106-how-to-link-to-a-specific-part-of-an-html-page\/","pubDate":"Thu, 26 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0106-how-to-link-to-a-specific-part-of-an-html-page\/","description":"Have you noticed in some web pages where you click the link in the table of contents or the navigation bar, it will scroll down to the specific part of the page?"},{"title":"How to Add JavaScript to HTML","link":"https:\/\/learn.coderslang.com\/0105-how-to-add-javascript-to-html\/","pubDate":"Tue, 17 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0105-how-to-add-javascript-to-html\/","description":"To add JavaScript to HTML files, you will use an HTML element tag called a script.\nA script tag is a tag that lets you insert JavaScript code in the HTML file."},{"title":"What is a String in Programming","link":"https:\/\/learn.coderslang.com\/0104-what-is-a-string-in-programming\/","pubDate":"Mon, 16 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0104-what-is-a-string-in-programming\/","description":"A string is a sequence of characters treated as a single piece of data.\nIt is a type of data that stores texts in which programmers use to store textual information."},{"title":"How to Call JavaScript Function On Button Click in HTML","link":"https:\/\/learn.coderslang.com\/0103-how-to-call-javascript-function-on-button-click-in-html\/","pubDate":"Fri, 13 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0103-how-to-call-javascript-function-on-button-click-in-html\/","description":"In this tutorial you’ll learn how you can call a JavaScript function on button click in HTML with three easy-to-follow steps.\nStep 1: Create a JavaScript function The first thing to do is create a JavaScript function."},{"title":"What Can I Do With JavaScript","link":"https:\/\/learn.coderslang.com\/0102-what-can-i-do-with-javascript\/","pubDate":"Thu, 12 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0102-what-can-i-do-with-javascript\/","description":"JavaScript can do many incredible things. You can use JavaScript to build:\n Websites Mobile applications Desktop applications Websites You can build a website with HTML and CSS alone. But if you want your website to do more things than just displaying information, you will need to use JavaScript."},{"title":"How to run JavaScript in Visual Studio Code","link":"https:\/\/learn.coderslang.com\/0101-how-to-run-javascript-in-visual-studio-code\/","pubDate":"Tue, 10 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0101-how-to-run-javascript-in-visual-studio-code\/","description":"In this short tutorial, you will learn how to run JavaScript in Visual Studio Code. There are three ways you can run JavaScript in the text editor and for that, feel free to choose whatever suits you the best."},{"title":"How to update Node.js","link":"https:\/\/learn.coderslang.com\/0100-how-to-update-node.js\/","pubDate":"Mon, 09 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0100-how-to-update-node.js\/","description":"In the past, updating Node.js was not straightforward as you had to install third-party software and run command lines which can be confusing and introduce bugs to your projects.\nNowadays, It’s easy to update Node."},{"title":"How Long it Takes to Learn JavaScript","link":"https:\/\/learn.coderslang.com\/0091-how-long-it-takes-to-learn-javascript\/","pubDate":"Sat, 03 Jul 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0091-how-long-it-takes-to-learn-javascript\/","description":"One of the most common questions beginner programmers ask is how long it takes to learn JavaScript. You want to know how long it will take you before you start building JavaScript projects and get a job in software development."},{"title":"What does return do in JavaScript","link":"https:\/\/learn.coderslang.com\/0089-what-does-return-do-in-javascript\/","pubDate":"Wed, 23 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0089-what-does-return-do-in-javascript\/","description":"Like other programming languages, JavaScript allows using return statements in functions. A return statement does the followings -\n Halts function execution and returns control to calling module Returns one or many values."},{"title":"What is a Function in Programming. JavaScript Functions Tutorial.","link":"https:\/\/learn.coderslang.com\/0082-what-is-a-function-in-programming\/","pubDate":"Mon, 14 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0082-what-is-a-function-in-programming\/","description":"In this article, you are going to learn what a function is in programming. You will learn how functions work, and I will show you how you can create a straightforward program."},{"title":"JavaScript Design Patterns - Builder","link":"https:\/\/learn.coderslang.com\/0076-javascript-design-patterns-builder\/","pubDate":"Tue, 08 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0076-javascript-design-patterns-builder\/","description":"Builder is one of the Creational Design Patterns, which help you deal with how objects are created. You should pay close attention to your object creation techniques that may morph into serious design problems if you neglect them."},{"title":"Getting Started with Javascript Design Patterns","link":"https:\/\/learn.coderslang.com\/0075-getting-started-with-javascript-design-patterns\/","pubDate":"Mon, 07 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0075-getting-started-with-javascript-design-patterns\/","description":"Design patterns are blueprint solutions that you use to solve common programming problems swiftly and elegantly.\nEverything began in 1994, when four computer scientists Erich Gamma, Richard Helm, Ralph Johnson, and John Vlissides, published an iconic book “Design Patterns: Elements of Reusable Object-Oriented Software”."},{"title":"How to Call a JavaScript function in HTML","link":"https:\/\/learn.coderslang.com\/0074-how-to-call-a-javascript-function-in-html\/","pubDate":"Sun, 06 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0074-how-to-call-a-javascript-function-in-html\/","description":"In this tutorial, you’ll learn how to call JavaScript functions from HTML pages to make them interactive.\nThe HTML and CSS can structure a web, can give a web its appearance and responsiveness."},{"title":"How to link JavaScript to HTML","link":"https:\/\/learn.coderslang.com\/0071-how-to-link-javascript-to-html\/","pubDate":"Thu, 03 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0071-how-to-link-javascript-to-html\/","description":"You need JavaScript to define how your web pages interact with end-user. In this tutorial, you’ll learn the different methods to link a JavaScript code to an HTML file.\nDifferent methods to link JavaScript code to an HTML document You can link JavaScript code to an HTML document using <script> tag:"},{"title":"What is JavaScript Used For and How to Run It","link":"https:\/\/learn.coderslang.com\/0070-what-is-javascript-used-for-and-how-to-run-it\/","pubDate":"Wed, 02 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0070-what-is-javascript-used-for-and-how-to-run-it\/","description":"JavaScript is the de facto language to create web apps as it is the only language supported by browsers. Over time, JavaScript has evolved from only a programming language for the web to a Cross-Platform Object-Oriented Programming Language, that is, a programming language supported by multiple Operating Systems and it follows the Object-Oriented Programming paradigm, where everything is an object."},{"title":"Java vs JavaScript. Key differences and similarities","link":"https:\/\/learn.coderslang.com\/0067-java-vs-javascript.-key-differences-and-similarities\/","pubDate":"Sun, 30 May 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0067-java-vs-javascript.-key-differences-and-similarities\/","description":"Java and JavaScript are two popular programming languages. They have some similarities, but also some important differences.\nJava is a statically typed language, which means that variables must be declared with a specific data type, and that type cannot be changed."},{"title":"How to Open JavaScript Files","link":"https:\/\/learn.coderslang.com\/0064-how-to-open-javascript-files\/","pubDate":"Sun, 23 May 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0064-how-to-open-javascript-files\/","description":"JavaScript files have .js extension and you can open them using any text editor. Your options start with Notepad and advance into modern IDEs like Visual Studio Code or WebStorm. If you love the terminal environment, you can even use tools like vi, emacs, ed or nano."},{"title":"How to Debug JavaScript Errors When Learning to Code","link":"https:\/\/learn.coderslang.com\/0061-how-to-debug-javascript-errors-when-learning-to-code\/","pubDate":"Thu, 20 May 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0061-how-to-debug-javascript-errors-when-learning-to-code\/","description":"Introduction In this guide, we are going to learn how to debug JavaScript code as a beginner. Learning how to debug is one of the most important skills for developers to have."},{"title":"How to Filter an Array in JavaScript","link":"https:\/\/learn.coderslang.com\/0060-how-to-filter-an-array-in-javascript\/","pubDate":"Tue, 18 May 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0060-how-to-filter-an-array-in-javascript\/","description":"All JavaScript arrays have a built-in function .filter that allows you to filter certain elements and return a new array.\nTo filter a JavaScript array, you need to write a function that will determine the filtering rule."},{"title":"How to concatenate JavaScript array using join","link":"https:\/\/learn.coderslang.com\/0059-how-to-concatenate-javascript-array-using-join\/","pubDate":"Mon, 17 May 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0059-how-to-concatenate-javascript-array-using-join\/","description":"JavaScript join function is built in to every JS Array. It\u2019s very useful to join the elements of the JavaScript array and convert it into a string.\nHere\u2019s the basic syntax:"},{"title":"How to destructure an array in JavaScript","link":"https:\/\/learn.coderslang.com\/0058-javascript-array-destructuring\/","pubDate":"Sat, 15 May 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0058-javascript-array-destructuring\/","description":"JavaScript provides a very handy possibility to destructure any array and give custom names to the variables in it.\nLet\u2019s assume we start with a simple array of numbers:\nconst numbers = [1, 2, 3, 4, 5]; To get the first 2 elements from this array, we can use the destructuring assignment."},{"title":"How to wait for all Promises to resolve in JavaScript","link":"https:\/\/learn.coderslang.com\/0057-wait-for-all-promises-to-resolve-in-javascript\/","pubDate":"Fri, 14 May 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0057-wait-for-all-promises-to-resolve-in-javascript\/","description":"npm<\/code> was first released in 2010. In 2020, it includes around 500k<\/strong> open-source modules to enhance the functionality of your Node.js applications.<\/p>"},{"title":"JS Interview #8: Zero timeout","link":"https:\/\/learn.coderslang.com\/js-test-8\/","pubDate":"Wed, 18 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-8\/","description":"What if we call `setTimeout` with 0 delay in JavaScript? Which of the messages will be printed first?\t(think well, then click for the answer and explanation) In JS, `setTimeout(func, delay)` takes a function `func` and delays its execution by `delay` milliseconds."},{"title":"JS Interview #7: Is this an array?","link":"https:\/\/learn.coderslang.com\/js-test-7\/","pubDate":"Sun, 15 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-7\/","description":"Let's find out what\u2019s the deal with JavaScript arrays. Is `array` an array? (think well, then click for the answer and explanation) In line one we create an array and bind it with the array constant."},{"title":"JS Interview #6: Variable number of arguments in JavaScript","link":"https:\/\/learn.coderslang.com\/js-test-6\/","pubDate":"Thu, 12 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-6\/","description":"`true` or `false`? That is the question... (think well, then click for the answer and explanation) In JS, all functions have access to the internal arguments array that holds all arguments that were passed into the function."},{"title":"JS Interview #5: Can you use an arrow function as a getter?","link":"https:\/\/learn.coderslang.com\/js-test-5\/","pubDate":"Mon, 09 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-5\/","description":"Are there any issues with the `getId` function? What will be logged to the screen? (think well, then click for the answer and explanation) So, getId is an arrow function, thus it doesn\u2019t have this of its own."},{"title":"JS Interview #4: try\/catch","link":"https:\/\/learn.coderslang.com\/js-test-4\/","pubDate":"Fri, 06 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-4\/","description":"How will the `try\/catch` blocks behave? What will be logged to the console? (think well, then click for the answer and explanation) So, we have 2 variables and 2 try\/catch blocks that supposedly catch errors and put them into e1 and e2."},{"title":"How to test Node.js backend with `supertest`","link":"https:\/\/learn.coderslang.com\/0005-how-to-test-node.js-backend-with-supertest\/","pubDate":"Thu, 05 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0005-how-to-test-node.js-backend-with-supertest\/","description":"supertest<\/code> module to make testing your Express.js backend feel like a breeze!<\/p>"},{"title":"Built-in String functions in JavaScript","link":"https:\/\/learn.coderslang.com\/0004-built-in-string-functions-in-js\/","pubDate":"Wed, 04 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0004-built-in-string-functions-in-js\/","description":"String<\/code> data type.<\/p>"},{"title":"JS Interview #3: Adding strings to numbers and booleans","link":"https:\/\/learn.coderslang.com\/js-test-3\/","pubDate":"Tue, 03 Nov 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-3\/","description":"Will we see any output? If yes, then what would it be?\t(think well, then click for the answer and explanation) To answer this question correctly, you need to understand the typecast rules in JS."},{"title":"JS Interview #2: How to create an array in JavaScript","link":"https:\/\/learn.coderslang.com\/js-test-2\/","pubDate":"Sat, 31 Oct 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-2\/","description":"What's the correct way to create an array in JS?\t(think well, then click for the answer and explanation) The first array, a1 is declared using an empty array literal."},{"title":"JS Interview #1: Type conversion in JavaScript","link":"https:\/\/learn.coderslang.com\/js-test-1\/","pubDate":"Thu, 29 Oct 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/js-test-1\/","description":"What's going to be printed to the console? (think well, then click for the answer and explanation) In the first line, we define the variable `str` and initialize it as a string with the value `1`."},{"title":"Basic math operations in JavaScript","link":"https:\/\/learn.coderslang.com\/0002-basic-javascript-arithmetics\/","pubDate":"Sat, 05 Sep 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0002-basic-javascript-arithmetics\/","description":"+<\/code>, -<\/code>, *<\/code>, and \/<\/code> perform on different data types.<\/p>"},{"title":"Task #1 - First program","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1\/","description":"The program is already functional. Just make sure you have set everything up correctly by pressing the Run your code button\nYou should see the message Hello, world! on the screen."},{"title":"Task #100 - Questions?","link":"https:\/\/learn.coderslang.com\/coderslang-js-task100\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task100\/","description":"Implement a function questionize in helper.js.\nIt should take a string, add a question mark ("?") to it and return this string as a result.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #101 - Sum of two","link":"https:\/\/learn.coderslang.com\/coderslang-js-task101\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task101\/","description":"Implement a function sum in helper.js which should return the sum of two numbers\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #102 - Fix greeting","link":"https:\/\/learn.coderslang.com\/coderslang-js-task102\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task102\/","description":"The function sayHello is broken, you need to fix it.\nIt should take in the users name and return the greeting, in the proper format. Punctuation does matter.\nExamples: ‘Hello, John!"},{"title":"Task #103 - Circle length","link":"https:\/\/learn.coderslang.com\/coderslang-js-task103\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task103\/","description":"Implement a function circleLength that calculates and returns the length of the circle given its radius\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #1032 - Server greeting","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1032\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1032\/","description":"Figure out how the program works and change it to make sure that if we open localhost:8080\/hello in the browser, we see the message ‘Hello, Coderslang!’.\nDon’t forget to install node modules before running the server!"},{"title":"Task #1033 - New route","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1033\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1033\/","description":"Implement a new route GET \/about.\nIt should return a string Lorem ipsum dolor sit amet\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #1034 - Start server","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1034\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1034\/","description":"Our team started some refactoring, but hasn’t finished it.\nYou should implement the function startServer(server, port) in functions.js.\nIt shouldn’t do anything complicated. Just start the server on port.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #104 - Samples","link":"https:\/\/learn.coderslang.com\/coderslang-js-task104\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task104\/","description":"Implement the function createSamples that takes a string and returns two samples of it, one in the lowercase\nand another one in the uppercase.\nSamples should be combined, i.e. createSamples(‘HeLLo’) should return the string ‘helloHELLO’"},{"title":"Task #1042 - Add middleware","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1042\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1042\/","description":"Add the logRequestType function as a server middleware\nYou should only make changes to server.js.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #1043 - Log request timestamp","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1043\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1043\/","description":"Implement the function logRequestTimestamp and use it as middleware.\nThe function logRequestTimestamp should print the current date and time to the screen in UTC format, i.e. Mon, 23 Nov 3027 10:15:26 GMT."},{"title":"Task #1044, Stage #1 - Configurable logger middleware","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1044-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1044-stage1\/","description":"We’re going to implement a configurable logger. You’ll be able to add or remove logging options based on your current needs.\nHere are a couple of requirements that are expected of our new logger:"},{"title":"Task #1044, Stage #2 - Configurable logger middleware","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1044-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1044-stage2\/","description":"Cool, so logger returns a middleware function, but it doesn’t do much yet.\nLet’s improve its behavior:\n log current date, request method and url for each incoming request using console."},{"title":"Task #1044, Stage #3 - Configurable logger middleware","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1044-stage3\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1044-stage3\/","description":"Time to make our logger configurable.\n Add the parameter configString to the logger function The config string can include any of the substrings :date, :method or :url. These are the config options which should be split by space, i."},{"title":"Task #1044, Stage #4 - Configurable logger middleware","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1044-stage4\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1044-stage4\/","description":"The configurable logger is ready!\nAdd it as a middleware to the server, spin it up and try a couple requests in the browser.\nExamples: localhost:8080, localhost:8080\/about.\n This task is part of the Full-Stack JavaScript Course."},{"title":"Task #105 - Multiply 4","link":"https:\/\/learn.coderslang.com\/coderslang-js-task105\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task105\/","description":"Implement a function multiply in helper.js which multiplies four numbers and returns the product\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #1051 - First JSON response","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1051\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1051\/","description":"Implement the GET \/config route.\nYou should send back the object config from constants.js in JSON format.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #1060 - Max of 3","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1060\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1060\/","description":"Implement a function max that takes three numbers and returns the biggest one.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #1062 - Concatenate arrays","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1062\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1062\/","description":"Implement the function concatenateArrays in helper.js\nIt should return a new array that has the second array “glued” to the end of the first one\nExample: concatenateArrays([1,2,3], [1,2,4]) returns [1,2,3,1,2,4]"},{"title":"Task #1063 - Concatenate arrays unique","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1063\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1063\/","description":"Implement the function concatenateArraysUnique in helper.js\nIt should return a new array that has the second array “glued” to the end of the first one. There should be no duplicates in the result."},{"title":"Task #1064 - Factorial","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1064\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1064\/","description":"Implement a function factorial in helper.js that returns a factorial of a certain number.\nFactorial of a number is a product of all positive integers below it.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #1065 - Uppercase?","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1065\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1065\/","description":"Implement a function hasUpperCaseLetters that checks if there are any upperCase letters in a string.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #1066 - Slow log","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1066\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1066\/","description":"Implement a function slowLog that takes a string and prints it to the console after a 3 sec delay\nUse console.log and setTimeout\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #1067 - Palindrome","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1067\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1067\/","description":"Implement a function isPalindrome that checks if the string is a palindrome\nA palindrome is a string that reads the same way even if reverted.\nisPalindrome(‘abba’) \/\/ true\nisPalindrome(‘baba’ \/\/ false"},{"title":"Task #1068 - String reversal","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1068\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1068\/","description":"Implement a function revertMe that reverts a string.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #1069 - Advanced number formatting","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1069\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1069\/","description":"Implement the function formatNumber.\nIt’s essentially the same function that you’ve implemented in the end of the Gold Mine game.\nThe difference is that here we want to handle really large numbers."},{"title":"Task #1075, Stage #1 - Mining Empire - Backend","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage1\/","description":"We’ll implement the backend that will serve the config for the gold mining game.\nOur backend will be built on Express.js, so let’s install it with npm install --save express first."},{"title":"Task #1075, Stage #10 - Mining Empire - Backend","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage10\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage10\/","description":"On this stage, let’s fill all the remaining fields at once.\nchitChat array is used to display messages in a sort of ‘news ticker’:\n message: a message that will be pushed to the ticker when the condition is met condition: an object that defines the condition when the message should start displaying in the ticker."},{"title":"Task #1075, Stage #11 - Mining Empire - Backend","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage11\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage11\/","description":"WOW! That’s an awesome job! The CONFIG is ready!\nNow we’ll add a logger middleware to our express server to see which requests are coming in.\nInstall the npm module morgan and use it according to the instructions"},{"title":"Task #1075, Stage #2 - Mining Empire - Backend","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage2\/","description":"Now, we need to import server from server.js and startServer from functions.js into index.js\nand actually start a server!\nYou can start it on any free port, but I suggest using port 8080 for us to be on the same page"},{"title":"Task #1075, Stage #3 - Mining Empire - Backend","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage3\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage3\/","description":"Let’s add our first route to the server to be able to test it.\nIn server.js, right below the comment add the GET \/check route.\nThe payload served on this route should be { version: '0."},{"title":"Task #1075, Stage #4 - Mining Empire - Backend","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage4\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage4\/","description":"Follow up with creating the object that we will serve as a config to our Mining Empire app\nCreate the file constants.js and export the object CONFIG from it\nYou can take a look at the example on https:\/\/v2."},{"title":"Task #1075, Stage #5 - Mining Empire - Backend","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage5\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage5\/","description":"Now that we have the CONFIG constant, we can import it into server.js and add a new route\nGET \/config that will serve it.\nImplement this route and make sure it works by going to http:\/\/localhost:8080\/config in the browser"},{"title":"Task #1075, Stage #6 - Mining Empire - Backend","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage6\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage6\/","description":"Awesome! We have the config and we can access it!\nNow, let’s make it functional.\nThe easy way would be to copy and tweak the structure from https:\/\/v2.coderslang.com\/evil-empire-config\nA bit harder approach is to write everything yourself."},{"title":"Task #1075, Stage #7 - Mining Empire - Backend","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage7\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage7\/","description":"Good job! Now we move on to describing the upgrades.\nUpgrades is an array of objects. Each upgrade improves the performance of one or more producers.\nHere’s the structure of a single upgrade:"},{"title":"Task #1075, Stage #8 - Mining Empire - Backend","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage8\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage8\/","description":"The upgrades are done, so let’s add the achievements that the user can unlock within the game.\nOnce again, we need an array of objects:\n id: a unique number which is used to identify an achievement title: a string that sets the name of the achievement description: a string that describes the achievement pictureURL: a string, an https link to the achievement picture in ."},{"title":"Task #1075, Stage #9 - Mining Empire - Backend","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage9\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1075-stage9\/","description":"Our mining empire should be playable for the extended periods of time, so let’s add prestige levels.\nprestigeLevels is an array of objects:\n id: a unique number which is used to identify the prestige level title: a string that sets the name of the prestige level multiplier: a number that defines increased production on this prestige level pictureURL: a string, an https link to the prestige level picture in ."},{"title":"Task #1081 - Log Promise","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1081\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1081\/","description":"Fix the function printUserCount.\nRight now it prints to the console the string Promise { <pending> }, but it should print the number of users.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #1082 - Unhandled rejection","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1082\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1082\/","description":"Fix the function printUserCount.\nIt should call handleUnknownError if the Promise is rejected.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #1093 - Resolve and reject","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1093\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1093\/","description":"Function getUser accepts userId and returns a Promise.\nThe functionality is missing and you need to fix that.\n The promise should be rejected if the userId is missing. The promise should be resolved with the appropriate user object if the userId is provided."},{"title":"Task #110 - Fruits","link":"https:\/\/learn.coderslang.com\/coderslang-js-task110\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task110\/","description":"Fill in the array fruits with 5 elements and export it from the file helper.js\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #1108, Stage #1 - Funky console","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage1\/","description":"Programming should be fun! In this task, you’ll learn how to add a randomized delay to the console.log statements in JavaScript and Node.js.\nWe’ll start small.\nIn the file function.js you see an empty function log."},{"title":"Task #1108, Stage #2 - Funky console","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage2\/","description":"Now, we’ll split the output into individual characters.\nEach character should be printed separately using console.log\nAlso, let’s refactor the code and rename our function to splitLog\n This task is part of the Full-Stack JavaScript Course."},{"title":"Task #1108, Stage #3 - Funky console","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage3\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage3\/","description":"The problem is that now each character is printed on a separate line.\nWe can fix this by replacing console.log with process.stdout.write.\nAs we still want the output to end with a newline character, print \\n"},{"title":"Task #1108, Stage #4 - Funky console","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage4\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage4\/","description":"Great job! Now we’ll start working on a delay.\nImplement a sleep function and export it from the file helper.js\nHere’s the spec:\n sleep should return a Promise the Promise returned by sleep(ms) should be resolved in ms milliseconds This task is part of the Full-Stack JavaScript Course."},{"title":"Task #1108, Stage #5 - Funky console","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage5\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage5\/","description":"Let’s use the sleep function that you’ve just implemented.\n add a second parameter delay to the function writeLog sleep for delay milliseconds after printing each character don’t forget the async and `await keywords!"},{"title":"Task #1108, Stage #6 - Funky console","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage6\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage6\/","description":"The output will look even better if we randomize the timing.\nLet’s add another boolean parameter randomized to the function writeLog.\nIf it’s true, then the argument passed into sleep"},{"title":"Task #1108, Stage #7 - Funky console","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage7\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage7\/","description":"Right now, we’ve implemented pretty much everything we wanted to.\nBut calling it isn’t very clean as we have to pass the delay\nand randomization flag every time we want to print something to the console."},{"title":"Task #1108, Stage #8 - Funky console","link":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage8\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task1108-stage8\/","description":"You did a great job!\nOne more thing and we’ll be good to go\nLet’s add a default delay of 100ms to the funkylog.\nSo, if the field delay is missing from the config object, we set it to the default value."},{"title":"Task #111 - First user","link":"https:\/\/learn.coderslang.com\/coderslang-js-task111\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task111\/","description":"Take a look at solution.js. It imports an object user from the file helper.js and logs it to the screen.\nAdd properties name, surname and address to the user object in the file helper."},{"title":"Task #112 - Objective is clear","link":"https:\/\/learn.coderslang.com\/coderslang-js-task112\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task112\/","description":"Initialize the array objectives with 3 strings ‘Full’, ‘Stack’, ‘Javascript’ in file helper.js\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #113 - Two dimensional array","link":"https:\/\/learn.coderslang.com\/coderslang-js-task113\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task113\/","description":"Make twoDime a 2 dimensional array in the file helper.js\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #114 - Array of numbers","link":"https:\/\/learn.coderslang.com\/coderslang-js-task114\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task114\/","description":"Fill in the array numbers with 10 different numbers and export it from the file helper.js\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #115 - Array of objects","link":"https:\/\/learn.coderslang.com\/coderslang-js-task115\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task115\/","description":"Fill in the array objects with 3 different objects and export it from the file helper.js\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #116 - Array of strings","link":"https:\/\/learn.coderslang.com\/coderslang-js-task116\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task116\/","description":"Fill the array strings with 5 different strings and export it from the file helper.js\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #120 - Max of 2","link":"https:\/\/learn.coderslang.com\/coderslang-js-task120\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task120\/","description":"Implement the function findMax that takes two numbers and returns the bigger one.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #121 - Min of 3","link":"https:\/\/learn.coderslang.com\/coderslang-js-task121\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task121\/","description":"Implement the function min that takes three numbers and returns the smallest one.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #122 - Get the lesser evil","link":"https:\/\/learn.coderslang.com\/coderslang-js-task122\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task122\/","description":"Sometimes, there isn’t a good choice and we need to choose the lesser evil.\nImplement a function getLesserEvil that takes two objects, compares them by the field evilFactor and\nreturns the one with the smallest evilFactor."},{"title":"Task #123 - Less than or equal","link":"https:\/\/learn.coderslang.com\/coderslang-js-task123\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task123\/","description":"The function lte is broken. Fix the conditions inside if (...) statements.\nThe messages printed to the screen should start making sense after the fix\nDon’t change the output, only fix the conditions."},{"title":"Task #124 - Greater than or equal","link":"https:\/\/learn.coderslang.com\/coderslang-js-task124\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task124\/","description":"Implement the function gte in helper.js. It should accept 2 parameters (x, y) and\n return true if x is greater than or equal to y return false otherwise The function gte should not contain more than one if statement"},{"title":"Task #125 - Body mass index","link":"https:\/\/learn.coderslang.com\/coderslang-js-task125\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task125\/","description":"Implement the function getBMICategory(bmi) in helper.js. It should accept a single parameter bmi and\nreturn the string representation of the body mass index category based on the following rules:\n Underweight = 18."},{"title":"Task #126 - All the same","link":"https:\/\/learn.coderslang.com\/coderslang-js-task126\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task126\/","description":"Implement the function allTheSame in helper.js. It should accept 3 boolean parameters (x, y, z) and\n return true if x, y and z are the same (all true or all false) return false otherwise The function allTheSame should not contain more than one if statement"},{"title":"Task #127 - One will do","link":"https:\/\/learn.coderslang.com\/coderslang-js-task127\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task127\/","description":"Implement the function oneWillDo in helper.js. It should accept 3 boolean parameters (x, y, z) and\n return true, if at least one of them is true return false otherwise The function oneWillDo should NOT contain any if statements"},{"title":"Task #130 - Fix the while loop","link":"https:\/\/learn.coderslang.com\/coderslang-js-task130\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task130\/","description":"Fix the function myLoop to make sure it prints numbers from 0 to 99 to the screen using the “while” loop\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #131 - Print the array","link":"https:\/\/learn.coderslang.com\/coderslang-js-task131\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task131\/","description":"Implement a function printArray that should take the array and print it to the screen using console.log\nEach element should be printed on the separate line\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #132 - Localization","link":"https:\/\/learn.coderslang.com\/coderslang-js-task132\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task132\/","description":"Fix the function getLocale.\nIt should return userConfig.locale if it’s found in knownLocales.\nOtherwise, it should return the string en.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #135 - Max element in the array","link":"https:\/\/learn.coderslang.com\/coderslang-js-task135\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task135\/","description":"Implement a function maxElement that takes an array and returns its maximum element.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #136 - Sum it up","link":"https:\/\/learn.coderslang.com\/coderslang-js-task136\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task136\/","description":"Implement getTotal function in helper.js\nIt should return the sum of all elements in the array.\nArray will only contain numbers.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #137 - Positive thinking","link":"https:\/\/learn.coderslang.com\/coderslang-js-task137\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task137\/","description":"Implement positiveElements function in helper.js\nIt should accept an array and return a new one that consists only of the positive elements from the original array.\nOriginal array shouldn’t be modified."},{"title":"Task #138 - Power it up","link":"https:\/\/learn.coderslang.com\/coderslang-js-task138\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task138\/","description":"Implement a function pow in helper.js that takes two numbers and\nreturns the first number raised to the power of second number. Examples:\npow(2, 2) \/\/ 4\npow(2, 0) \/\/ 1"},{"title":"Task #140 - Escape characters","link":"https:\/\/learn.coderslang.com\/coderslang-js-task140\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task140\/","description":"Fix the constants to make sure that correct messages are logged to the screen.\n stringWithNewline should be printed on a single line and display \\n on the screen inside of the stringWithQuotes each word should be wrapped in single quotes stringWithEmojis should display emojis properly in the beginning and the end This task is part of the Full-Stack JavaScript Course"},{"title":"Task #141 - Capitalize first word","link":"https:\/\/learn.coderslang.com\/coderslang-js-task141\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task141\/","description":"Implement the function capitalizeFirstWord(s).\nIt should accept a string, turn the first letter of its first word to uppercase and return the result.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #142 - String shortening","link":"https:\/\/learn.coderslang.com\/coderslang-js-task142\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task142\/","description":"Implement the function shorten(s, n).\nIt should accept a string, and a number.\nIt should return the new string that consists of maximum n characters of the original string.\nIf you have to cut off some chars, place ."},{"title":"Task #143 - Extract a number","link":"https:\/\/learn.coderslang.com\/coderslang-js-task143\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task143\/","description":"Implement the function extractNumber(s).\nIt should accept a string and extract a number from it.\nIt’s guaranteed that there will be a single number in the string.\nExamples: $59.99 -> 59."},{"title":"Task #144 - Capitalize Each Word","link":"https:\/\/learn.coderslang.com\/coderslang-js-task144\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task144\/","description":"Implement the function capitalizeEachWord(s).\nIt should accept a string, turn the first letter of each word to uppercase and return the result.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #145 - Shorten by words","link":"https:\/\/learn.coderslang.com\/coderslang-js-task145\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task145\/","description":"Implement the function shortenByWords(s, n).\nIt should accept a string, and a number.\nIt should return the new string that consists of maximum n characters of the original string.\nIf you have to cut off some chars, place ."},{"title":"Task #146 - Spam filter","link":"https:\/\/learn.coderslang.com\/coderslang-js-task146\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task146\/","description":"Implement the function checkSpam(text, spamKeywords).\nIt should return true if text contains any of the spamKeywords, otherwise - false.\nThe comparison should be case insensitive.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #147 - Task list","link":"https:\/\/learn.coderslang.com\/coderslang-js-task147\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task147\/","description":"Implement the function formatTaskList.\nIt should transform each task object into a string by placing\na green checkmark (u2705) in front of the title if the task is DONE\nOtherwise, use a red cross (u274c)"},{"title":"Task #150 - Divide By","link":"https:\/\/learn.coderslang.com\/coderslang-js-task150\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task150\/","description":"Implement the function divideBy(divisor).\nIt should accept a divisor and return a function that takes the number n, divides it by the divisor and returns the the result.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #151 - Short words filter","link":"https:\/\/learn.coderslang.com\/coderslang-js-task151\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task151\/","description":"Implement the function isShortWord(s).\nIt should take a string and return true if the string meets both of the following conditions:\n The length of the string is less than 10 characters."},{"title":"Task #152 - Fix auth","link":"https:\/\/learn.coderslang.com\/coderslang-js-task152\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task152\/","description":"Fix the code. Access should only be given to the users with the admin role.\nMake sure that the user name is logged to the screen.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #153 - Analyze object keys","link":"https:\/\/learn.coderslang.com\/coderslang-js-task153\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task153\/","description":"Implement the function isKeyPresent(obj, key) which checks if the object has a certain field\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #154 - Starts with","link":"https:\/\/learn.coderslang.com\/coderslang-js-task154\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task154\/","description":"Implement a function startsWith(start).\nIt should accept a single parameter start and return a function that takes a string s and checks if s starts with start.\nstart is a string that consists of one or more characters"},{"title":"Task #160 - Delayed Log","link":"https:\/\/learn.coderslang.com\/coderslang-js-task160\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task160\/","description":"Implement the function delayedLog(s, n).\nIt should print the string s to the console after n seconds.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #163 - Progress is tough","link":"https:\/\/learn.coderslang.com\/coderslang-js-task163\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task163\/","description":"Fix the function startProgressBar\nExpected behavior:\n The function should display the progress bar on the screen and move it forward each delay ms. The interval should be cleared once the progress bar is full."},{"title":"Task #165 - Easy timeout","link":"https:\/\/learn.coderslang.com\/coderslang-js-task165\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task165\/","description":"Implement the function setEasyTimout(func, time).\nIt should execute the function func after the specific amount of time.\ntime - is an object with hours, minutes, seconds. Examples in solution.js.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #166 - The countdown","link":"https:\/\/learn.coderslang.com\/coderslang-js-task166\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task166\/","description":"Implement the function startCountdown(n) using setInterval.\nIt should print to the console all number from n to 1 and then the string GO!.\nThe delay between calls to the console.log should be 0."},{"title":"Task #171 - Fix an arrow function","link":"https:\/\/learn.coderslang.com\/coderslang-js-task171\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task171\/","description":"Fix the function sum is helper.js.\nWhen imported into solution.js it should return the sum of two numbers\nDon’t use curly braces and return statement\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #173 - Fix test data","link":"https:\/\/learn.coderslang.com\/coderslang-js-task173\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task173\/","description":"Fix the function getTestData is helper.js.\nIt should return the object {name: 'Jane', age: 22} without using the return keyword.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #177 - Is of age?","link":"https:\/\/learn.coderslang.com\/coderslang-js-task177\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task177\/","description":"Implement the function isOfAge in helper.js.\nIt should accept the users age and return false, if it’s less than 21, otherwise - true.\nYou can’t use if, switch or ternary operator"},{"title":"Task #182 - Print array elements","link":"https:\/\/learn.coderslang.com\/coderslang-js-task182\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task182\/","description":"The function printArrayElements should use console.log to print out all the array elements to the screen.\nBut it doesn’t work as expected. For some reason only the indices and not the elements are printed."},{"title":"Task #183 - Early return","link":"https:\/\/learn.coderslang.com\/coderslang-js-task183\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task183\/","description":"The function find return the index of the element in the array or -1 if it’s not found.\nThe only issue is that it’s suboptimal.\nImprove the code and return the index of the element as soon as it’s found in the array."},{"title":"Task #185 - Check its fields","link":"https:\/\/learn.coderslang.com\/coderslang-js-task185\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task185\/","description":"Implement the function isKeyPresent which checks if the object has a certain field\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #186 - Get object keys","link":"https:\/\/learn.coderslang.com\/coderslang-js-task186\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task186\/","description":"Implement the function getObjectKeys.\nIt should return an array of strings that represent all keys of the object\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #187 - Are objects identical?","link":"https:\/\/learn.coderslang.com\/coderslang-js-task187\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task187\/","description":"Implement the function isIdentical in helper.js\nIt should take two objects and return a boolean value that tells if the fields of the objects are the same.\nObjects will only have plain fields (strings, numbers or booleans)"},{"title":"Task #2021 - Go for it!","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2021\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2021\/","description":"Change the text of the <h1> header.\nIt should become In 3 months I will become a JS developer!\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2023 - London, London, London","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2023\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2023\/","description":"Each article should have a heading\nAdd level 2 heading to the article about London\nThis heading should contain further text: ‘London is the capital of Great Britain’\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2024 - Let me introduce myself","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2024\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2024\/","description":"Time to get to know you better.\nAdd one more paragraph where you can tell a little about yourself\nAdd lever 3 header with your name at the beginning\nFeel free to add any text you like"},{"title":"Task #2025 - Time to revise","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2025\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2025\/","description":"In the file index.html you will find some material to revise.\nYou need to improve the readability of the text a little.\nAdd a horizontal separator line after each paragraph except the last one"},{"title":"Task #2031 - Emphasis on text #1","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2031\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2031\/","description":"Make all text in index.html bold using the <b> tag\nDon’t change the content\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2032 - Emphasis on text #2","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2032\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2032\/","description":"Make all text in index.html italic\nDon’t change the content\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2033 - Emphasis on text #3","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2033\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2033\/","description":"Make all text in index.html both italic and bold using the tags <i> and <b>\nDon’t change the content\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2034 - My blog","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2034\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2034\/","description":"Add two nested paragraphs to each \nYou can write any text to your own blog.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2041 - Align right","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2041\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2041\/","description":"In the index.html file you will find some paragraphs about JS.\nRead them and align each one to the right.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2042 - Colored lines","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2042\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2042\/","description":"Let’s decorate the page a little.\nMake the first separator line red.\nAnd make the second line green.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2043 - Image width","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2043\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2043\/","description":"The picture is too wide.\nLimit the image width to 50px.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2044 - Broken image","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2044\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2044\/","description":"Someone has added an image tag to our website.\nHowever, neither the path to the image, nor the alt attribute were not provided.\nAdd the path to the picture - https:\/\/learn."},{"title":"Task #2045 - Learn JS","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2045\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2045\/","description":"Someone has added an a tag with a link to cool resource, but this link doesn’t work.\nFix the reference and make sure everything works fine.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2046 - New tab","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2046\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2046\/","description":"Add an attribute to the link in the index.html file to open it in a new tab\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2047 - Relative links #1","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2047\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2047\/","description":"You have two files: index.html and coursesList.html\nIn index.html you have a link to courses list which you can find in another file\nProvide correct relative link from index.html to coursesList."},{"title":"Task #2048 - Relative links #2","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2048\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2048\/","description":"There’s a single link in index.html.\nIt should redirect the user to list.html file in courses folder.\nDon’t change the anchor text for this link.\nThen, add one more link. Its anchor text Tags list."},{"title":"Task #2049 - Relative links #3","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2049\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2049\/","description":"Web site consists of two pages: Main page and Courses list.\nMain page is index.html and it has a link to the Courses list.\nCourses list has a link to the Main page, but it’s incomplete."},{"title":"Task #2051 - List of skills","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2051\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2051\/","description":"We have a list of what will you know by the end of this course.\nBut wait, you need to add one more technology that’s missing.\nCheck out the lecture once again and add the proper list element."},{"title":"Task #2052 - Change the marker","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2052\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2052\/","description":"The list items are marked with filled circles.\nLet’s change them to empty circles.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2053 - Ordered list","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2053\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2053\/","description":"Change the list to make sure that there’s a number next to each list element\nDon’t forget to delete wrong attributes\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2054 - Fix bugs","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2054\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2054\/","description":"Someone has worked on your list and introduced some bugs.\nAnd it shows letters instead of numbers, and their order seems to be reversed.\nMake numbering with Roman numerals in the correct order as well - from I to III."},{"title":"Task #2055 - All messed up","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2055\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2055\/","description":"It looks like someone has mixed up the term and definition in the list\nLet’s fix it.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2056 - Improve the list","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2056\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2056\/","description":"We have already added definitions to our reference book using the <dd> tags.\nYou just have to add terms for each of them.\nTerms are the names of the technologies. Check out the lecture if you’ve forgotten them."},{"title":"Task #2061 - Cell definition","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2061\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2061\/","description":"You have to keep working on the table.\nChange the content of the only cell to Course name.\nDon’t add any other elements\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2062 - Header row","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2062\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2062\/","description":"There is a first column header and it must remain first.\nAdd two more columns to the header row:\n Duration (month) Lectures\nUse <th> tag fot each column. This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2063 - Information row","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2063\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2063\/","description":"Time to fill the table with data.\n Add second row to the table below the existing one. Add three <td> cells to the second row. Set first cell content to ‘JS’, second - to 3, third - to 25 This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2064 - Total","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2064\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2064\/","description":"At the end of the table add one more row.\nIt will be our final row and it should have two columns.\n First column will be the union of two horizontal cells and its content should be ‘Total lectures’ Second column will be the total amount of lectures and its content should be 37 This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2065 - Table caption","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2065\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2065\/","description":"Add caption to the table in index.html\nIts content should be Courses list\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2067 - Rowspan","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2067\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2067\/","description":"In index.html there’s a table with two rows.\nThe first cell of the first row should be stretched to the second row too.\nYou can do it by adding a rowspan attribute to that cell."},{"title":"Task #2071 - First title","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2071\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2071\/","description":"Update the html document title\nIt should become My first website\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2072 - From the very beginning","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2072\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2072\/","description":"Let’s start developing your JS blog\nStart by creating an html document and add a title to it\nThe title should be My JS blog\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2073 - Autograph","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2073\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2073\/","description":"Let’s change the name of the blog author\nLet it be JS Master\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2074 - Description","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2074\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2074\/","description":"There’s one problem with the description in index.html.\nFix the issue, but don’t change the description itself.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2081 - UI revisions","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2081\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2081\/","description":"Designer has told you to do some changes.\nThe color of the text in the paragraph is green, you need to make it red.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2082 - Inline styles","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2082\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2082\/","description":"The font size is too small.\nLet’s add a font-size CSS property with a value of 18px.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2083 - Bold text","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2083\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2083\/","description":"Make the text inside a paragraph bold using CSS.\nDon’t use the <b> tag, just styles.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2084 - More styles","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2084\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2084\/","description":"Improve the paragraph styling by adding all the styles we have already learned.\nMake the text bold and the color orange.\nThe font size should be 16px.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2085 - Part","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2085\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2085\/","description":"Select the CSS word inside the paragraph, using the <span> tag.\nMake it bold and green.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2091 - All green","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2091\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2091\/","description":"Make the text in all paragraphs green.\nDon’t use inline styles.\nDon’t change the number of paragraphs.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2092 - Something new","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2092\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2092\/","description":"Let’s practice a new style - the background color.\nGive all paragraphs a blue background and white text for the text.\nDon’t use inline styles, don’t change the number of paragraphs."},{"title":"Task #2093 - A little fantasy","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2093\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2093\/","description":"Come up with a title for the page about your CSS adventures and add it to the <h2> tag.\nAdd a couple of paragraphs about what interests you the most in the course."},{"title":"Task #2094 - The promised task","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2094\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2094\/","description":"As I promised in the lecture, we will work with relative sizes\nThe document has a block with two paragraphs.\nSet the block height to 500px and the height of each paragraph to 40% of the parent’s height"},{"title":"Task #2095 - Many elements to style","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2095\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2095\/","description":"Make the text of each paragraph brown.\nThe text of each <h2> header must be 18px size.\nThe first level heading text should be red and 22px size.\nDon’t use inline styles."},{"title":"Task #2101 - External Styles","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2101\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2101\/","description":"Styles are plugged in and everything works fine. Let’s add a slight tweak to it.\nAlign the heading <h1> to the center of the screen.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2102 - Link styles","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2102\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2102\/","description":"Your colleague wrote both HTML and CSS, but something is wrong.\nApparently he forgot to link styles to the HTML document.\nYou should fix this by properly linking styles.css to index."},{"title":"Task #2103 - Wrong path","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2103\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2103\/","description":"Your colleague continues to make mistakes. The HTML document and styles are written again.\nAnd the styles are even connected, but again nothing works. Most likely, the error lies in the path to the stylesheet."},{"title":"Task #2104 - It's better to do everything yourself","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2104\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2104\/","description":"Create a styles.css file and include it in the index.html document.\nIn the styles.css file add styles for the paragraph and heading.\n align the paragraphs to the middle change the heading color to red This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2105 - Asterisk puzzle","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2105\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2105\/","description":"Styles for paragraph are already written and linked.\nBut the heading styles are missing.\nCreate them in a separate file heading-styles.css, which should be placed in the css folder.\n the heading text must be centered."},{"title":"Task #2111 - The paragraph id","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2111\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2111\/","description":"The text of the paragraph with the #red-text identifier should be red.\nBut someone misplaced the color.\nCorrect this mistake using internal stylesheet.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2112 - Fixing bugs","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2112\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2112\/","description":"There are 4 paragraphs in the index.html file.\nYour colleague has added the styles, but forgot to use them.\n The text of the second paragraph should be red. The text of the fourth paragraph should be bold."},{"title":"Task #2113 - Group styling","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2113\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2113\/","description":"Add a pink background to each block in index.html.\nUse internal styles and classes, the name of the class can be anything you like.\nDon’t change the number of blocks."},{"title":"Task #2114 - Fibonacci Sequence","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2114\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2114\/","description":"Part of the Fibonacci sequence is specified in the index.html file.\nBut the numbers fuse. Let’s improve the styling and make every second number bold.\nUse internal styles and classes. The class name should be bold-item."},{"title":"Task #2115 - Refactoring","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2115\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2115\/","description":"You already know enough to not just fix other people’s bugs, but also refactor (improve) the code.\nYour colleague used inline styles everywhere, and this isn’t particularly good.\nLet’s refactor the code using classes and identifiers."},{"title":"Task #2121 - Color palette","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2121\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2121\/","description":"There are three paragraphs in the index.html file.\nLet’s add color to each of them, use the internal stylesheet.\n The text of the first paragraph should be red. The text of the second paragraph must be specified using the HEX code - 808000."},{"title":"Task #2122 - Alignment","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2122\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2122\/","description":"The first paragraph should be aligned to the left.\nThe second paragraph should be aligned to the center.\nThe third paragraph should be aligned to the right.\nUse internal stylesheet to add styles."},{"title":"Task #2123 - Text decoration","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2123\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2123\/","description":"Add some decoration to the highlighted word in the paragraph.\nTo do this, use the id ‘with-decoration’ for <span> tag.\nA wavy red line should be drawn over the highlighted word."},{"title":"Task #2124 - Indent","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2124\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2124\/","description":"Indent the first line for each paragraph.\n For the first paragraph set indent to 10px, use id paragraph-1. For the second paragraph set indent to 20px, use id paragraph-2. For the third paragraph set indent to 30px, use id paragraph-3."},{"title":"Task #2125 - Case","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2125\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2125\/","description":"In the first paragraph, all text should be displayed in uppercase.\nIn the second paragraph, all text should be displayed in lowercase.\nIn the third paragraph, each word should be capitalized."},{"title":"Task #2126 - Spacing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2126\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2126\/","description":"Add 40px spacing between words and 10px spacing between letters.\nUse internal stylesheet and the tag selector to add styles.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2131 - Weight","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2131\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2131\/","description":"In the block about CSS, one word is highlighted using the <span> tag.\nWe need to add weight to this fragment with a value of 800.\nUse inline styles.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2132 - Style","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2132\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2132\/","description":"Your colleague highlighted the word in the text in bold, but forgot to add the italic styling.\nAdd the appropriate style for the <span> tag\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2133 - Font size","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2133\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2133\/","description":"Give the paragraph a font size of 18px\nThe font size of words highlighted with the <span> tag should be 3px larger and the weight should be 600.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2134 - Font family","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2134\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2134\/","description":"Add ‘Times New Roman’ font to every element in the index.html file.\nThe font in the <h1> heading should be italic.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2135 - Fix font link","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2135\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2135\/","description":"Your colleague has already connected the font, but something doesn’t look right.\nFix the font link to make it work, and set the fallback ‘serif’ family for all <p> tags."},{"title":"Task #2136 - Fonts link","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2136\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2136\/","description":"There are two fonts in the fonts folder - they need to be included in the styles.css file.\n The font OpenSans-Regular.ttf should be connected with a weight value of 400 and normal style The font OpenSans-LightItalic."},{"title":"Task #2141 - Background color","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2141\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2141\/","description":"Add background color to each paragraph.\n First paragraph should have #E9A87C background color. Second paragraph should have #C38D9E background color. Third paragraph should have rgb(64,179,161) background color. This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2142 - Background image","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2142\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2142\/","description":"You need to add a background to the <body> tag.\nWe’ll use the image https:\/\/images.unsplash.com\/photo-1610128114197-485d933885c5 for this\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2143 - Sized background image","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2143\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2143\/","description":"You need to add a background to the <body> tag.\nWe’ll use the image https:\/\/images.unsplash.com\/photo-1610128114197-485d933885c5 for this.\nThis time lets make this image fit the screen.\nAdd background-size property with cover as value"},{"title":"Task #2144 - Background image #2","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2144\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2144\/","description":"The <body> tag needs to add a background image.\nFor this use the image html.jpg.\nThe background-size property should be set to contain.\nThe background image should not be repeated if it doesn’t fit the screen."},{"title":"Task #2145 - Background image #3","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2145\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2145\/","description":"You should add the background image to the <body> tag.\nUse the image html.jpg.\nThe background image must not be repeated and should be centered with dimensions: 40% width and 45% height."},{"title":"Task #2151 - Border change","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2151\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2151\/","description":"The paragraph has a border, let’s change it a bit.\n Change the border style from solid to double. Set the border color to green Use internal styles This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2152 - Two elements - two borders","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2152\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2152\/","description":"Add a 2px red double border to the <div> element.\nAdd a 1px green dashed border to the <p> element.\nDo not change the number of HTML elements.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2153 - 4 sides - 4 colors","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2153\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2153\/","description":"Let’s change the border color.\n The top border should be yellow The bottom border should be red The left border should turn violet. The right one should remain green."},{"title":"Task #2154 - Top and bottom borders.","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2154\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2154\/","description":"Add a solid border to the paragraph.\n The top should be 2px, the bottom should be 4px, both should be green. The left and right borders should be 0px wide and transparent."},{"title":"Task #2155 - Left border","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2155\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2155\/","description":"Add a left border to the paragraph.\nUse only one CSS property for this.\nBorder must be solid, black, 2px wide.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2161 - Margins","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2161\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2161\/","description":"Add 10px margins to each<div>block.\nUse only one property with one value.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2162 - Separate margins","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2162\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2162\/","description":"Add top and left margins to the <h2> heading.\nThe top margin should be 15px. The left margin should be 20px.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2163 - Padding","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2163\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2163\/","description":"Add padding to each paragraph.\nTop and bottom padding should be 20px.\nThe left and right sides should be 10px.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2164 - Negative fields","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2164\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2164\/","description":"There are three <div> blocks in the index.html file.\nThe 2nd and the 3rd paragraphs need to be 5px raised to the previous.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2165 - Default values","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2165\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2165\/","description":"Change the default margin and padding values for the <ul> list.\nThe font size of the list is 18px, the vertical margins should be the half the font-size (use em)."},{"title":"Task #2171 - Relative size","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2171\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2171\/","description":"Give your paragraphs a 20px font size.\nThe paragraph height must be 2.5 times larger then the font size.\nUse relative units to indicate height.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2172 - Relative size #2","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2172\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2172\/","description":"The height of the heading <h2> is given in relative units of rem.\nWithout changing the height of the heading, make it so that its height is 50px.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2173 - Move me","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2173\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2173\/","description":"Move the <h2> heading to make sure it’s located 45px away from left side of the page.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2174 - Fix position","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2174\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2174\/","description":"Your colleague added numbering for two blocks with class block.\nNumbers should appear in the lower right corner of each block.\nBut they don’t appear there, you need to fix this."},{"title":"Task #2175 - Nav bar","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2175\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2175\/","description":"Today we need to add styles for the site navigation.\nThe .nav block should be locked at the very top of the screen.\nIts height should be 50px and its width should be the entire browser window."},{"title":"Task #2181 - Visited link","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2181\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2181\/","description":"Change the text color for the visited link from red to green.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2182 - Hover styling","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2182\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2182\/","description":"The index.html file contains a list of links to lectures.\nWhen hovering over each link, it should have a right padding of 30px.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2183 - Tags","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2183\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2183\/","description":"index.html file contains a list of tags that describes the skills of the developer.\nThe first tag is the most important - let’s highlight it with #78B3AB background.\nUse the appropriate pseudo-class (not :nth-child)."},{"title":"Task #2184 - First - Second - First - Second","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2184\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2184\/","description":"The index.html file contains a list of US cities.\nThe text color of each odd list item must be #white.\nThe text color of every even list item must be #38287F."},{"title":"Task #2185 - Weekend","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2185\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2185\/","description":"A calendar for March has been created in index.html.\nEvery 7th day is Sunday.\nIt should be marked with a red background in the calendar.\nUse the correct pseudo-class for the class ."},{"title":"Task #2191 - Block display","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2191\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2191\/","description":"There are three <div> blocks in the index.html file.\nFor some reason, all three fit in one line, although the new one should be wrapped.\nThere must be something wrong with the display property, fix it."},{"title":"Task #2192 - Inline elements","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2192\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2192\/","description":"Your colleague gave the <span> element a width of 200px.\nBut <span> is an inline element and cannot be given a width.\nChange the display of the <span> element so that it continues to be in the text and the width property works."},{"title":"Task #2193 - Hide me","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2193\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2193\/","description":"We received urgent edits from the designer - we need to temporarily hide the second paragraph.\nUse the display property for this, specify styles using the hidden identifier.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2194 - Box model","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2194\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2194\/","description":"Your colleague specified the <div> block to be 100vw width.\nHe expected the block to be exactly as wide as the viewport.\nHe also added padding and border to the block."},{"title":"Task #2201 - Flex-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2201\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2201\/","description":"We need to add a flex module to the page.\nA block with class container should become a flex container.\nElements must be distributed with the same distance between them."},{"title":"Task #2202 - Aligning elements","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2202\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2202\/","description":"Let’s align the elements a bit.\nA block with class container must be a flex container.\nItems inside a flex container should be vertically centered.\nItems must be horizontally aligned with the same spacing between them and the edges of the container."},{"title":"Task #2203 - Duration","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2203\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2203\/","description":"Let’s try displaying the duration with flex.\nMake the block with class container a flex container.\nAllocate free space among all flex items.\nThe first should be given only 1 unit, the second twice as much, the third 6"},{"title":"Task #2204 - Fix order","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2204\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2204\/","description":"The numbers are in the wrong order, and the items do not fit on one line yet.\nMake it so that the elements are spread over several lines.\nEach line must contain the numbers in the correct order."},{"title":"Task #2205, Stage #1 - Sidebar navigation.","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2205-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2205-stage1\/","description":"It’s easy to do side navigation with flexbox.\nIt is enough to make a block with the nav class a flex container and distribute the elements in it with a bell."},{"title":"Task #2205, Stage #2 - Sidebar navigation.","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2205-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2205-stage2\/","description":"Let’s decorate our navigation a little.\nSet the background of the .nav unit to the background color of #EPS8EF.\nAdd 10px vertical padding and 15px horizontal padding for the .nav block"},{"title":"Task #2205, Stage #3 - Sidebar navigation.","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2205-stage3\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2205-stage3\/","description":"For each link with the class nav-item, add a 15px margin below it add a padding of 5px.\nThe background color should be #bac2d5 and the test color #232324.\nAlso remove the underscore from the link (use the text-decoration property)."},{"title":"Task #2211 - Grid item position","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2211\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2211\/","description":"The document already has a grid container with one single item.\nBut this element is stretched to full screen.\nMake the item sit in the middle of the grid container, not stretch."},{"title":"Task #2212 - Grid","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2212\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2212\/","description":"An item with class grid-container should become a grid container.\nAll elements inside it should fit in three columns and four lines.\nSpecify both columns and lines of automatic width and height."},{"title":"Task #2213 - Page layout","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2213\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2213\/","description":"With Grid, you can easily create a page structure. That’s what we’ll do.\nLet’s start by making the .page-layout element a grid container.\nOur page should have two columns: 50px and auto, one for navigation and one for page content."},{"title":"Task #2214, Stage #1 - Start and end","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2214-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2214-stage1\/","description":"Let’s work on the elements placement.\nThe .grid-container block needs to be made a grid container.\nThe grid must have three columns.\nThe first is 20vw wide, the names of the lines are ‘start’ and ‘col-1-end’."},{"title":"Task #2214, Stage #2 - Start and end","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2214-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2214-stage2\/","description":"The .grid-item must start at the second line (‘line2’) and must go through two lines.\nIt must also start at the vertical line ‘col-2-start’ and end at the line ‘col-2-end’"},{"title":"Task #2215 - December","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2215\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2215\/","description":"We need to make a calendar for December. The markup itself is already done. Styles remain.\nAn item with grid-container class should become a grid container.\nThe calendar should have 7 columns, the width of each should be determined automatically."},{"title":"Task #2221 - New york is important","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2221\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2221\/","description":"The text color of the first paragraph must be the same color as defined by the#firstP selector.\nYou cannot delete or change existing styles, only add to them.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2222 - General sibling combinator","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2222\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2222\/","description":"The text color in all paragraphs after #secondP must be #01BBE2.\nDo not add new classes, identifiers, or inline styles to paragraphs.\nUse a common sibling combinator.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2223 - ","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2223\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2223\/","description":"There is a calendar for March in the index.html file.\nOn each line, every 7th day should be marked with a red background.\nThe text color in this cell must be white."},{"title":"Task #2224 - Attribute selector","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2224\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2224\/","description":"Links to lectures have been added to index.html.\nSome links open in a new window.\nAll of these links must have a background of #41CCC7.\nDon’t use IDs, classes, and inline styles - just attribute selectors."},{"title":"Task #2225 - Sibling combinator","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2225\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2225\/","description":"In the index.html file, each <span> element has a margin-left property.\nBut in this case, the style will be added to the first element as well.\nWe need to fix this."},{"title":"Task #2231 - Semantic refactoring #1","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2231\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2231\/","description":"We need to refactor the code a little to make it semantically correct.\nAdd the necessary tags to make the navigation semantically correct.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2232 - Semantic refactoring #2","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2232\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2232\/","description":"We need to refactor the code a little to make it semantically correct.\nExisting tags need to be grouped into logical blocks for this to be semantically correct.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2233 - Semantic refactoring #3","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2233\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2233\/","description":"We need to refactor the code a little to make it semantically correct.\nExisting tags need to be grouped into logical blocks for this to be semantically correct.\nWe also need to replace some of the tags with more appropriate ones."},{"title":"Task #2234 - Semantic refactoring #3","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2234\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2234\/","description":"We need to refactor the code a little to make it semantically correct.\nReplace the required tags with semantic ones.\nFor the title, use the tags h1, h2 and h3 in decreasing order of block sizes."},{"title":"Task #2241 - The minimum width","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2241\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2241\/","description":"Paragraphs render well on mobile displays.\nBut for large displays, it’s worth a little tweak.\nLet’s change the paragraph styles for all devices with a display width greater than 480px:"},{"title":"Task #2242 - Rebuild navigation","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2242\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2242\/","description":"Your colleague added a navigation layout. But it won’t look very good on small devices.\nLet’s tweak a bit. All changes should only show on screens smaller than 480px.\nNavigation should be positioned at the top of the screen for its full width, with a height of 50px."},{"title":"Task #2243 - Adaptive grid","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2243\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2243\/","description":"The subscription page should display well on all devices.\nFor screens up to 1280px, the .wrapper element must contain two columns of 300px width.\nFor screens up to 740px, the ."},{"title":"Task #2244 - Responsive font size","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2244\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2244\/","description":"All text inside h1, h3, li looks too large on screens smaller than 640px.\nLet’s fix it. We need to reduce the font sizes for these screens by 1.6 times."},{"title":"Task #2251, Stage #1 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage1\/","description":"We will develop a landing page for a mobile game. This is where all the knowledge you gain will come in handy! Let’s get started?\nAt the first stage we’ll add a page title."},{"title":"Task #2251, Stage #10 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage10\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage10\/","description":"The div.container from the second section must have a border-bottom class.\nThis class should add a bottom border - 1px solid #dee2e6.\nThe description-section element must have a top padding of 75px."},{"title":"Task #2251, Stage #11 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage11\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage11\/","description":"Let’s add another section .description-section.\nInside the first column there will be a div.section-image with the image screen2.png.\nThere will be div.content inside the second column.\nThe heading text is h1 - Learn with us."},{"title":"Task #2251, Stage #12 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage12\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage12\/","description":"Now let’s add a comment section - section.comments-section.\nThe structure is similar, but there will be two div.row.\nThe first should have an additional class one-column, the second should have a columns-view."},{"title":"Task #2251, Stage #13 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage13\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage13\/","description":"Texts for paragraphs of each box:\n First impressions on first day of launch: stable, and has all the UI parts working fine. as inner text`; I like it it is very fun to play!"},{"title":"Task #2251, Stage #14 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage14\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage14\/","description":"Now let’s style the comment block.\nThe background color of .comments-section should be #E4ECEE, and the top padding is 50px, the bottom one is 32px.\nThe .one-column element must have one column."},{"title":"Task #2251, Stage #15 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage15\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage15\/","description":"Each .card .user must be a flex container.\nThe avatar width should be 50px and the radius should be 50%.\nThe right margin of each avatar must be 22px.\nThe font size of the ."},{"title":"Task #2251, Stage #16 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage16\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage16\/","description":"Add another section .join-section.\nThe structure is the same as in the previous section.\nThe only difference is in the second .row - it must have a second one-column class."},{"title":"Task #2251, Stage #17 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage17\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage17\/","description":"Let’s add two links inside the div.app-buttons.\nEach link should open in a new tab.\nThe first link should lead to the AppStore: https: \/\/ apps.apple.com \/ us \/ app \/ coderslang-learn-programming \/ id1489105103."},{"title":"Task #2251, Stage #18 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage18\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage18\/","description":"The top padding of the .join-section section must be 30px, the bottom padding is 50px.\n.apps-buttons should be a flex container that should center the items.\nThe height of each ."},{"title":"Task #2251, Stage #19 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage19\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage19\/","description":"Let’s also add these buttons to the first section.\nCopy the div.apps-buttons with all the children and add to the section.banner-section .content.\nReplace only large with small for platform elements"},{"title":"Task #2251, Stage #2 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage2\/","description":"Let’s start by adding navigation.\nFirst, let’s add the semantic header tag.\nThe first child of the header will be the div.container element.\nInside the .container (which will be used in all blocks) add a semantic navigation tag."},{"title":"Task #2251, Stage #20 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage20\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage20\/","description":"Now let’s add footer, right after main.\nThe structure is as before: .container, .row.\n.row must be of class .one-column.\nInside .row.one-column add a div.copyright element, inside which add a paragraph."},{"title":"Task #2251, Stage #21 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage21\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage21\/","description":"Time to add adaptive.\nThere will be five rules for all types of screens with the following max-width: 1400px, 1200px, 992px, 768px, 575px.\nAnd we will immediately change the max-width ."},{"title":"Task #2251, Stage #22 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage22\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage22\/","description":"Let’s start with responsive for the smallest screens (575px).\n links inside .apps-buttons must be placed in a column; links inside .apps-buttons must not have a left margin; links inside ."},{"title":"Task #2251, Stage #23 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage23\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage23\/","description":"For screens up to 992px:\n .banner-section the bottom margin must be 40px; .banner-section .row and .description-section .row must be in the same column; .column-offset must not have a left margin; in the third ."},{"title":"Task #2251, Stage #3 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage3\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage3\/","description":"Let’s add some styling.\nheader must have a background color of #E4ECEE.\nThe .container should have a maximum width of 1320px - we’ll modify it later for different displays.\n.container must be horizontally centered - use margin for this."},{"title":"Task #2251, Stage #4 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage4\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage4\/","description":"Let’s include the font Jost from the fonts folder.\nAll elements must use the fonts Jost and sans-serif.\nFor all elements at once, change the box-sizing to border-box and remove the margins."},{"title":"Task #2251, Stage #5 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage5\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage5\/","description":"Styling the navigation. nav and .main-menu should be flex containers.\nWithin a nav, children must be vertically centered.\nThe left indentation of .main-menu must be zero; list items must have no bullets."},{"title":"Task #2251, Stage #6 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage6\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage6\/","description":"Let’s add a div.header-btn element just after the div.menu-block.\nThis item must be a flex container.\nInside the div.header-btn add one link with the class download-btn; the link should lead to the #download block."},{"title":"Task #2251, Stage #7 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage7\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage7\/","description":"Let’s go to the main block - add the main tag right after the header.\nThe main block will consist of several sections. The first is section.banner-section.\nInside each section we will add a div."},{"title":"Task #2251, Stage #8 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage8\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage8\/","description":"Styles again!\nThe background color of the .banner-section should be #E4ECEE, the padding should be 25px 24px 0 24px.\nAll further .row elements must be grid containers.\nInitially, all lines must have two identical columns."},{"title":"Task #2251, Stage #9 - Mining Empire landing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage9\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2251-stage9\/","description":"Let’s add a second section inside main. The second section should have a class description-section.\nThe rest of the structure (.container, .row, .column) is the same as in the first section."},{"title":"Task #2451 - Connecting scripts","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2451\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2451\/","description":"One script has already been added to index.html that displays the message This is the second message.\nYou need to add one more script in which the message should be displayed in the console: This is the first message."},{"title":"Task #2452 - Fix the script","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2452\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2452\/","description":"Your colleague has added an external script that compliments the internal one.\nThe problem is that something’s off and there’s an error in the console.\nFunction isLoaded should remain where it is and should be called from the external script."},{"title":"Task #2453 - Let's meet","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2453\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2453\/","description":"You should know, who your users are.\nLets ask them to enter their name. The question should be - What is your name?.\nIf user has entered something - log this string to the console."},{"title":"Task #2454 - Odd or even","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2454\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2454\/","description":"Let’s write a script that checks the number entered by the user for a match.\nThe message to enter must be Enter number, initial value is 100\nIf the user did not enter a number, you need to show the alert modal with the text: Not a number."},{"title":"Task #2455 - Newsletter","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2455\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2455\/","description":"Let’s get the mail from the user, the question is Please, enter your email.\nIf the mail contains the @ symbol, check with the user if he wants to receive the newsletter."},{"title":"Task #2461 - Find them all","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2461\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2461\/","description":"The task is very simple - you need to display a list of all div elements in the console.\nUse the method of retrieving items by tag name for this."},{"title":"Task #2462 - Combinations of selectors","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2462\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2462\/","description":"Let’s print to the console all the items with the item class item that are inside the car block.\nUse methods to get elements by identifier and class for this."},{"title":"Task #2463 - I am in a hurry to help","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2463\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2463\/","description":"Your colleague has asked you for help. He wants to get two lists.\nThe first list is a list of items with the title of books from the BBC The Big Read."},{"title":"Task #2464 - New methods","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2464\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2464\/","description":"You need to print to the console all elements whose id begins with art.\nUse the internal script.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2465 - Check and add","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2465\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2465\/","description":"There are 4 images added to the document. Not all of them have a title attribute.\nWrite an internal script that checks if images have this attribute.\nIf it does not exist, add it with a value equal to the alt attribute of the image."},{"title":"Task #2471 - Adding text","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2471\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2471\/","description":"You need to add a text node to the existing paragraph using JS.\nThe text should be as follows - Hello, dear user.\nUse the internal script.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2472 - Missing a title","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2472\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2472\/","description":"Our list is missing a title. Let’s add one with the script.\nThe title must be an h3 element with the Browsers inner text.\nIt should appear immediately before the ul tag."},{"title":"Task #2473 - Filtering the list","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2473\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2473\/","description":"The document contains a list of years, but some of them are repeated.\nWe need to write a script that leaves only unique elements by removing duplicates.\nThe order of the items in the list must be preserved."},{"title":"Task #2474 - Hi, Bob","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2474\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2474\/","description":"Let’s ask the users for their name and age.\nThe first question should be What is your name?.\nThe second question should be How old are you?.\nIf at least one field is empty, or age is not a number,"},{"title":"Task #2475 - Lists render","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2475\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2475\/","description":"A script with a bird data object has been added to the file index.html.\nYou need to go through the properties of this object and add each property to the body."},{"title":"Task #2481 - DOM is ready","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2481\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2481\/","description":"We need to fix the script a little.\nThe message DOM is ready should be printed to the console.\nItems cannot be swapped.\nModify the existing script, do not delete or change the if condition."},{"title":"Task #2482 - Removing the handler","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2482\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2482\/","description":"The script needs to be improved.\nThe first thing to do is add the deleteParagraph function as a handler for the button click.\nAfter the first activation of the function, this handler must be removed."},{"title":"Task #2483 - Counter","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2483\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2483\/","description":"We will develop a counter that will add and subtract one.\nTo do this, you need to add a paragraph on the page, initially it should contain the number 0."},{"title":"Task #2484 - Always ready to help","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2484\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2484\/","description":"Your colleague asked you for help.\nLet’s help him finish the script.\nWhen the button is pressed, the inner text of the paragraph must be supplemented with the next array element."},{"title":"Task #2485 - Text editor","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2485\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2485\/","description":"Let’s write a text editor.\nWhen pressing the Enter button, a new p element should appear at the end of the body.\nWhen you press the keys, the last character should be added to the inner text of the last paragraph."},{"title":"Task #2491 - Bubbling","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2491\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2491\/","description":"Click handlers are already added to the elements of the seasons list\nBut one more handler is needed.\nWhen clicking on any item in this list, the Updated message should be logged to the console."},{"title":"Task #2492 - No bubbling","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2492\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2492\/","description":"Your colleague started writing handlers.\nBut the handler for the .chapter element does not fire when clicking on nested .section elements.\nBut should. Help your colleague figure it out.\nYou just need to fix one line in the script, don’t change anything else."},{"title":"Task #2493 - Drop me a call","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2493\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2493\/","description":"The layout designer has prepared a layout. It remains to add logic.\nWhen pressing the dial buttons, the digit value must be added to the inner text of the #entered-number element."},{"title":"Task #2494 - Operation \"Interception\"","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2494\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2494\/","description":"Each element in the index.html file needs to add a click handler.\nThe handler should print the element’s id to the console.\nAs a result, when you press the Click me button, 4 messages should appear in the console."},{"title":"Task #250, Stage #1 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage1\/","description":"Hey, Hero! This is your first task that consists of multiple stages. You’ll be submitting your solution multiple times implementing a smaller piece of the big task. Be mindful not to break what was already working on previous stages."},{"title":"Task #250, Stage #10 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage10\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage10\/","description":"After implementing a producer purchase we need to make sure they do the work!\nEach second the producer should give us the amount of gold equal to their baseProduction.\n Add a new field productionRate to the config object exported from constants."},{"title":"Task #250, Stage #11 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage11\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage11\/","description":"The core of our mining game is implemented now.\nHowever, there are a few cosmetic things that we need to work on to provide a pleasant user experience.\nFor starters, we’ll improve our config by adding two flags isInitCompleted: false and isProducerListUpdated: true"},{"title":"Task #250, Stage #12 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage12\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage12\/","description":"The prep is done, so let’s start from the beginning.\nOnce the user has enough gold to purchase the first producer, it makes sense to change the welcome message.\nI suggest creating a function checkInitCompleted that should be called from handleKeyPress once the user has enough gold to purchase the first producer."},{"title":"Task #250, Stage #13 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage13\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage13\/","description":"Next, we’re going to improve the UX by displaying the current list of producers.\nWe’ll implement the function updateProducerList(term, state) in functions.js\n It should print the list of producers, each on the new line starting from line 5."},{"title":"Task #250, Stage #14 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage14\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage14\/","description":"Wow! The previous stages must have been hard. We still have some work to do, though.\nIt’d be very useful for the user to see the current production rate of their mining empire."},{"title":"Task #250, Stage #15 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage15\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage15\/","description":"You might have noticed, that there are occasional issues with displaying the numbers in our game.\nSometimes, there appear long weird tails after the decimal point.\nThe other times the numbers get so big that it’s hard to make sense of them."},{"title":"Task #250, Stage #16 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage16\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage16\/","description":"At the moment, we’re updating the UI once a second. It’s ok, but it’d be a lot smoother if it was updating\nmore often. Let’s say 10 times faster.\nYou’ll need to change the code in quite a few places,"},{"title":"Task #250, Stage #2 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage2\/","description":"Our game should interact with the user in 2 ways. It should know how to accept the keyboard input,\nand it should know how to print messages to the console."},{"title":"Task #250, Stage #3 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage3\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage3\/","description":"So, you’ve already exported the constant term that will allow us to control the terminal.\nLet’s make some use of it!\n Create the file functions.js and export the function init from it."},{"title":"Task #250, Stage #4 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage4\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage4\/","description":"Congratulations on passing the stage 3!\nYou might be wondering why we have 4 files, a third party module and quite a few lines of code to output\na single message on the screen… And the answer is that this structure will allow our code to be flexible,"},{"title":"Task #250, Stage #5 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage5\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage5\/","description":"Now, let’s work on the function that will be called if the user clicks the key G on the keyboard.\nImplement and export the function handleKeyPress(term, state) in the handlers.js."},{"title":"Task #250, Stage #6 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage6\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage6\/","description":"The handler is ready, so we need to connect it with the keypress event.\nBut before that we need to improve the init function. It accepts a single parameter and should call on it:"},{"title":"Task #250, Stage #7 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage7\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage7\/","description":"So, now we can start mining gold in manual mode by pressing key ‘G’ key.\nLet’s print the result of our actions on the screen.\nImplement and export the function updateGold(term, state) from functions."},{"title":"Task #250, Stage #8 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage8\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage8\/","description":"Great! The manual mode is done, so we should think about automating our mining empire.\nAdd a new field producers into the config constant that was exported from solution.js.\nIt should be an array of objects."},{"title":"Task #250, Stage #9 - Gold Mine","link":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage9\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task250-stage9\/","description":"Now let’s add the ability for the user to purchase new producers.\nIf you’ve created producers with single digit ids, you did everything right. If not, you can still fix it."},{"title":"Task #2501 - Applying colors","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2501\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2501\/","description":"The document has already added a title and five colored button elements.\nWhen you click on any of the buttons, the text color of the h2 heading should change to the one indicated on the button."},{"title":"Task #2502 - Changing the font size","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2502\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2502\/","description":"There are two buttons in the document: + and -.\nWhen the + button is clicked, the font size of the .story element should increase by 1px by default.\nIf the current font size of the ."},{"title":"Task #2503 - Fortune cookies","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2503\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2503\/","description":"There are three fortune cookies (.cookie) in the document.\nTo read the prediction, you need to open the cookie.\nWhen you click on a .cookie, you need to add the opened class to it."},{"title":"Task #2504 - A bit of UX","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2504\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2504\/","description":"When dialing a number, it is desirable to highlight the pressed button.\nWhen clicking on any button in the index.html file, the pressed class must be added to it for 500ms."},{"title":"Task #2505 - Traffic light","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2505\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2505\/","description":"You were given access to control traffic lights in the city.\nThe task you need to solve is to manually control them.\nTo turn on the red light, the .traffic-light element must have a second class stop."},{"title":"Task #2611 - Initial value","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2611\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2611\/","description":"You need to add initial values \u200b\u200bto both fields in the document.\nThe first must be John, the second must be Doe.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #2612 - Stacked Form","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2612\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2612\/","description":"The form must be stacked.\nFor this, the input fields must become block.\nThe width of each field must be 100% of the parent element (the form tag).\nNote that the form has padding."},{"title":"Task #2613 - Everything is intertwined","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2613\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2613\/","description":"Your colleague messed up everything with the inputs and labels.\nEverything is not working as it should.\nRadio buttons should only have one value.\nUse the name developer for this."},{"title":"Task #2614, Stage #1 - On the way to Google","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2614-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2614-stage1\/","description":"Let’s make a simple copy of the Google input field. Let’s take a look at one of the ways to add icons to fields. Use internal styles.\nImmediately after the div."},{"title":"Task #2614, Stage #2 - On the way to Google","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2614-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2614-stage2\/","description":"Now we will work on the styles of our input field. Let’s start with its wrapper.\nLet’s make div.input-wrapper a flex container.\nThe element must be in line and vertically centered."},{"title":"Task #2614, Stage #3 - On the way to Google","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2614-stage3\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2614-stage3\/","description":"Let’s finish styling the field itself. We need to remove the borders and highlight the field.\nHeight should be 34px, font size should be 16px.\nWe will only add horizontal margins - 8px."},{"title":"Task #2621 - On focus","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2621\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2621\/","description":"The script is not working as expected. Let’s fix it.\nWhen the textarea element receives focus, the form focused message should appear first in the console.\nAfter that, the message textarea focused should appear."},{"title":"Task #2622 - Getting values","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2622\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2622\/","description":"When you click on the Generate greeting button, a message of the following format should appear in the console:\nHello, *firstName* *lastName*!, where *firstName* is the value of the first field, *lastName* - of the second field."},{"title":"Task #2623 - Validation and UX","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2623\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2623\/","description":"It is necessary to show the user when the data entered in the form is sufficient.\nIf the user has entered more than 4 characters in both the email and password fields, change the background of the button to #90E39A."},{"title":"Task #2624 - Deposit","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2624\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2624\/","description":"It is necessary to write the logic of the deposit calculator.\nYou need to calculate how much interest will be charged for the billing period and add them to the initial amount."},{"title":"Task #2711 - Transforming","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2711\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2711\/","description":"Let’s practice with 2d transforming an element\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #2712, Stage #1 - The Cube","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2712-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2712-stage1\/","description":"Let’s make a cube of three squares. In our projection, the top side of the cube will be visible to us and it will be rotated 45 degrees. Let’s get to work!"},{"title":"Task #2712, Stage #2 - The Cube","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2712-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2712-stage2\/","description":"Now let’s move on to the left side. First, rotate it 15 degrees clockwise.\nThen we will distort the same by 15 degrees.\nNow it remains to put it in place - along the horizontal axis, it should be shifted by half its width."},{"title":"Task #2712, Stage #3 - The Cube","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2712-stage3\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2712-stage3\/","description":"The right side should be mirrored to the left. So we’ll first rotate it 15 degrees counterclockwise.\nWe will also distort it by 15 degrees, but only in a different direction."},{"title":"Task #2713 - Rotation controller","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2713\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2713\/","description":"The index.html file has two buttons: # left and # right.\nWhen the #left button is pressed, the .box element must rotate 30 degrees counterclockwise.\nWhen the #right button is pressed, the ."},{"title":"Task #2714, Stage #1 - 3D Cube","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2714-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2714-stage1\/","description":"Let’s build a full-fledged 3D cube Do not change already added styles, add all new styles only to existing classes.\nFirst of all, turn all the necessary sides to the desired angle."},{"title":"Task #2714, Stage #2 - 3D Cube","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2714-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2714-stage2\/","description":"After the sides are turned, we only see the front of the cube.\nWell, the back, thanks to the transparency of the background.\nTo make all the sides visible, we need to add a perspective with a depth of 400px."},{"title":"Task #2714, Stage #3 - 3D Cube","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2714-stage3\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2714-stage3\/","description":"Let’s rotate our cube a little so that the inscriptions do not merge.\nThe cube will be rotated around the X axis by -5 degrees.\nDo not forget that all other elements that we have transformed must remain in their 3D space."},{"title":"Task #2715 - What a view !!!","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2715\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2715\/","description":"Let’s write a script and transformations that will open the window.\nWhen clicking on the button of an element with the class .blind, you need to add the class .opened."},{"title":"Task #2721 - Netflix","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2721\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2721\/","description":"Hovering over any item in the Netflix shows list should cause transition:\n the value of the margin-left property should become -300px; the value of the font-size property should be 32px."},{"title":"Task #2722 - Transitions","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2722\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2722\/","description":"Let’s practice transitions of css property values.\nFor div.box element, the following changes should occur on hover:\n width should be 400px, transition delay 1s, duration - 4s; height should be 400px, transition delay is 2s, duration - 4s; the corners should become 50% rounded, transition delay 2s, duration - 4s; background color should be #861657, transition delay should not be, duration should be 4s."},{"title":"Task #2723, Stage #1 - In the corners","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2723-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2723-stage1\/","description":"Let’s add a simple animation. In it, the circle should move infinitely along the corners of the square.\nLet’s do a little preparation before the animation.\nOne animation cycle of a div."},{"title":"Task #2723, Stage #2 - In the corners","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2723-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2723-stage2\/","description":"Now let’s describe our circleMove animation in a keyframe.\nThe starting position has already been specified.\nAfter a quarter of the time, the circle should move to the upper right corner."},{"title":"Task #2724, Stage #1 - Flipping card","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2724-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2724-stage1\/","description":"Let’s animate the flipping of the card\nWe’ll do some preparation at the first step.\nFirstly, the back of the map (.face.back) must be rotated 180 degrees around the Y axis"},{"title":"Task #2724, Stage #2 - Flipping card","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2724-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2724-stage2\/","description":"We will turn the card over with trickery. If we just turn it over, it will sort of pop out a little ahead.\nTo avoid this, we need to shift the center of the perspective to the right of the card element."},{"title":"Task #2725, Stage #1 - Star Wars. Episode I.","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2725-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2725-stage1\/","description":"You’ve probably watched the Star Wars movies. Now I will try to create this animation for the first episode.\nFirst of all, let’s prepare the markup for our page.\nInside the body, add a div with class star-wars, inside it, add a div with class episode-intro."},{"title":"Task #2725, Stage #2 - Star Wars. Episode I.","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2725-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2725-stage2\/","description":"Now let’s add the stylesheet.\nThe body tag should occupy the entire screen of the device, and everything beyond the body should be hidden.\nUse the only picture from the images folder for the background body."},{"title":"Task #2725, Stage #3 - Star Wars. Episode I.","link":"https:\/\/learn.coderslang.com\/coderslang-js-task2725-stage3\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task2725-stage3\/","description":"Now let’s add the stylesheet.\nThe body tag should occupy the entire screen of the device, and everything beyond the body should be hidden.\nUse the only picture from the images folder for the background body."},{"title":"Task #3501 - The first expo app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3501\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3501\/","description":"Build Your First React Native App with Expo.\nThe application must be named my_app.\nDo not change anything in the files of the created application - just send it for review."},{"title":"Task #3511 - First Try","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3511\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3511\/","description":"Go to App.js file. There is a Text element.\nChange the inner text of this document to My first React Native try.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #3512 - Circles","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3512\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3512\/","description":"Add two more circles to the line.\nThey should be styled in the same way as the first two.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #3513 - Colors","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3513\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3513\/","description":"In the file App.js, the component must return a column of three blocks.\nThe column should fill the entire screen - the flex property should be 1.\nThe first block of the column should have blue background, the second one - green, and the third - yellow."},{"title":"Task #3514 - Flex in React Native","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3514\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3514\/","description":"Let’s practice some styling in React Native.\nElements within each styles.row element must be placed on a line, not a column.\nAll calendar cells must be the same size with 5px margins and 10px padding."},{"title":"Task #3515 - Screen Layout","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3515\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3515\/","description":"Let’s work on the layout of the screen.\nThe screen should have three lines, all of the same height.\nThe second line should have two columns - the second should be twice as wide as the first."},{"title":"Task #3521 - Fix the error","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3521\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3521\/","description":"Two blocks - green and red - have sizes indicated.\nHowever, these two boxes are completely hidden. An error is made - the size of the parent component is not specified."},{"title":"Task #3522 - Fix me","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3522\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3522\/","description":"The <App \/> component consists of three blocks. Each already has its own color and width.\nFor some reason, these blocks are not displayed.\nThis is most likely due to the fact that neither a height nor a flex property is specified."},{"title":"Task #3523 - Stairs","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3523\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3523\/","description":"The structure of the stairs is already ready. All that remains is to specify the width of the steps.\nThe width of the bottom step must be the same as the width of the screen."},{"title":"Task #3524 - Navigation Layout","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3524\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3524\/","description":"We need to prepare the bottom navigation markup.\nInside a View with styles style.navbar, add four Image elements.\nThese images will be our navigation buttons.\nEach image must be 40px high and 60px wide."},{"title":"Task #3525 - Image sizing","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3525\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3525\/","description":"Add the image https:\/\/learn.coderslang.com\/lecture-background-image.jpg inside the top-level View container.\nThe image must be in the middle of its container.\nImage width must be 80% of screen width.\nThe image should be displayed in its entirety in the original aspect ratio."},{"title":"Task #3531 - Forgotten handler","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3531\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3531\/","description":"Your colleague forgot to add a text input handler for the field.\nUse the onChangeText property.\nThe value entered by the user must be stored in the name variable and displayed in the input."},{"title":"Task #3532 - Fix handler","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3532\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3532\/","description":"An input field has been added to <App \/> and it has a method called onChange.\nBut the app doesn’t work.\nPass the correct handler to onChange to make it work."},{"title":"Task #3533 - Feedback form","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3533\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3533\/","description":"The form has already added an email field.\nAdd another message field just below the email address.\nThe field must be multi-line, use the onChange method to handle the input."},{"title":"Task #3534 - Click counter","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3534\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3534\/","description":"Your colleague left a component incomplete.\nLet’s complete it. All that’s left to do is add a button.\nAdd a standard button Button, the text on the button should be ‘Click me’."},{"title":"Task #3535, Stage #1 - Sign-in form","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3535-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3535-stage1\/","description":"Now let’s try to create a simple registration form\nApp.js already has a screen title.\nJust below the text heading, add two text input components.\nBoth input fields must be 60px high and 80% of the screen width."},{"title":"Task #3535, Stage #2 - Sign-in form","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3535-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3535-stage2\/","description":"Now let’s add some logic to each field.\nThe placeholder text of the first field should be Enter email, the second should be Enter password.\nPlaceholder text color must be #254441."},{"title":"Task #3535, Stage #3 - Sign-in form","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3535-stage3\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3535-stage3\/","description":"We’ll add a button below the fields, which we’ll style ourselves. To do this, we’ll need to use TouchableOpacity.\nOpacity should be 0.75 when clicked.\nButton height must be 60px and width 80% of the screen width."},{"title":"Task #3535, Stage #4 - Sign-in form","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3535-stage4\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3535-stage4\/","description":"Now let’s add the text ‘Login’ inside the button.\nThe font weight should be bold, the font size should be 20.\n This task is part of the Full-Stack JavaScript Course."},{"title":"Task #3535, Stage #5 - Sign-in form","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3535-stage5\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3535-stage5\/","description":"Now is the time to add the onPress handler to the button.\nWhen you click on it, the component should change.\nInstead of a title and button fields, two text components should appear."},{"title":"Task #3541 - Fix view","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3541\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3541\/","description":"The text of the App.js component will overlap the status bar on iOS.\nYou need to fix this, the correct view was used.\nAll styles and text should remain unchanged."},{"title":"Task #3542 - Scroll throw poems","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3542\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3542\/","description":"The applications with Bayron’s poems are almost ready. All that remains is to display the poems.\nTo display in verse, call the renderPoems method.\nThe verses should be displayed in a ScrollView just below the header container."},{"title":"Task #3543 - FlatList","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3543\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3543\/","description":"In App.js, you need to render the data array to the FlatList.\nEach list item must be a block with the style styles.item.\nInside this block, the text corresponding to the list item should be displayed."},{"title":"Task #3544, Stage #1 - Menu app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3544-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3544-stage1\/","description":"New mini project - development of a menu application. Let’s get to work!\nWe’ll use SectionList because the menu has different sections.\nYou can see the prepared data in the file data."},{"title":"Task #3544, Stage #2 - Menu app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3544-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3544-stage2\/","description":"Let’s work out the renderSectionHeader method. It should return the Text element.\nDisplay the section’s menuSection property as inner text.\nHint: the renderSectionHeader argument will be an object with a section field, the value of which will be an element of the sectionsData array."},{"title":"Task #3544, Stage #3 - Menu app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3544-stage3\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3544-stage3\/","description":"Let’s work on the renderItem method. It should return the View element.\nElement vertical margins should be 10 and horizontal paddings 30.\nThis container must have two children: the first is View and the second is Text."},{"title":"Task #3544, Stage #4 - Menu app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3544-stage4\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3544-stage4\/","description":"And so, let’s work through the first child of the container returned from renderItem. We also have this View.\nItems in it will be displayed in a row, to do this, set the flexDirection property to row."},{"title":"Task #3544, Stage #5 - Menu app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3544-stage5\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3544-stage5\/","description":"Let’s work on the second child of the container returned from renderItem. We have this Text.\nInside this element, the value of the description field of the list item should be displayed."},{"title":"Task #3551 - Navigation connection","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3551\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3551\/","description":"Let’s practice turning on navigation.\nThe App component must return a navigation container with a stacked navigator.\nThere should only be one screen in the stack named Home.\nThe display of this screen must be the Home component to be imported from screen\/Home."},{"title":"Task #3552 - Initial screen","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3552\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3552\/","description":"The App component must return a navigation container with a stacked navigator.\nThere should be two screens in the stack - the first named Components, and the second named APIs."},{"title":"Task #3553, Stage #1 - Screens transitions","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3553-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3553-stage1\/","description":"Let’s practice adding transitions between screens\nThe App component must return a navigation container with a stacked navigator.\nThere should be two screens in the stack - the first named Frontend, and the second named Backend."},{"title":"Task #3553, Stage #2 - Screens transitions","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3553-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3553-stage2\/","description":"Now let’s add transitions between screens.\nFrom the Frontend screen we should go to the Backend screen when clicking on the Check BE stack button\nFrom the Backend screen we should go to the Frontend screen when clicking on the Check FE stack button"},{"title":"Task #3554, Stage #1 - Back navigation","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3554-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3554-stage1\/","description":"Let’s practice with nesting navigation and transitions between screens\nThe App component should only return a navigation container with a stacked navigator.\nThere should be three screens in the stack - the first with the name Product, the second with the name Comments, the third with the name Analogues."},{"title":"Task #3554, Stage #2 - Back navigation","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3554-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3554-stage2\/","description":"Let’s work on the navigation buttons of the Product screen.\nPressing the first button should take the user to the Comments screen.\nPressing the second button should take the user to the Analogues screen."},{"title":"Task #3554, Stage #3 - Back navigation","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3554-stage3\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3554-stage3\/","description":"Let’s work on the Analogues screen navigation buttons.\nPressing the first button should take the user to the previous screen.\nUse the goBack method for this.\nPressing the second button should take the user to the Comments screen."},{"title":"Task #3554, Stage #4 - Back navigation","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3554-stage4\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3554-stage4\/","description":"Let’s work on the navigation buttons of the Comments screen.\nPressing the first button should take the user to the previous screen.\nUse the goBack method for this.\nPressing the second button should take the user to the initial stack screen."},{"title":"Task #3555 - React Navigation","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3555\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3555\/","description":"This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post\nFeel free to help others if you’ve already solved the task"},{"title":"Task #3555, Stage #1 - React Navigation","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3555-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3555-stage1\/","description":"Let’s practice passing parameters when changing screens.\nThe App component should only return a navigation container with a stacked navigator.\nThere should be two screens in the stack - the first with the name Games, the second with the name Details."},{"title":"Task #3555, Stage #2 - React Navigation","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3555-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3555-stage2\/","description":"Clicking on any TouchableOpacity element on the GamesList screen should jump to Details.\nDuring the transition, the entire object describing the game (item) must be passed to the Details screen."},{"title":"Task #3561 - Header control","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3561\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3561\/","description":"A navigator with two screens has already been added to the <App \/> component.\nBut on the first screen, we don’t need a header at all - let’s hide it."},{"title":"Task #3562 - Dynamic header","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3562\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3562\/","description":"A navigator with two screens has already been added to the <App \/> component.\nBut on the first screen, we don’t need a header at all - let’s hide it."},{"title":"Task #3565 - Tab navigation connection","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3565\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3565\/","description":"Let’s practice turning on tab navigation.\nThe App component must return a navigation container with a tab navigator.\nThere should two screens in the navigator.\nFirst screen should be named USA, second - Canada."},{"title":"Task #3566, Stage #1 - Tab icons","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3566-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3566-stage1\/","description":"Let’s practice replacing the text on the buttons for switching tabs with icons\nThe App component must return a navigation container with a tab navigator.\nThere should two screens in the navigator."},{"title":"Task #3566, Stage #2 - Tab icons","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3566-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3566-stage2\/","description":"Now we will hide the text of the buttons. You need to hide it with one property for all screens at once.\nNext, let’s add icons for buttons. For icons, use the component components\/ TabBarIcon."},{"title":"Task #3567, Stage #1 - Nesting navigators","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3567-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3567-stage1\/","description":"Let’s practice nesting navigators\nThe App component must return a navigation container with a stacked navigator.\nThis navigator should have two screens. The first one named Home should have a screen \/ Home component."},{"title":"Task #3567, Stage #2 - Nesting navigators","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3567-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3567-stage2\/","description":"From the Home screen, it is necessary to add the transition to the settings.\nThe button has already been added, it remains to write the transition to the CV screen."},{"title":"Task #3571 - Error modal","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3571\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3571\/","description":"A modal has already been added to the<App \/>component.\nBut its display is somehow wrong.\nModal window should be displayed when pressing on Cause error\nThe background of the modal must be transparent."},{"title":"Task #3572 - Check before close","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3572\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3572\/","description":"You need to add a modal window to the<App \/>component. Let’s add it right before the button.\nClicking this button should open a modal window.\nModal window should open full screen with white background."},{"title":"Task #3573 - Alert","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3573\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3573\/","description":"A button has already been added to the <App \/> component. You have to modify the click handler.\nWhen you click on the button, an Alert should appear without a title."},{"title":"Task #3574 - Alert with buttons","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3574\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3574\/","description":"When you click on the Confirm agreement border, an Alert should appear with the Please confirm title.\nAlert should show a message - Are you agree? And two buttons - Sure and No, no, no."},{"title":"Task #3575 - Drawer navigation","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3575\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3575\/","description":"Let’s practice adding Drawer navigation.\nThe App component must be a navigation container with a Drawer navigator.\nYou need to add three screens named Asia, Europe, NorthAmerica - in that order."},{"title":"Task #3801, Stage #1 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage1\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage1\/","description":"We will now jointly develop a full-fledged Vocabulary Builder mobile app. The application will allow you to create your own dictionary of English words. We use React Native, RN Navigation, Redux, redux-thunk, AsyncStorage in the application."},{"title":"Task #3801, Stage #10 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage10\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage10\/","description":"Let’s add the src\/components\/Buttons\/IconButton component.\nThis component must return the TouchableOpacity element.\nThe styles for this component must be an array of styles.\nThe first element of the array must contain a padding style of 3."},{"title":"Task #3801, Stage #11 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage11\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage11\/","description":"Let’s add the src\/components\/Input component.\nThis component must be returned by the View element.\nThe styles for this component must be an array of styles.\nThe first element of the array must contain the following styles: borderRadius - 4, height - 35, flex - 1,"},{"title":"Task #3801, Stage #12 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage12\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage12\/","description":"Let’s add the src\/components\/Buttons\/Button component.\nThis component should return the TouchableOpacity element with styles:\nborderRadius - 4, height - 35, width - 120, justifyContent - center,\nalignItems - center, backgroundColor-colors.blue3, shadowOpacity-0."},{"title":"Task #3801, Stage #13 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage13\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage13\/","description":"Now let’s add a component that will be an element of the Lists.\nLet’s add it to the src\/containers\/Lists\/List folder.\nFirst, let’s add the getWordsCount helper method in the src\/containers\/Lists\/List\/helpers.js file."},{"title":"Task #3801, Stage #14 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage14\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage14\/","description":"The FlatList element of the Lists container must have the data and renderItem properties defined to display the list items.\nThe data property must equal the lists property of the container."},{"title":"Task #3801, Stage #15 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage15\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage15\/","description":"Let’s connect the List component to the repository.\nYou only need to transfer the WORDS field to the List component.\nOnly when passing it to a component should it be renamed to words."},{"title":"Task #3801, Stage #16 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage16\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage16\/","description":"Let’s work on the AddingListOrWord container.\nThis screen will have one input field, and the entered value will need to be stored somewhere.\nUse useState for this.\nThe AddingListOrWord container itself must return a SafeAreaView with styles:"},{"title":"Task #3801, Stage #17 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage17\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage17\/","description":"Let’s work on the Words container, which should return two SafeAreaView items.\nThe first with styles: flex - 1,backgroundColor - colors.blue1, and the second: flex - 0, backgroundColor - colors.blue1."},{"title":"Task #3801, Stage #18 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage18\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage18\/","description":"Let’s work on the redux methods. But first, let’s add the required constants to the src\/external\/redux\/constants file.\nAPI, FETCH_WORD_ENDPOINT, ADD_WORD, SET_ERROR, SET_LOADING - the value of all constants is equal to their name."},{"title":"Task #3801, Stage #19 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage19\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage19\/","description":"The data needs to be stored somewhere. To do this, let’s use the @react-native-async-storage\/async-storage library.\nLet’s write two functions to save and read data in the functions.js file at the root of the project."},{"title":"Task #3801, Stage #2 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage2\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage2\/","description":"Now let’s add some starter code for the redux store.\nInstall the redux, react-redux and redux-thunk libraries.\nIn the src\/external\/redux\/constants.js file create three constants ADD_LIST, LISTS, WORDS.\nThe meaning of each constant must be the same as its name."},{"title":"Task #3801, Stage #20 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage20\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage20\/","description":"Let’s add the required constants to the file src\/external\/redux\/constants.\nDELETE_LIST, DELETE_WORD - the value of all constants is equal to their name.\nExport two more functions from src\/external\/redux\/actions: deleteWord, deleteList."},{"title":"Task #3801, Stage #21 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage21\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage21\/","description":"Add the constant SET_STORAGE_DATA to src\/external\/redux\/constants, equal to its name.\nAdd the readAsyncStorage function to the src\/external\/redux\/actions file and export it.\nThis method should return an asynchronous function with one dispatch argument."},{"title":"Task #3801, Stage #22 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage22\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage22\/","description":"Functions deletelistresult, deletewordresult, addlistresult, addwordresult should be exported from the src\/external\/redux\/helpers file.\ndeleteListResult must get a state and list to delete as arguments.\nThis method must return the updated state, filtering the lists LISTS and WORDS."},{"title":"Task #3801, Stage #23 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage23\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage23\/","description":"Improve the reducer. By default, it must return the initial state.\nThe case ADD_LIST should call the addListResult method, the case ADD_WORD: addWordResult.\nCases DELETE_LIST and DELETE_WORD - deleteListResult and deleteWordResult, respectively."},{"title":"Task #3801, Stage #24 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage24\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage24\/","description":"You need to create folders: src\/containers\/Words\/Word, src\/containers\/Words\/Word\/Details, src\/containers\/Words\/Word\/Option.\nIn each bottom, you need index.js file to create the appropriate components.\nLet’s start with the Option component. It must return the Text element."},{"title":"Task #3801, Stage #25 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage25\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage25\/","description":"Now let’s work on the Details component. It should return the View element.\nFor View, the marginVertical property must be 10.\nInside the View, first add a Text element: for the detailsKey value defs - the inner text is Definition:,"},{"title":"Task #3801, Stage #26 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage26\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage26\/","description":"Now is the time to work on the Word component. It will expand and collapse word details.\nTo do this, add a flag using the useState hook. The initial value is false."},{"title":"Task #3801, Stage #27 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage27\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage27\/","description":"To display the data, you must first prepare.\nTo do this, export the preparedDetails function from the file: src\/containers\/Words\/Word\/helpers.js.\nThis function must receive one meanings argument.\nmeanings is an array of objects that describe a word."},{"title":"Task #3801, Stage #28 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage28\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage28\/","description":"We need to add one more, this time the last, component.\nLet’s create it in the src\/components\/AlertModal folder.\nThis component must return the Modal element.\nThe visible property should be cast into it, and the handleClose property should be passed into its onRequestClose property."},{"title":"Task #3801, Stage #29 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage29\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage29\/","description":"Let’s add a modal window to the Words container.\nFirst, let’s add the logic to enable it.\nLet’s create its state with useState. The initial value is an object with fields:"},{"title":"Task #3801, Stage #3 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage3\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage3\/","description":"Let’s add the navigator component in the file src\/components\/Navigator\/index.js.\nLet’s immediately add temporary components for our future screens.\nLet’s place them in the src\/containers folder: Words\/index.js, Lists\/index.js, AddingListOrWord\/index.js.\nAll components and containers must be named exactly the same as the folders in which they are located."},{"title":"Task #3801, Stage #30 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage30\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage30\/","description":"The Words container needs to be connected to the store using the connect method.\nWe will use both mapStateToProps and mapDispatchToProps.\nmapStateToProps should only return one words property equal to the WORDS from the state."},{"title":"Task #3801, Stage #31 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage31\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage31\/","description":"The AddingListOrWord container must be connected to the store using the connect method.\nWe will use both mapStateToProps and mapDispatchToProps.\nmapStateToProps must return two loading and error properties from the state."},{"title":"Task #3801, Stage #32 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage32\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage32\/","description":"The final touch is loading data between inclusions.\nIn the file App.js, add a call to the store.dispatch method before loading the fonts.\nstore we imported earlier and passed it to the provider."},{"title":"Task #3801, Stage #4 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage4\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage4\/","description":"Let’s add a file with a list of colors that will be used in the project.\nFrom the src\/assets\/styles\/colors.js file, export the default object.\nIn this object, define the colors: blue: #4D8ADA, blue1: #FAFCFF, blue2: #D5E2F2, blue3: #DEECFE, black: #1E1E1E,"},{"title":"Task #3801, Stage #5 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage5\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage5\/","description":"Let’s add the component src\/components\/Buttons\/RadialButton.\nThis component must return a TouchableOpacity element that wraps the Icon component.\nThe onPress property must be forwarded to TouchableOpacity.\nPass the following properties to the Icon component: size - 35, color - colors."},{"title":"Task #3801, Stage #6 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage6\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage6\/","description":"Let’s add the src\/components\/NavigationHeader component. This component should return the StatusBar element.\nNavigationHeader should have default properties: barStyle: dark, backgroundColor: transparent.\nThe StatusBar must have animated and translucent properties equal to true."},{"title":"Task #3801, Stage #7 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage7\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage7\/","description":"Let’s work on the Lists screen. It should return a snippet with two SafeAreaView elements.\nThe first one should have styles: flex: 1, backgroundColor - colors.blue.\nSecond: flex: 0, backgroundColor: colors."},{"title":"Task #3801, Stage #8 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage8\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage8\/","description":"Let’s connect redux and navigation to our application\nTo do this, import the src\/components\/Navigator component and the Provider component from react-redux.\nNow, after the fonts are loaded in the <App \/> component, the navigator wrapped by the provider should be returned."},{"title":"Task #3801, Stage #9 - Vocabulary Builder app","link":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage9\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task3801-stage9\/","description":"Let’s add the remaining screens to the navigator. There should be 4 of them in total.\nLet’s add a screen with the Words component and the name WORDS_SCREEN.\nAnd add two more screens with the AddingListOrWord component."},{"title":"Task #4011 - Binary search","link":"https:\/\/learn.coderslang.com\/coderslang-js-task4011\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task4011\/","description":"Implement the binarySearch function.\nIt should accept a sorted array and a number.\nIt should return the position of the number in the array or -1 if it’s not found."},{"title":"Task #4021 - Get bit","link":"https:\/\/learn.coderslang.com\/coderslang-js-task4021\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task4021\/","description":"Implement the function getBit(n, pos).\nIt should return the value of the bit found on position pos of the number n.\nThe position of the rightmost bit is 0.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #4031 - Sort","link":"https:\/\/learn.coderslang.com\/coderslang-js-task4031\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task4031\/","description":"Implement the sort function which should sort the array.\nSort order should be ascending.\nYou can’t use any third party modules or built in Array functions.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #4032 - Are arrays identical?","link":"https:\/\/learn.coderslang.com\/coderslang-js-task4032\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task4032\/","description":"Implement the function isArrayIdentical in helper.js\nIt should return true if two arrays have the same elements. The order of the elements doesn’t matter.\nArrays will only have plain fields (strings, numbers or booleans)"},{"title":"Task #4041 - Fast Sort","link":"https:\/\/learn.coderslang.com\/coderslang-js-task4041\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task4041\/","description":"Implement the fastSort function which should sort the array.\nSort order should be ascending.\nThe time complexity should be better than O(n^2), preferably O(n*log(n)).\nYou can’t use any third party modules or built in Array functions."},{"title":"Task #4043 - Are arrays identical? FAST!","link":"https:\/\/learn.coderslang.com\/coderslang-js-task4043\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task4043\/","description":"Implement the function isArrayIdentical in helper.js without sorting them\nIt should return true if two arrays have the same elements. The order of the elements doesn’t matter.\nArrays will only have plain fields (strings, numbers or booleans)"},{"title":"Task #70 - Positive thinking","link":"https:\/\/learn.coderslang.com\/coderslang-js-task70\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task70\/","description":"The second task is harder than the first. And there are also some things that you may be unfamiliar with.\nDon’t stress it. You just need to change the output string."},{"title":"Task #81 - Init a number","link":"https:\/\/learn.coderslang.com\/coderslang-js-task81\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task81\/","description":"Take a look at how the variable “m” is created and initialized with the value 5.\nCreate a variable “n” and initialize it with the number 10.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #82 - Init a string","link":"https:\/\/learn.coderslang.com\/coderslang-js-task82\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task82\/","description":"Take a look at a variable “welcomeMessage” initialised with the value “Hello!”.\nCreate a variable “goodbyeMessage” and initialize it with the string “See you soon!”\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #83 - Here comes the camel","link":"https:\/\/learn.coderslang.com\/coderslang-js-task83\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task83\/","description":"A lot of times we need to fix the code styling in legacy projects.\nApply necessary changes and make sure all the variables names are written in camelCase.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #84 - Let's fix the errors!","link":"https:\/\/learn.coderslang.com\/coderslang-js-task84\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task84\/","description":"Someone has crashed the code by initialising numbers as strings.\nFix the initialization of variables x and y to make sure the number 4 is logged to the console.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #85 - Just a single character","link":"https:\/\/learn.coderslang.com\/coderslang-js-task85\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task85\/","description":"This task might contain some unfamiliar things.\nDon’t stress it.\nYou need to fix one character to make sure that myMessage is printed out to the console in UPPERCASE letters."},{"title":"Task #86 - First constants","link":"https:\/\/learn.coderslang.com\/coderslang-js-task86\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task86\/","description":"Find variables that were never changed after the initialization.\nMake them constants.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #87 - Create constants","link":"https:\/\/learn.coderslang.com\/coderslang-js-task87\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task87\/","description":"Create 5 constants in the file solution.js.\nChoose any names you like.\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #90 - Import constants","link":"https:\/\/learn.coderslang.com\/coderslang-js-task90\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task90\/","description":"Import constants from the file constants.js and log them to the console using console.log\nEach console.log should print a different constant to the screen\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #91 - Finish refactoring","link":"https:\/\/learn.coderslang.com\/coderslang-js-task91\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task91\/","description":"Somebody has started the refactoring of code structure, but hasn’t finished it.\nCheck what’s wrong and make necessary changes to solution.js.\nDon’t move any files or folders.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #92 - Readline-sync","link":"https:\/\/learn.coderslang.com\/coderslang-js-task92\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task92\/","description":"The code is broken.\nYou need to install the module readline-sync and import it.\nOnly one import string should be added to helper.js.\nDon’t change solution.js.\nP.S. This is an advanced task."},{"title":"Task #93 - Hello, Green World!","link":"https:\/\/learn.coderslang.com\/coderslang-js-task93\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task93\/","description":"Install the module chalk and make sure that the message is logged in green\nFor the documentation details visit https:\/\/www.npmjs.com\/package\/chalk\nP.S. This is an advanced task. Feel free to skip it."},{"title":"Task #94 - Fix export","link":"https:\/\/learn.coderslang.com\/coderslang-js-task94\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task94\/","description":"Fix the code by fixing the issues with constants in the file constants.js\nYou should see messages Hey there! and See you! logged to the screen.\n This task is part of the Full-Stack JavaScript Course"},{"title":"Task #95 - Fix export (2)","link":"https:\/\/learn.coderslang.com\/coderslang-js-task95\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task95\/","description":"Something is wrong with exports… Again…\nFix the constants.js and make sure that the message is printed out correctly\n This task is part of the Full-Stack JavaScript Course\nIf you have any issues with it, you can ask for community help below the post"},{"title":"Task #96 - Hello, export world!","link":"https:\/\/learn.coderslang.com\/coderslang-js-task96\/","pubDate":"Sat, 15 Aug 2020 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/coderslang-js-task96\/","description":"You need to do a couple of things in this task:\n create the file constants.js export the constant hello which should be the string Hello, export world! from it import it into solution."}]}}