「 Super Focused 」

Webdev

How to start with RedwoodJS - The full guide

RedwoodJS is a full-stack serverless web application framework built by Tom Preston Werner (co-founder of GitHub) et al. This framework provides the mechanism to build JAMstack applications very fast. Such applications can be deployed with ease just with a git push command.

Chidume Nnamdi

October 18, 2021

webdev

general-programming

How to start with RedwoodJS - The full guide

Webdev

Building a news app using RedwoodJS

In this tutorial, we will learn about the RedwoodJS framework by building a News app.

Chidume Nnamdi

November 8, 2021

webdev

javascript

general-programming

Webdev

10 Most Common Accessibility Mistakes: An Actionable Checklist

It is important that the Web be accessible to everyone in order to provide equal access and equal opportunity to people with disabilities.

Anna Monus

April 13, 2021

10 Most Common Accessibility Mistakes: An Actionable Checklist

Webdev

RedwoodJS and PostgreSQL

RedwoodJS is a full-stack React app, this means that the front-end and the back-end are all handled in one place. The frontend is a React app that can be deployed to the cloud or CDNs. The back-end is a GraphQL API that can be hosted anywhere and can be called from external or internal services.

Chidume Nnamdi

October 14, 2021

Webdev

How to use Prisma in Blitzjs

Prisma is a very powerful ORM (Object-Relational Mapping) tool, it encapsulates the complexity of using SQL databases and provides us with a simple interface to connect and manipulate databases. Blitzjs on other hand is a new and fast full-stack JavaScript framework, full-stack in the sense that the frontend and backend code is handled by Blitzjs. The frontend connects with the backend to request and retrieve data and Blitz does the magic using Prisma.

Chidume Nnamdi

September 27, 2021

Webdev

How to Use Git Bisect for Debugging

Let’s think about when bisect can be useful. Then we’ll go through a tutorial. Lastly, I’ll cover some advanced features and go over some caveats.

Danny Guo

May 13, 2021

Webdev

Creating a capped leaderboard with Redis sorted set, secondary index, and Lua 🥇

Learn how to build a leaderboard using the Redis sorted set, Node.js and Lua

Ido Shamun

March 1, 2021

Creating a capped leaderboard with Redis sorted set, secondary index, and Lua 🥇

Webdev

Introduction to Mirage.js: Mocking APIs

Mirage JS is an API mocking library that lets you build, test, and share a complete working JavaScript app without having to rely on any backend services.

Chidume Nnamdi

March 4, 2021

Webdev

A Guide To Writing Clean API Calls Using Axios

Write better and more readable frontends using Axios.

Agustinus Theodorus

March 9, 2021

A Guide To Writing Clean API Calls Using Axios

Webdev

Create a crazy input interaction with lax.js. 🤪

Meet this JavaScript library that can make things look cool with crazy interactions. It's called LAX!

Vaibhav Khulbe

December 11, 2020

Create a crazy input interaction with lax.js. 🤪

Webdev

Why JavaScript Is A Good Choice For Beginners

JavaScript is the de-facto language used in web development. It is a versatile language, easy to start with, and popular.

Catalin Pit

August 3, 2020

Why JavaScript Is A Good Choice For Beginners

Webdev

10 useful web development newsletters

Newsletters are a great way for developers to stay updated. It can surely help you learn new topics. But how do you choose which one to follow? Read more.

Nimrod Kramer

July 9, 2020

Webdev

Theming styled-components with CSS custom properties

styled-components has a pre-built solution for theming. But I think we can utilize CSS custom properties instead for a more readable code.

Ido Shamun

August 25, 2020

Theming styled-components with CSS custom properties

Webdev

A Comprehensive Guide On Setting Up Next.js With TypeScript And TailwindCSS

In this tutorial, you are going to learn how to set up Next.js with TypeScript and TailwindCSS.

Catalin Pit

October 19, 2020

A Comprehensive Guide On Setting Up Next.js With TypeScript And TailwindCSS

Webdev

🤕 Git Visualized: Forked a Repo, Now The Original Has More Commits

Learn how to cope up with git when upstream moves ahead

Saqib Ameen

April 7, 2020

🤕 Git Visualized: Forked a Repo, Now The Original Has More Commits

Webdev

5 Node.js/Express Tutorials To Go From Beginner to Expert

In this article, I want to present to you my favorite courses to learn Node.js and Express.

Catalin Pit

November 30, 2020

5 Node.js/Express Tutorials To Go From Beginner to Expert

Webdev

What is Currying in JavaScript?

In this article, we will first look at what first-class citizens and higher-order functions are to lay the foundation to explain 'Currying' in JavaScript.

Skay

October 9, 2020

Webdev

Managing multiple NodeJS versions

We all switch around different projects, sometimes even daily. Every project has a different NodeJS version. Learn how to manage it with nvm

Ido Shamun

September 14, 2020

Webdev

Transpilers: How They Work and How To Build Your Own JS Transpiler

The post covers how transpilers and provides a way to build your own javascript transpiler.

Chidume Nnamdi

February 17, 2021

Transpilers: How They Work and How To Build Your Own JS Transpiler

Webdev

Create next-gen HTML tables with Grid.js. 😎

In this tutorial, you'll learn how to create a powerful table with the help of a fairly new library in the JavaScript ecosystem - Grid.js.

Vaibhav Khulbe

August 28, 2020

Create next-gen HTML tables with Grid.js. 😎

Webdev

CSS variables but with a dash of JavaScript ✨

What if we use these variables in our CSS files alongside some magic of our old friend JavaScript, then imagine what we can achieve! Something cool? Yes, you're correct.

Vaibhav Khulbe

November 6, 2020

CSS variables but with a dash of JavaScript ✨

Webdev

8 Tips for Optimizing Your Website’s Speed

Even a one to two seconds delay on your website can drastically affect the user experience and your site traffic. By taking care of a few things, you can make your site a lot faster.

Garv Nanwani

September 15, 2020

8 Tips for Optimizing Your Website’s Speed

Webdev

Server-Side-Rendering Renaissance

Web development has changed dramatically since the early days of the internet to now. In this article, I'll recap the major changes and try to predict the next trend.

Ido Shamun

December 17, 2020

Webdev

AVIF the next-gen image format: specs, samples, AVIF vs WebP and the best resources to get started

AVIF generally has better compression than WebP, JPEG, PNG, HEIF, and GIF and is designed to supersede them.

Nimrod Kramer

December 2, 2020

AVIF the next-gen image format: specs, samples, AVIF vs WebP and the best resources to get started

Webdev

How to debug Netlify serverless lambda functions using VS Code

I haven’t found many resources on the internet that explain this debugging setup in a step-by-step manner. That’s why I wrote this article.

Tapas Adhikary

November 13, 2020

How to debug Netlify serverless lambda functions using VS Code

Webdev

How I built my markdown badges service using Injex

In this post, I want to share my insights about how I built a small service called Langauge (it's not a typo, thank you Grammarly) with the Injex Framework and Injex Express Plugin.

Udi Talias

November 4, 2020

How I built my markdown badges service using Injex

Webdev

Meet our 5 days open-source side-project and its tech stack

Team daily.dev is a huge fan of side-projects, and we realized that it'd been a while since our last side-project.

Ido Shamun

February 22, 2021

Meet our 5 days open-source side-project and its tech stack

Webdev

Semantic HTML And Why Does it Matter

Do you use a div tag for enclosing every significant section of your webpage and are tired of maintaining the whole codebase afterward, then I highly suggest you to start using Semantic HTML.

Garv Nanwani

September 3, 2020

Webdev

My Recent Tips For Optimizing Web Performance

If you don't care about web performance, you're missing out. Better performance leads to a better ux, conversion rate, and surprisingly also SEO.

Ido Shamun

February 9, 2021

My Recent Tips For Optimizing Web Performance

Webdev

Web Vitals Optimizations: Advanced Dynamic Import Patterns

Improving your web application's performance can increase both the conversion rate and the organic customer acquisition rate.

Ido Shamun

January 5, 2021

Web Vitals Optimizations: Advanced Dynamic Import Patterns

Webdev

Why do you need to know about Array-like Objects?

In this article, we will learn about JavaScript array-like objects and how to deal with them.

Tapas Adhikary

October 23, 2020

Why do you need to know about Array-like Objects?

Webdev

🔥 What's Hot in Web Development — Weekly Picks #121

List of most popular articles from Daily this week.

Saqib Ameen

April 1, 2020

Webdev

Pro tips for data scraping in production

Data scraping is a delicate art of turning websites into a beautiful machine-readable data structure. 👩‍🎨

Ido Shamun

July 13, 2020

Pro tips for data scraping in production

Webdev

Docker Compose: The Perfect Development Environment

Working on a full-scale project and keeping our local development environment up-to-date is not a simple task. Docker Compose to the rescue! 🦸‍♂️

Ido Shamun

December 4, 2020

Docker Compose: The Perfect Development Environment

Webdev

Introducing Injex

Injex is a dependency injection framework that helps you resolve dependencies automatically. Learn more about it!

Udi Talias

October 13, 2020

Webdev

The moment.js ultimate lightweight alternative: date-fns

JavaScript Date is no fun! It's OK for the basics, but once you want to do more complex manipulations, oh boy...

Ido Shamun

September 22, 2020

The moment.js ultimate lightweight alternative: date-fns

Webdev

Optional Chaining In JavaScript - What Is It And How To Use It?

This article aims to help you understand the optional chaining operator in JavaScript. It's a handy feature that allows you to check things such as object's properties, if a function or array exists.

Catalin Pit

August 14, 2020

Optional Chaining In JavaScript - What Is It And How To Use It?

Webdev

Optimistic Offline-First Apps With Vuex

TL;DR — Use Vuex plugins together with localForage to easily persist application data in an optimisti...

Ido Shamun

October 11, 2018

Webdev

The 4 Creational Design Patterns In Node.js You Should Know

The article is part of my #learninpublic process. Thus, it's important to note that the article is a starter, and you can dig deeper. I recommend the book Design Patterns: Elements of Reusable Object-

Catalin Pit

December 28, 2020

The 4 Creational Design Patterns In Node.js You Should Know

Webdev

Level up your Git workflow

Dive deeper into Git commands to supercharge your current workflowץ

Juan F. Gonzalez

November 12, 2020

Webdev

Nullish Coalescing Operator (??) In JavaScript - What Is It And How To Use It?

The Nullish Coalescing Operator allows us to check if a value is null or undefined, and provide a fallback value if that is the case.

Catalin Pit

August 24, 2020

Nullish Coalescing Operator (??) In JavaScript - What Is It And How To Use It?

Webdev

🎯 Using Regular Expressions in JavaScript

Learn the use of regular expressions and regex in JavaScript

Saqib Ameen

April 2, 2020

🎯 Using Regular Expressions in JavaScript

Webdev

How To Use Multiple Node Versions With NVM On MacOS - Node Version Manager

The article illustrates two ways of installing the Node Version Manager. With Homebrew and with the cURL command.

Catalin Pit

November 9, 2020

How To Use Multiple Node Versions With NVM On MacOS - Node Version Manager

Webdev

What Resources To Use To Approach Web Development As A Code Newbie

How to get started? What resources to use? What path to follow? And many more similar questions can pop up for beginner web developers.

Catalin Pit

October 15, 2020

Webdev

The 7 Best Resources To Learn JavaScript As A Beginner

There are many resources on the internet to learn JavaScript, but their quality varies. The purpose of this article is to shine some light and help you choose the best resources to learn JavaScript.

Catalin Pit

September 24, 2020

The 7 Best Resources To Learn JavaScript As A Beginner

Webdev

My 5 Practical CSS Tips

This is going to be a short post with my best CSS tips. I'll do my best to share references for every tip so you can read more and get a better understanding.

Ido Shamun

September 8, 2020

Webdev

Getting Started With Responsive Web Design

The main idea behind Responsive Web Design is to make a website that can adapt to any device that is being used to display it. Not only on larger screen sizes but also mobile phones and tablets.

Garv Nanwani

August 11, 2020

Getting Started With Responsive Web Design

Webdev

Create a Chrome Extension with HTML, CSS, and JavaScript

Learn an easy way to experiment with building a Chrome Extension. You will learn how to build a calculator app for your first browser extension.

Suraj Vishwakarma

February 19, 2021

Create a Chrome Extension with HTML, CSS, and JavaScript

Webdev

Managing your secrets in Git 🗝

We have always been told not to store secrets in Git. But what if I told you that we manage all our secrets in Git?

Ido Shamun

July 6, 2020

Webdev

What is a PWA and why you should know about it

PWA's or Progressive Web Apps are a hybrid or say a mix of your regular websites or web pages and a mobile application; they provide you the power of both worlds.

Garv Nanwani

August 18, 2020

What is a PWA and why you should know about it

Webdev

I've made up my mind. I know how to choose my next tech stack ✨

Every time I create a new project, I ask myself the same question: which tech stack should I use.

Ido Shamun

July 31, 2020

I've made up my mind. I know how to choose my next tech stack ✨