Best of JavaScript — September 2020
- 1
- 2
Hashnode·6y
5 best practices for clean coding in JavaScript
Clean coding means that you write code for your later self and your co-workers and not for the machine. Here are some of the clean coding practices which I follow while writing Javascript code. These are not framework-specific practices and can be used with any framework. Always write the linear code as much as possible.
- 3
- 4
DEV·6y
10 JavaScript Projects in 1 Hour - Coding Challenge
This is the follow-up challenge after I completed the 10 JavaScript Projects in 10 Hours Coding Challenge a week before. The code is on GitHub and the projects are live here. The Sound Board project took to longest to finish (almost 8 minutes) but I have to say that the most fun to build was the Purple Heart Rain.
- 5
JavaScript ES2020 - The Features You Should Know
ECMAScript 2020 brings exciting features to JavaScript. In this article, I want to talk about my favourite features from ES2020. Let us see my favourite new additions:Dynamic Imports, Optional Chaining Operator, and Promise allSettled. Also, I will talk about some of the proposed features.
- 6
Hacktoberfest: 69 Beginner-Friendly Projects You Can Contribute To
Join the Hacktoberfest challenge and contribute to 69 beginner-friendly projects. The first 70,000 participants who conclude the challenge will be qualified to pick a limited edition T-shirt or tree. The projects in this list have their issues triaged. Most of them ensure that only a novice must submit the pull request.
- 7
“this” in JavaScript DEMYSTIFIED!!
JavaScript has a this keyword which allows us to reuse functions with different contexts. The this keyword can be broken down into four rules: Implicit Binding, Explicit Binding, New Binding and Window Binding. We’ll discuss all of these in this blog post. Read on to learn more about the this keyword.
- 8
- 9
freeCodeCamp·6y
Learn How to Code Flappy Bird and Doodle Jump in JavaScript
Learn How to Code Flappy Bird and Doodle Jump in JavaScript with Beau Carnes. Learn how to code Doodle Jump and Flappable Bird in JavaScript. Learn How to code FlappyBird and Doodle jump in JavaScript using Beau Carne. Click here to learn more about how to write code in JavaScript for Flappables.
- 10
The end of jQuery!
The Bootstrap 5 framework has removed jQuery as a requirement. It saved 85KB of minified JavaScript, which might be significant as Google starts to use page speed as a ranking factor for mobile internet sites. With the rise of frontend JavaScript frameworks like Angular, Vue and React, jQuery's quirky syntax and often-overwrought implementation has taken a backseat.
- 11
daily.dev·6y
🔥 What's Hot in Web Development? — Weekly Picks #145
This week we have excellent posts about CSS, JavaScript, and more. Chris lists his top 10 chrome extensions for developers. Catalin debunks the myth of super developers that code non-stop. Lazar shares his review of Uxcel: UX/UI for developers and designers.
- 12
Practical Front-End Practices
The chances of writing code that will never be changed or never looked at again are slim to none. Code should be committed to source control in an unmodified state. Third-party code and libraries should never be modified and their original source and the license must be documented and be appropriate for a project.
- 13
ITNEXT·6y
60 most popular JS repositories on GitHub in July and August 2020
60 most popular JS repositories on GitHub in July and August 2020 Iren Korkishko reviewed more than 500 open-source JS projects on GitHub. Hexo is a fast, simple, and powerful blog framework, powered by Node.js. Hyperapp is a tiny framework for building hypertext applications. SurveyJS is a modern way to add surveys and forms to your website.
- 14
- 15
The Ultimate Guide to Web Performance 🚀
Use this guide as a reference. There's so many ways to speed up your site. Don't you wish every web performance tip was in one place? That's what I thought too, so I put them all in one post: this post. Use these tips to help you get the most out of your web site.
- 16
🔥 What's Hot in Web Development? — Weekly Picks #144
This week we're all about frontend! You showed your love for our new integration with Hashnode. Getting to know new HTML elements helps us to avoid using div as a default. A list of 5 brilliant VSCode themes for Developers. 4 ways to implement dark mode using CSS and JavaScript.
- 17
RUBYLAND·6y
var, let, and const in JavaScript: a cheatsheet.
The var statement declares a variable in JavaScript which abides to the following rules:. function-scoped or globally-scope Accidental global variables reassignable and redeclared. let Block scoped Temporal dead zone Reassignable, not redeclarable.
- 18
React & JWT Authentication - the right way!
In this series of posts, we create a secured end-to-end JWT-based authentication mechanism using NodeJS, Express, PassportJS, and React. In this part, we focus on the client-side. If you haven't read Part 1, I strongly encourage you to do so before proceeding with this part.
- 19
- 20
7 Beginner Friendly Javascript Project Ideas
Mastering the basics of Javascript gives you an edge when you decide to pick up frameworks like Vue, React and Angular later on. If your just starting out with learning Javascript and looking for project ideas to get you practicing this article is for you. Here are 7 beginner friendly Javascript project ideas:Random password generator,Background changer,JS Clock (Analog and Digital), Tip calculator and Stopwatch.
- 21
What is Event Loop in JavaScript?
Event Loop architecture is a way to process multiple requests asynchronously. The Call Stack acts as a placeholder or a holding area for all the JavaScript functions that have been fired for execution. The Event Queue is a data structure similar to Stack, which holds the data temporarily and the important thing to note is that the data added first is processed first.
- 22
11 Micro Frontends Frameworks You Should Know
Micro frontends break down the frontend monolith into smaller, more manageable pieces. Each team can own its own features end-to-end, work in their own codebase, independently release versions, and constantly deliver small incremental upgrades. There are many approaches to micro frontends, from smart build-time integrations of components to run-time Integrations using custom routers.
- 23
This Image Is Also a Valid Javascript File
Images are usually stored as binary files, while a Javascript file is basically just text. Images have a concrete file format, encoding the data in a certain way. Javascript files have to follow a specific syntax in order to be executable. Can I create an image file that has valid Javascript syntax, so it is also executable?
