Webdev

Webdev posts, videos, courses, and more

DevDojo inspector Avatar

Valerio · 8 months ago

Laravel custom helper functions – Fast Tips

Helper functions are quite popular among Laravel developers. They provide access to some clever algorithms ready to be used in your code using a single statement. Probably the most known hel...
3
DevDojo bobbyiliev Avatar

Bobby Iliev · 8 months ago

How To Use Pan for Easy Analytics in Your Laravel App

Introduction When you're building a website or an app, knowing how users interact with it is key to improving the experience. However, many tracking tools are complicated, costly, or don't c...
8
DevDojo inspector Avatar

Valerio · 9 months ago

Laravel Auth Routes Tutorial

Laravel auth routes is one of the essential features of the Laravel framework. Using middlewares you can implement different authentication strategies and attach them to different parts of y...
1
DevDojo inspector Avatar

Valerio · 9 months ago

Laravel Livewire: What it is, and how to use it in your web app

Livewire is one of the most important projects in the Laravel ecosystem specifically targeted to frontend development. Livewire v3 has been recently released, so let’s explore what Livewire...
2
DevDojo inspector Avatar

Valerio · 9 months ago

Laravel Password Hashing With Salt

Recently we went deep into the Laravel authentication system for some improvements and to add Multi-Factor authentication. I discovered some interesting details on how Laravel password hashi...
DevDojo keploy Avatar

Keploy · 9 months ago

Upgrade Your Node.js Testing: Seamlessly Switch from Jest to Vitest

Jest and Vitest are two well-known JavaScript testing frameworks, each with its own strengths. Jest, created by Facebook, is especially popular for React applications. It provides a "ze...
DevDojo inspector Avatar

Valerio · 9 months ago

How to group array by date in PHP – Fast Tips

I use this technique to group the bug fixes array by date in the Inspector dashboard, and I thought it could be a good code snippet idea for others. I also wrote an implementation for Larave...
DevDojo keploy Avatar

Keploy · 10 months ago

Optimizing Node.js Code Coverage with NYC in Docker Containers

There are particular difficulties in getting NYC coverage from Node.js operating in Docker containers. This blog discusses the procedures needed to operate Node.js clusters in Docker and pro...
1
DevDojo bobbyiliev Avatar

Bobby Iliev · 11 months ago

How to Remove Arrow on Input type Number with Tailwind CSS

When designing forms with Tailwind CSS, you might want to remove the default arrows (also known as spinners) from number input fields. These arrows can interfere with custom designs and are...
3
DevDojo bobbyiliev Avatar

Bobby Iliev · 11 months ago

How to Make Parent Div Activate Styling of Child Div for Hover and Active States

Hey there developers! 👋 Today, we're diving into a Tailwind CSS trick! We'll explore how to make a parent div control the styling of its child elements on hover and active states. Let's jum...
2
DevDojo bobbyiliev Avatar

Bobby Iliev · 11 months ago

How to Access Direct Children of a Div in Tailwind CSS v3

In this tutorial, we'll explore how to target and style the direct children of a div using Tailwind CSS v3's powerful arbitrary value syntax. This feature allows for more flexible and precis...
3
DevDojo ashutoshmishra Avatar

Ashutosh Mishra · 1 year ago

13 Best React Libraries for Devs in 2023

Being a modern React developer is not only about understanding the core concepts of React but also about getting well versed with the whole ecosystem of React. This includes having the knowl...
2
DevDojo msyoung2012 Avatar

Mike Young · 2 years ago

A quick and easy guide to creating a sitemap for a Next.js site

If you're looking to generate sitemaps for your Next.js website, the next-sitemap npm package is a great tool to help you with that. In this tutorial, I'll guide you through the process of u...
3
DevDojo imkarthikeyans Avatar

Karthikeyan · 2 years ago

Integrating ESRI Maps into your React App

ESRI maps are widely used in web application development because they provide a comprehensive set of tools for creating and working with maps. React is a popular JavaScript library for build...
2
DevDojo bobbyiliev Avatar

Bobby Iliev · 2 years ago

How to Create a Sticky NavBar using Tailwind CSS

Introduction When building a modern, responsive website, navigation plays a crucial role in user experience. A sticky or affix navigation bar remains visible at the top of the screen as user...
4
DevDojo francesco Avatar

Francesco Ciulla · 2 years ago

Kubernetes quick tutorial

👋 Introduction Let's make the simplest but understandable Kubernetes example ever. Video version: {% youtube noJmOirhHKM %} We will create our first example with Kubernetes starting from sc...
4
DevDojo francesco Avatar

Francesco Ciulla · 2 years ago

Dockerize a Python Application

Dockerize a Python application - Intro This article will show how to dockerize a simple Python application. If you prefer a video version, you can find it here: All the code is available in...
4
DevDojo rahulism Avatar

Rahul · 2 years ago

13 must visit websites to learn and master CSS in 2023

Are you looking to break into web development but don't know where to start? Learning CSS is a great place to begin your journey, and lucky for you, there are tons of great online resources...
4
DevDojo bobbyiliev Avatar

Bobby Iliev · 2 years ago

8 Awesome VS Code Extensions for JavaScript Developers

Introduction Visual Studio Code (VS Code) is a popular, lightweight, and powerful source code editor developed by Microsoft. It has extensive support for JavaScript and TypeScript, making it...
3
DevDojo rahulism Avatar

Rahul · 2 years ago

"npm start Not Working"? Here's What You Need to Do

Have you ever run into a problem when trying to run “npm start”? If so, you’re certainly not the only one. It can be incredibly frustrating when the command you think will execute your node...
1
DevDojo rahulism Avatar

Rahul · 2 years ago

Getting Started with JavaScript Optional Chaining

Are you writing code that needs to quickly access properties or invoke methods of an object—without worrying if the object or related data is null or undefined? If so, then you need optional...
DevDojo rahulism Avatar

Rahul · 2 years ago

What is Javascript Slice? Practical examples and guide

If you're new to coding, the term 'slice method' may be daunting. Put simply, the slice method is a powerful JavaScript tool that lets you extract sections of an array or string. It's one of...
DevDojo rahulism Avatar

Rahul · 2 years ago

React UseEffect Hook: A Definitive Guide for Beginners

The useEffect hook is one of the most important hooks of React. It allows you to perform effects in a declarative way, instead of using imperative code inside React components. It offers a s...
DevDojo diogocapela Avatar

Diogo Capela · 2 years ago

Learn CSS by playing games

CSS is an essential part of web development, as it determines most of the layout and appearance of websites. If you are looking to brush up on your CSS skills, these can be a great way to le...
3
DevDojo rahulism Avatar

Rahul · 2 years ago

Understanding the Parent CSS Selector :has(): A Comprehensive Guide for Beginners

Have you ever felt like you're stuck in a loop while writing your CSS? Does the thought of using parent selectors to simplify your code seem like an impossible task? Not sure where to start...
DevDojo rahulism Avatar

Rahul · 2 years ago

Using foreach() To Iterate Through an Array in JavaScript

If you're a JavaScript newbie or avid reader or pro or anything, you know that forEach is an incredibly useful tool. But what, exactly, is it and how does it work? forEach is a built-in arra...
3
DevDojo rahulism Avatar

Rahul · 2 years ago

Don't Miss Out: 10 Essential Apps(and websites) for Keeping Up With Dev News

Whatever type of developer you are, staying up-to-date with the latest news and trends is the key to success. But with so many sources and tools available, it can be overwhelming to keep tra...
2
DevDojo rahulism Avatar

Rahul · 2 years ago

Mastering Nested CSS Selectors: Tips and Techniques

Have you been trying to learn more about CSS selectors, but feeling a little overwhelmed? Well, you're in the right place! Mastering CSS selectors don't have to be a daunting task. You can s...
2
DevDojo inspector Avatar

Valerio · 2 years ago

Custom Tooltip Directive in Vuejs 3: Tutorial

Custom directives in Vuejs 3 are one of those things where there is no compatibility with the previous version of the framework. Working on the new version of the Inspector frontend dashboar...
1
DevDojo rahulism Avatar

Rahul · 2 years ago

Learn how to parse URLs in JavaScript in 2023

Have you ever wanted to understand how URLs work in JavaScript? If so, then you've come to the right place! In this article, we'll be diving deep into the topic of URL parsing in JavaScript...
3

Loading More Content