A demonstration of what you can build with nothing but HTML5, CSS, and JavaScript
Learn Vanilla JavaScript Before Any Frameworks or Libraries
The term vanilla JavaScript basically means JavaScript without any additional frameworks or libraries.
JS frameworks are surely an essential part of modern front-end web development and fundamental to increase development velocity. However, having a good knowledge of JavaScript is a must before jumping into any of these frameworks or libraries.
That’s why I decided to gain more confidence with vanilla JavaScript. To improve my skills, I built 20 projects in 20 days with nothing but HTML5, CSS, and JavaScript.
This is not a tutorial but simply a demonstration of what you can build with the basics of web development. …
Create a custom Hook, set the Google Search API, and make the search results header using React
Do you want to take your developer skills to the next level or impress your future employer? Then build this Google clone!
If you get stuck, don’t worry! I will provide you with the whole code at the end of each section. In addition, in the last installment of this tutorial, I will give you access to the full source code on my GitHub.
Part 3
In part 2 of this series, we built the UI of the <Search/> component, added the search functionality, finished the homepage, made the <Search/> component reusable, and implemented the global state management with React Hooks and…
Add a search icon, functionality, and make reusable components using React
Do you want to take your developer skills to the next level or impress your future employer? Then build this Google clone!
If you get stuck, don’t worry! I will provide you with the whole code at the end of each section. In addition, in the last installment of this tutorial, I will give you access to the full source code on my GitHub.
Part 2
In part 1 of this series, we set up our React project, installed and set up the React Router, created the homepage header, and added and styled the Google logo.
In this part, we will work…
Create a Google Search clone with React and Firebase
Do you want to take your developer skills to the next level or impress your future employer? Then build this Google clone!
In this four-part series, I will show you how to build a completely functional Google Search clone from scratch. If you get stuck, don’t worry! I will provide you with the whole code at the end of each section. In addition, in the last installment of this tutorial, I will give you access to the full source code on my GitHub.
Before We Get Started
Before we get started, let’s take a look at the technologies that we are going to use:
Why you should buy Bitcoin on Coinbase Pro and not Coinbase.
New cryptocurrency users often tend to use Coinbase as their first exchange. Founded in 2012, Coinbase is currently the largest cryptocurrency exchange in the United States by trading volume.
Coinbase is frequently the first choice for its security, ease of use, and friendly user interface. They make it easy for the average person to buy, manage and sell cryptocurrencies.
All very nice…the problem? The expensive fees!
I often happened to talk to people who had only in the last few months approached the world of cryptocurrencies and although they all knew about Coinbase, nobody knew about their trading platform: Coinbase…
Do you struggle with procrastination? Are you lazy and demotivated? Then you should try this.
How dopamine detox can change your life
Do you procrastinate all the time? Do you feel bored and unmotivated? Did you lose excitement to work on your projects?
If the answer is yes, then this is the article for you.
The dopamine detox, also known as dopamine fast, is a method of resetting the brain by eliminating dopamine production.
What benefits can you expect from this technique?
- It can dramatically boost your motivation to go after your goals.
- It will reduce impulsive behavior and help you to be more conscious.
- It will help you to finally stop procrastinating.
- It can improve your interpersonal relationships.
- It will make you appreciate the small things in life more.
What is dopamine?
…
Build beautiful web applications
JavaScript libraries are an extremely valuable tool for any web developer. Adding simple animations can easily be done with CSS, but as soon as it comes to more complex or advanced effects, JavaScript is the better tool.
Among the endless supply of libraries that can be found, here are the ten best JavaScript animation libraries to use in 2021.
1. GSAP
The main differences, when to choose one over the other, and why you should know both
React is a JavaScript library created by Facebook. It uses a declarative approach and simplifies the creation of user interfaces. A web application built in React is structured in several small and isolated pieces of code called React components. There are two main types of components:
- Functional components
- Class components
This article will help you understand the differences, when to choose one over the other, and why you should know both.
A Leap Into the Past
To understand the differences, it’s important to know what the React ecosystem used to be like. Years ago, functional components were used only to render JSX to show content…
Do you want to boost your productivity as a web developer? Give a try to these 5 free resources that you can start to use now!
1. ngrok
ngrok allows you to expose a web server running on your local machine to the internet with minimal effort.
Five Chrome Extensions to stay focused and to facilitate your daily workflow as a developer.
Extensions are small programs that personalize and add new features to your browser. You can customize Chrome and your browsing experience by adding extensions from the Chrome Web Store.
Here are five Chrome extensions that I use to stay focused and to boost my productivity and development:
