By Timonwa Akintokun In this article, I'm going to show you how to build a real-time chat app using React.js and Firebase. In the app, we will allow the user to log in with their Google account using Firebase's Google sign-in Authentication. We will...

A skeleton loader (otherwise known as skeleton screen, content loader, ghost element, and content...

The goal of Vue.js is to provide the most straightforward API for real-time, two-way data binding between the model and the view (HTML) (a…

The TinyPNG API can be used to automate images in your projects and can be automated simply using a custom tool.

As developers, we don't like working with forms, but they're a critical part of most web applications! In this tutorial, you'll learn exactly how to wire up all of the different form controls in React. Never forget how to data-bind a checkbox or radio button…

In this article on Vuetify themes, we'll cover how to configure and dynamically switch between pre-installed and custom Vuetify color themes.

Learn about 10 different ways you can render a website to HTML with patterns like SSR, SSG, ISR, Partial Hydration, and More!

#webdevelopment #javascript #top10

Upgrade to PRO for full courses https://fireship.io/pro

Becoming a S.O.L.I.D. Coder

In today's video, I'll show you how easy it is to build a To-Do List App using HTML, CSS & JavaScript. No frameworks are involved in this project and it's great for beginners who want to learn Local Storage and how to build user interfaces for the web.

🏫…

Chrome 109 is rolling out now! The Origin Private File System API is now available for Android,
there is a set of new properties in CSS, you can easily add math notations in your HTML with the support for MathML core, and there’s plenty more.

Adriana Jara…

Introduction In our previous post, we learned about Express and some basic features of an...

I absolutely love React Query, also known as TanStack Query. This library singlehandedly makes working in React so much nicer and I can’t imagine creating a large scale project without it. In this video I will show you what React Query is, what it can do…

Building a YouTube to MP3 downloader with React, that allows users to search for and download YouTube videos in MP3 format

👨‍💻Code:
https://github.com/candraKriswinarto/youtube2mp3

🔗Link:
rapidApi - https://rapidapi.com/ytjar/api/youtube-mp36/
vite - h…

You're ready to start making simple projects with React, but you don't know what to make. Where should you start? I have created seven unique and fun React projects for you to make, all of which will teach you essential React concepts that you need t...

Is Fasitify the best option for making a modern Node.js API? Let’s take a look.

In web programming, JavaScript brings interactiveness and dynamic behaviour to your web pages. While HTML and CSS take care of the structure and aesthetics of the pages, they will be merely usable without JavaScript doing its job in the background. You can…

In this blog post, we will cover best practices that the virtuous Angular developers use when implementing internationalized user interfaces.

What’s new in DevTools (Chrome 109) → https://goo.gle/3XijMI2

Chapters:
0:00 Intro
0:14 Replay in-page user flows
1:02 Right click on a user flow’s step
1:15 Copy step as script
1:39 Sourcemap in the Performance panel
2:27 New keyboard shortcut to switch…