Webdev

Webdev posts, videos, courses, and more

Rahul

4 days ago

View Post

5 CSS Best Practices every front-end Developer should know

Writing CSS has always been tough for me😭. But here are some best practices every front-end developer should know. Without further talks, let's see them. Using the vendor prefixes Vendor prefixed is a way for the browser to add support for new CSS features before those features are fully supported in all browsers/ We need to ad...
 5 CSS Best Practices every front-end Developer should know
4
Select One:

Loc Bui

5 days ago

View Post

Combine an object with an array

This is one of the problem I have encountered during my latest project at work. So basically, I have a huge object contained a lot of keys and values of different contexts that were going to be used for multi-language on an mobile app const object = { title.welcome: "Hello", content.welcome: "Welcome to the app&...
Combine an object with an array
2
Select One:

Bobby Iliev

6 days ago

View Post

How to fix 'Please provide a valid cache path' error in Laravel?

Introduction The other day, I was setting up a local development environment for an existing project when I encountered the 'Please provide a valid cache path' error. As the error itself is not very descriptive and could leave you thinking that something is wrong with your configuration, I've decided to write a short post on how...
How to fix 'Please provide a valid cache path' error in Laravel?
3
Select One:

Rahul

1 week ago

View Post

A complete guide to Array destructuring | JavaScript

Destructuring in JavaScript is a worked on technique for extricating different properties from a cluster by taking the structure and deconstructing it down into its constituent parts through tasks by utilizing a grammar that seems to be like array literals. Syntax:- const rgb = [255, 200, 0]; // array destructuring const [red,...
A complete guide to Array destructuring | JavaScript
5
Select One:

DevWriteUps.com

1 week ago

View Post

20+ Ultimate CSS Tricks and SASS Shorthands for code efficiency

CSS may look exhausting, and not very many individuals can dominate it the correct way. So in this post we've written about 20+ CSS tricks and tips you should know also SASS mixins shorthand you should know. Notwithstanding, it is an expertise that can give you an incredible upper hand over different designers. On the off chanc...
 20+ Ultimate CSS Tricks and SASS Shorthands for code efficiency
5
Select One:

Rahul

1 week ago

View Post

Conditional logic: JavaScript for Beginners

On the off chance that statements are normally utilized in JavaScript for conditional logic and can be pretty much as basic or intricate as required. In any coding language, you will often need to perform different actions based on certain condition. To figure out which action to take you would use an if statement and in this qu...
Conditional logic: JavaScript for Beginners
4
Select One:

Rahul

1 week ago

View Post

Getting started with React Router

React Router is the standard routing library for React. It has a simple API with all the powerful features like lazy code loading, dynamic route matching and location transition handling built-in. It allows us to create a multi-page feel in a single page application. Let's see an example to understand the basic usage of React ro...
Getting started with React Router
3
Select One:

Raunaq

1 week ago

View Post

Command Line Job Search Application using Node.js

Introduction In this post, we'll build a command line job search application using Node. It's a JavaScript runtime that allows the JavaScript code to run outside the browser. We'll use the GitHub Jobs API to fetch data and present it in a tabular format on the command line interface. We'll focus on the following three scenarios...
Command Line Job Search Application using Node.js
2
Select One:

Rahul

1 week ago

View Post

A new CSS :where() and :is pseudo classes

A new CSS with :where() and :is() pseudo-classes. I better know some of you don't know about these Selector/Pseudo-classes. They were recently introduced to most browsers. But they just might be your new favourite thing in Vanilla CSS. Let's see about them. :is() Think about when you want to apply the same styling to multiple el...
A new CSS :where() and :is pseudo classes
6
Select One:

Bobby Iliev

1 week ago

View Post

How to Define Custom ENV Variables in Laravel?

Introduction If you have some experience with Linux, you are probably quite familiar with environment variables. In Linux, you could check the available environment variables with the printenv command. A way to define environment variables in Linux would be to use the export command followed by the variable that you want to defi...
How to Define Custom ENV Variables in Laravel?
8
Select One:

Emma Turner

1 week ago

View Post

CSS Selectors crash course

A CSS selector is the first of a CSS rule. It is a pattern of elements and other terms that tell the browser which HTML elements should be selected to have the CSS property values inside the rule applied to them. or "CSS Selectors are used to "find"(or select) the HTML elements you want to style. universal sele...
CSS Selectors crash course
6
Select One:

Rahul

2 weeks ago

View Post

Types of Errors in JavaScript

{% buymeacoffee rahxuls %} There are different types of errors thrown from JavaScript, So we need to know few things to understand about the error. What type of error it is? Error description or cause or error Location of error and its stack trace In this brief post, we'll discuss the same. How to handle error from Crash? Err...
Types of Errors in JavaScript
4
Select One:

Rahul

2 weeks ago

View Post

What is Promisification in JavaScript? A brief guide

Promisification is a long keyword for a simple transformation. It's the conversion of a function that accepts a callback ito a function that returns a promise. Such transformation are often required in real-life, as many function and libraries are callback-based. But promises are more convenient, so it makes sense to promisify t...
What is Promisification in JavaScript? A brief guide
6
Select One:

Raunaq

2 weeks ago

View Post

Understanding the React useEffect() Hook

Introduction In the previous post, we looked at the useState() Hook that adds state to a functional component. We learned how to initialize, update and access state variables in a functional component using useState() Hook. In this post, we'll focus on the useEffect() Hook that let us perform side effects in functional component...
Understanding the React useEffect() Hook
7
Select One:

Rahul

2 weeks ago

View Post

15 beginner only HTML and CSS mistakes

I have rounded up some of the HTML and CSS Mistakes I've made and you don't have to. These are some beginner mistakes, don't judge meπŸ˜‚. HTML MISTAKES No matter what stack or framework you use, it all compiled to HTML in your browser. Therefore, it's important to make sure it's right! This list highlights top HTML mistake and ho...
15 beginner only HTML and CSS mistakes
8
Select One:

Bobby Iliev

2 weeks ago

View Post

Use Composer like a Pro - the Dependency Manager for PHP

Introduction Composer is without the go to dependency manager for PHP. Composer is a command line tool that you can use to install packages to your projects and also update and manage existing packages. If you are coming the JavaScript world you could consider composer as the dependency manager for PHP similar to NPM for JavaScr...
Use Composer like a Pro - the Dependency Manager for PHP
11
Select One:

Rahul

3 weeks ago

View Post

A brief guide to ::before and ::after in CSS | Tutorial

In this post, we'll discuss about the **::before and ::after use cases. Intro The ::before and ::after are CSS pseudo elements, and they allow you to add content to the page without having any additional HTML. While they are not technically part of the DOM they will appear as if they are. These pseudo elements are mostly used to...
A brief guide to ::before and ::after in CSS | Tutorial
7
Select One:

Raunaq

3 weeks ago

View Post

Understanding the React useState() Hook

Introduction Hooks were introduced in React v16.8.0. Prior to that, if we had written a functional component and wanted to add state or make use of lifecycle methods to perform operations such as data fetching and manual DOM manipulation, the functional component had to be converted into class based component. However, introduct...
Understanding the React useState() Hook
6
Select One:

Bobby Iliev

4 weeks ago

View Post

10 SaaS Startups Ideas to Build in 2021

Introduction Software-as-a-Service, or SaaS for short, in most cases, is a platform that provides a specific service on a monthly or yearly subscription plan. Popular SaaS products are Netflix, Spotify, Dropbox, and Slack. They all offer a specific service which you pay a certain amount for every month. Running a SaaS business c...
10 SaaS Startups Ideas to Build in 2021
11
Select One:

Bobby Iliev

1 month ago

View Post

What are signed routes in Laravel and how to use them?

Introduction Signed routes allow you to create routes accessible only when a signature is passed as a GET parameter. This could be used for sharing a preview of a draft article or any other route that you want to be public but only accessible by people who have the signature. You could also use signed routes to allow them access...
What are signed routes in Laravel and how to use them?
9
Select One:

gaganjot singh

1 month ago

View Post

GREAT 20+ CSS TOGGLE EXAMPLE

If You Like This Article then check Out more Examples 50+ CSS Toggle Switches 1. Title:- Pure CSS Toggles Author:- Rafael GonzΓ‘lez Made With:- HTML CSS JAVASCRIPT {% codepen https://codepen.io/rgg/pen/waEYye %} 2. Title:- CSS Theme Switcher Author:- Michelle Barker Made With:- HTML CSS {% codepen https://code...
GREAT 20+ CSS TOGGLE EXAMPLE
9
Select One:

Bobby Iliev

1 month ago

View Post

How to Create Response Macros in Laravel?

Introduction Response macros allow you to create a custom response which you could later on re-use in different routes and controllers. This is quite beneficial in order to reduce code duplication. You could actually built macros for other Laravel components as well, but in this tutorial, you will learn how to create a route mac...
How to Create Response Macros in Laravel?
8
Select One:

Bobby Iliev

1 month ago

View Post

Custom Namespaces to Organize Your Controllers

Introduction In some cases, when you have too many Controllers in your Laravel project, your app/Http/Controllers directory might get cluttered with too many Controllers. To keep things more organized, you could use custom Laravel namespaces to store your Controllers in different directories inside the app/Http/Controllers direc...
Custom Namespaces to Organize Your Controllers
5
Select One:

Sunil Joshi

1 month ago

View Post

6 Best React Dashboard Templates that you can Use in 2021

If you are looking for the best react dashboard template then either you’re building it for your own or you have a client to build a full-stack application for him. But, you don’t want to waste time, actually coding the HTML, CSS for the admin's section. Then you are at the right place, my Friend. Here in this article, we’ll pro...
6 Best React Dashboard Templates that you can Use in 2021
4
Select One:

Bobby Iliev

1 month ago

View Post

The 10 Most Popular PHP Frameworks and Their Creators

Introduction It would be really intimidating if you had to start from scratch and reinvent the wheel every time you were to start a new project. Luckily in 2021 there is a vast number of brilliant PHP frameworks out there that you can use. In my opinion using a framework is a must as it would help you structure your project, so...
The 10 Most Popular PHP Frameworks and Their Creators
5
Select One:

Bobby Iliev

1 month ago

View Post

How to Rollback Database Migrations in Laravel?

Introduction Laravel comes with many convenient tools out of the box, which makes your life as a developer much more enjoyable. One of the best Laravel features is the database migrations which essentially allow you to version control your database! In this tutorial, you will learn how to rollback your database migrations in Lar...
How to Rollback Database Migrations in Laravel?
4
Select One:

Savio Martin

1 month ago

View Post

111 amazing resources you're gonna love πŸ’–

Hello Devs πŸ‘‹ This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend technologies. Today, I'm gonna share 100+ super amazing resources every developer are gonna love for sure πŸ’– I hope you'll enjoy this article. 3...
111 amazing resources you're gonna love πŸ’–
7
Select One:

Petre Popescu

2 months ago

View Post

Keep your code well organized. How I structure my web project

Article originally posted on my personal website at How to organize your web project It is easy to get carried away and just write code. The code may even work as intended but trust me that, in 6 months time, you won’t know anymore what it does and where to find a specific functionality. Unless you have a clean and clear structu...
Keep your code well organized. How I structure my web project
2
Select One:

Vlad Pasca

2 months ago

View Post

How to escape tutorial hell with actionable steps

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me on Twitter for more information about web development and how to improve as a developer. This article was first published on my Blog What is tutorial hell? When you take tutorials after tutorials and never build something on yo...
How to escape tutorial hell with actionable steps
3
Select One:

Boyan Iliev

2 months ago

View Post

Array Methods And Callbacks In Javascript

Introduction One of the most important things in JavaScript is arrays. 99% of the time, there is going to be an array in someone's JS script. If you look into someone else's code, you will likely see them use an array method or callbacks. Callbacks are functions that get passed on to another function as an argument. These method...
Array Methods And  Callbacks In Javascript
6
Select One:

Loading More Content

Back to DevDojo