Best of Hashnode — March 2021
- 1
- 2
Hashnode·5y
The best approach to lazy load images for maximum performance
Native lazy loading for images and iframes was released for Chrome and other major browsers. Image lazy loading is one of the more popular approaches of optimizing websites due to the relatively easy implementation and large performance gain. Around 73% of currently used browsers support this feature which is not bad but we don't want to make the website image content inaccessible and unusable to 27% of potential users.
- 3
- 4
How I Built My Perfect Score Portfolio Website
I recently published the fourth version of my portfolio jemimaabu.com. I've always built my portfolios from scratch with HTML and CSS, using as little JavaScript dependency as possible. With this version, I tried to make the code as performant and accessible as possible but still have an interactive site. This article will be about how I managed to achieve that.
- 5
15 Funny Memes for Software Developers
I recently started a modified version of the #100daysofcode challenge. I aim to write content related to Python, Data Science, or Programming every day. Follow my progress on Twitter, Medium, Dev.to, Hashnode, or my WordPress Blog. Back to the page you came from.
- 6
- 7
- 8
15 Project Ideas for Web Developers
Building projects improves one's coding skills because learning by creating stuff is more efficient. This article covers project ideas for frontend, backend, and full-stack web developers. Here are some project ideas if you're looking to improve your skills in front-end technologies. The color guesser game is a simple game that allows players to guess the background color.
- 9
- 10
4 JavaScript ES2018 Features You Should Know
The ES2018 specification introduced four new features. These features are asynchronous iteration, rest/spread properties, Promise.prototype.finally() and regular expression improvements. This tutorial will help you learn how these features work and how to use them. Asynchronous iteration is one of the lesser discussed ES2018 features. With asynchronous iteration we get asynchronous iterables and iterators.
- 11
Complete web development roadmap for newbies
This list consists of beginner languages and tools. Advanced topics are not covered. HTML is by far the easiest to learn. JavaScript is a multi-paradigm, high-level language which has evolved to become one of the most popular languages not just in web development but in many other fields.
- 12
Ultimate React Resources
React.js resources include blog posts, free e-books, Github Repos with curated lists, practical implementation of React.js in the real world with working code. I have also included recommended free and paid courses by the React team and a React community you can join.
- 13
35+ free React templates and themes you should use in 2021
React templates enable developers to get their websites up and running without coding everything from scratch. They reduce the number of hours spent coding up websites, speed up the development process, and save money. These templates range from admin dashboards to landing pages, portfolios, and more. One would say there's a React template or theme for any section of the webpage you want to build.
- 14
Upcoming Interesting JavaScript ES2021 (ES12) Features to Look for
The ES2021 (ES12) will be released in the middle of 2021. In this tutorial, you will learn about the five most interesting features from this specification. They are String.prototype.replaceAll() , numeric separators, logical assignment operators, Promise.any() , WeakRef and Finalizers.
- 15
- 16
Useful Javascript patterns: Revealing Module Pattern
The Revealing Module Pattern is used by JavaScript developers to keep their codebase clean. It prevents malicious JavaScript manipulation from the browser console. It can be really useful for both performance and security. The pattern can be used to create an interface that will not be accessed outside the scope of a function.
- 17
- 18
React Clean Code for Beginners
React developers often use code patterns that are commonly used by Front-End developers, especially React developers. In this post, I will share with all of you 4 tips to write a clean (and better) code.ESLint and Prettier are two tools that can help you write React best practices.
- 19
- 20
- 21
Fetch VS Axios | Make Https Requests like a pro.
Axios is a popular, promise-based HTTP client that sports an easy-to-use API. It can be used in both the browser and Node.js. It uses the Fetch method to send data to a server to create/update a resource. Fetch is also known as the Controlled Fetch.
- 22
A Web Developer's iPad Setup for Productivity
Working from home has made me more productive, but I miss being with people. The iPad Pro is powerful (in many ways, more powerful than my Mac) and because it's so portable and has great battery life, I made the decision to use it as my main productivity tool. I start my day by opening Things 3 and Fantastical side by side.
- 23
You can create these elements without JavaScript
As HTML and CSS got new features and older browsers were no longer supported, we've been able to use less and less JavaScript for creating UI elements. Here are some examples of elements you can create with no JavaScript. Some solutions do still feel hacky and not flexible, but these are useful on smaller projects.
- 24
Why So Serverless?
"Serverless" refers to software that’s hosted in the cloud, or a stateless container. Servers are still used, but serverless vendors generally provide backend services that are charged based on usage. The overall goal of serverless architectures is to reduce administration and maintenance headaches while enabling increased flexibility and innovation.
- 25