Checkout our latest product - the ultimate tailwindcss page creator 🚀
1 day ago
View Post
Secrets to using REM in CSS: CSS Tips
As device sizes proceed to wander and programs give more client alternatives, utilizing static units simply doesn't cut it any longer. Some such countless individuals set their browser inclination to bigger content with no impact on the sites they visit.
While pixels will permit clients to zoom in and out, their content settings...
3
Select One:
1 day ago
View Post
Alpine Day & AlpineJS v3
Today @calebporzio, creator of AlpineJS, just announced the date for AlpineDay, which is June 10th, 2021 🎉. If you ever needed an excuse to blow off work and hang out with some incredible people, this is the day for it!
If you haven't seen it yet, the official AlpineDay website has launched at https://alpineday.com, and it's pre...
2
Select One:
1 day ago
View Post
CSS and HTML Interview Questions and Answers [2020]
My last post 📮 on JavaScript Interview Questions and Answers (Junior and Senior) got good feedback from community so I decided to complete the entire package.
I have been interviewed and also interviewed engineers numerous 💯 times. Below are the most commonly asked HTML and CSS questions and answers that I have shortlisted that...
![CSS and HTML Interview Questions and Answers [2020]](https://cdn.devdojo.com/posts/images/May2021/css-and-html-interview-questions-and-answers-2020.jpg)
1
Select One:
2 days ago
View Post
What is Shallow Copy and Deep Copy in JavaScript?
{% bmc rahxuls %}
Hey guys in this latest post we will understand about Shallow Copy and Deep Copy in JavaScript in a very easy way. I was writing this post from the last 5 days(on my phone) and I completed it fully. I think you can make a benefit from it.
In my ongoing long journey of JavaScript, I have discovered many things a...
4
Select One:
3 days ago
View Post
Beginners Guide to HTML
What is HTML?
HTML is one of the most widely used languages on the web to develop web pages.
HTML stands for Hyper Text Markup Language. It is used to design web pages using a markup language. HTML is the combination of Hypertext and Markup language. Hypertext defines the link between the web pages. A markup language is used to...
6
Select One:
3 days ago
View Post
Responsive Design with TailwindCSS
Intro
Responsive Design it seems like when studying code no matter the framework, language, or project there is always something discussing responsive design. What does that mean exactly? The all knowing website Wikipedia defines it as:
“An approach to web design that makes web pages render well on a variety of devices and windo...
Select One:
3 days ago
View Post
DevDojo Weekly Winners Week 2 May 2021
The second week of may has come and gone. That means it's time to celebrate another edition of DevDojo Weekly 🙌
Remember each week we celebrate five articles or tutorials that we hand-pick. The authors of those posts will receive some cash prizes 💰
If you want to enter for a chance to win some cash Mon-ay next week, write a post...
4
Select One:
3 days ago
View Post
New Cover Photo Image Generator 😉
Creating a good developer article or tutorial can be challenging enough without worrying about the image cover. Thankfully today, we are introducing a new Image Generator for your developer posts. 🙌
The New Version 🆕
This is V2 of our simple, intuitive post image creator. The first version was kind of cool, but it still had some...
4
Select One:
5 days ago
View Post
6 small Career advice for CodeNewbies
These are my main 6 advices for any individual who is figuring out how to code or simply beginning in an engineer career. I trust you track down these valuable and in the event that you have anything to add leave it in the remarks beneath😉.
If you're interested in learning to code or if you're just starting out in a coding car...
5
Select One:
5 days ago
View Post
What Is "Lifting State Up" in React?
Here is a simple, practical example of what the React concept of "lifting state up" is and how it can help you in building your applications.
Lifting state up is a common pattern that is essential for React developers to know, because it helps us avoid more complex (and often unnecessary) patterns for managing our stat...
2
Select One:
6 days ago
View Post
Handling Exceptions and Errors in Play Framework
Article originally posted on my personal blog under How to handle Exception in Play Framework
When programming, it is important to always take into consideration exceptions. No matter how well your code is, there can always be invalid data summited by the user problems in other libraries that can trigger exceptions. Also, using...
3
Select One:
6 days ago
View Post
Set Up Tailwind In React - The fastest way! 🚀
Hello Folks 👋
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'll show you the easiest and the fastest way to set up Tailwind CSS in your React App. So, be with me! Lets code something...
5
Select One:
6 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...
4
Select One:
1 week ago
View Post
Node JS vs Spring Boot
We are in the era of technology where we are seeing many technologies taking the world by storm. Talking about server-side technologies that are instrumental in efficiently powering the business, there has been tough competition between many server-side technologies. Among them are Node.js and Spring Boot. In this article, we wi...
2
Select One:
1 week ago
View Post
60 Best Design Resources of 2021
Are you a design nerd? Or a developer learning a bit of designing in between? Well, for your learning, practice, and even to make projects you will need some tools and resources to kick off your side-hustle in design.
Here, we present your 60 best design-only resources you need to start being creative. You will find something un...
2
Select One:
1 week ago
View Post
8 Linux Commands Everyone Should Know
Introduciton
It's a well-known fact that developers use terminals. And using a terminal is something that everybody should know. It is a good thing to know and do because it will help you in so many ways. It will help you in that job interview, or just in your everyday life. You must at least have the basic knowledge of how to u...
4
Select One:
1 week ago
View Post
5 Ways to Fetch Data in React from a GraphQL API
Let's go through the five best ways that you can fetch data with React from a GraphQL API.
While there are a couple of popular libraries which are made to interact with GraphQL APIs from a React application, there are many different ways to fetch data with GraphQL.
I've included code samples that show you how to fetch or "q...
3
Select One:
1 week ago
View Post
What are functions in JavaScript: Beginners
In this section, we cover functions, what they are utilized for and how to keep in touch with them. A function is a way to encapsulate a portion of your code so a specific action can e reused and called on to run at a specific time.
Declaration
An example of what the syntax to declare a function looks like.
function name (param...
4
Select One:
1 week 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&...
2
Select One:
1 week 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...
3
Select One:
1 week ago
View Post
Speed Up Your Coding in React By Making These Changes in Visual Studio Code
In this article, we will see some of the settings you can do in Visual studio code to improve your productivity a lot when working with React.
So let's get started.
Enable emmet for React
If you are HTML/CSS developer, then you might already be aware of the emmet plugin.
It provides autocompletion for HTML and CSS code by reduci...
3
Select One:
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,...
5
Select One:
1 week ago
View Post
Error handling in Fetch VS Axios
There's so much difference between Fetch and Axios but my focus is on error handling because it caught my attention in my previous project.
Error handling is an essential part of every application we build thus needs to be done correctly.
From the fetch documentation on the difference between Fetch and JQuery, it shows how fetch...
2
Select One:
1 week ago
View Post
Get to know Redux in 2021
Redux is something you really need to know if you are going to do anything professionally with JS and especially React. For some time it seemed quite complex with a lot of boilerplate so I mostly used MobX and more recently React context.
However, my curiosity got better of me and I had to dig a bit deeper to comprehend the gre...
2
Select One:
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...
5
Select One:
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...
4
Select One:
1 week ago
View Post
Performance Monitoring with Elastic APM
In this post we will setup a Python Flask Application which includes the APM Agent which will collect metrics, that gets pushed to the APM Server. If you have not setup the Elastic Stack with / or APM Server, you can follow this post to setup the needed.
Then we will make a bunch of HTTP Requests to our Application and will go...
2
Select One:
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...
3
Select One:
1 week ago
View Post
DevDojo Weekly Winners Week 1 May 2021
Can you believe that May 2021 is already here. It seems like this year is flying by. With another week behind us that means it's time for another edition of DevDojo Weekly winners 🏆
If you want to earn some cash prizes next week, write a post/tutorial on the DevDojo and you'll automatically be entered in the contest. If you woul...
6
Select One:
1 week ago
View Post
What are Classes in JavaScript? Using Classes in JavaScript
{% bmc rahxuls %}
Classes were introduced in JavaScript ECMA2015. Unlike the classes in Object-Oriented Mode, JavaScript classes are just special type of functions. But instead of using the "function" keyword we use the "class". It was introduced in JavaScript to make the syntax look like other object-oriente...
5
Select One:
Loading More Content
