Published in Better Programming·PinnedMember-onlyI Built 20 Web Projects With Vanilla JavaScript in 20 DaysA demonstration of what you can build with nothing but HTML5, CSS, and JavaScript — Learn Vanilla JavaScript Before Any Frameworks or Libraries The term vanilla JavaScript basically means JavaScript without any additional frameworks or libraries. JS frameworks are surely an essential part of modern front-end web development and fundamental to increase development velocity. However, having a good knowledge of JavaScript is a must before jumping into any of these frameworks or libraries.Programming4 min readProgramming4 min read
Published in JavaScript in Plain English·Jan 10Member-onlyJavaScript Modules: Choosing Between Default and Named ExportsA comparison of default and named exports in ES6 modules — In JavaScript, the concept of modules helps to organize code, and make it reusable across different parts of an application. Prior to the introduction of ES6 (ECMAScript 6) modules, developers used various techniques such as CommonJS and AMD to achieve this goal. ES6 introduced a native way to create modules…JavaScript3 min readJavaScript3 min read
Published in JavaScript in Plain English·Dec 19, 2022Member-onlyHow We Used ChatGPT to Create a Blog from Scratch in about an Hour for FreeFrom choosing topics to generating articles and developing the code for the website: all the power of ChatGPT. — On a dull Sunday, Giovanni Valdata and I decided to get in touch to experiment with the capabilities of ChatGPT. The result? An online blog about digital tools. Everything was created in about one hour. If you do not know what ChatGPT is, let it present itself:Chatgpt5 min readChatgpt5 min read
Published in JavaScript in Plain English·Nov 8, 2022Member-onlyMemoization in JavaScriptWhat is memoization and when you should use it — What is Memoization The concept of memoization was introduced by Donald Michie and K.B. Bennett in 1965, who described it as “the art of storing values calculated earlier so that they can be looked up quickly later.” Memoization in JavaScript is in fact a technique for optimizing the performance of applications by storing…JavaScript3 min readJavaScript3 min read
Published in JavaScript in Plain English·Jul 20, 2022Member-onlyHow to Fetch Data in React5 ways of getting data from API in React (with examples) — In this article, I will show you five different ways of getting data from API in React: Fetch API Async-await syntax Axios library Custom hooks (useFetch) React Query library In the examples, we will use a random data generator. The API endpoint is the following: https://random-data-api.com/api/food/random_food, …React6 min readReact6 min read
Published in JavaScript in Plain English·Dec 22, 2021Member-only10 Useful VS Code Shortcuts You Probably Don’t KnowBoost your productivity and simplify your coding with these shortcuts in Visual Studio Code. As programmers, we spend most of our day in front of a computer, and most of that time is spent in our favorite code editor. By knowing the appropriate keyboard shortcuts for each situation you’ll save…Vscode5 min readVscode5 min read
Published in JavaScript in Plain English·Sep 14, 2021Member-only5 HTML Tags You Probably Didn’t Know AboutUseful but unpopular HTML tags — I’ve heard the phrase “HTML is simple” so many times, but while I can agree that it is simpler to learn than other programming languages, you should not take it for granted. HTML is a strong markup language that can be used to structure our online applications and deliver significant…HTML2 min readHTML2 min read
Published in JavaScript in Plain English·Jun 4, 2021Member-onlyStatic vs. Dynamic WebsitesMajor differences, advantages, and disadvantages. — While the Web is nowadays associated with billion-dollar companies like Facebook and Google, it started out very simply. Early websites were static and elementary with only text and images, displaying the same content to every user. Since the Web 2.0 era, we started to see more and more dynamic websites…Programming4 min readProgramming4 min read
Published in JavaScript in Plain English·Apr 20, 2021Member-onlyHow to Make Your JavaScript Code More Functional Using Map, Filter, and ReduceIn this article, we will take a closer look at these functions and some related code examples. — In JavaScript, there are three popular methods that we usually use to perform data transformation: map, filter, and reduce. In this article, we will take a closer look at these functions and some related code examples. .map ( ) The map() method takes an array, loops over that, and in each iteration, it…JavaScript3 min readJavaScript3 min read
Published in JavaScript in Plain English·Mar 23, 2021Member-onlyBuild a LinkedIn ClonePart 4: Redux set up, building the login page, and deploying to Firebase. — Do you want to take your developer skills to the next level or do you want to impress your future employer? Then build this LinkedIn Clone! Part 4 In part 3 of this series, we built the Feed & the Widgets component, and we connected the feed component to Firestore. In this…React5 min readReact5 min read
