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. …
Part 4: Redux set up, building the login page, and deploying to Firebase.
Do you want to take your developer skills to the next level or do you want to impress your future employer? Then build this LinkedIn Clone!
Part 4
In part 3 of this series, we built the Feed & the Widgets component, and we connected the feed component to Firestore.
In this last article, we will set up Redux to manage the state of the user, build the login page, and finally deploy to Firebase!
1. — Setting up Redux
Redux is a JavaScript library for managing application state. In the first episode, we created a React application starter with the Redux Toolkit. This created a template…
Part 3: finish the feed and build the widgets component.
Do you want to take your developer skills to the next level or do you want to impress your future employer? Then build this LinkedIn 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 completed the Header component, built the Sidebar component, and finished the top part of the Feed component.
In this part, we will conclude the Feed…
Part 2: Finish the Header, build the sidebar and build the Feed components with React
Do you want to take your developer skills to the next level or do you want to impress your future employer? Build this LinkedIn 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 instalment of this tutorial, I will give you access to the full source code on my GitHub.
In part 1 of this series, we set up our React project with the Redux Toolkit, built the left part of the <Header/> component, and set up Firebase for authentication, database, and hosting.
…
Create a LinkedIn Clone with React, Redux, and Firebase (Part 1)
Do you want to take your developer skills to the next level or impress your future employer? Then build this LinkedIn Clone!
In this four-part series, I will show you how to build a completely functional LinkedIn 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:
Completing the search results page and deploying to Firebase
Do you want to take your developer skills to the next level or impress your future employer? Then build this Google Clone!
Part 4
In part 3 of this series, we set the Google Search API, created the useGoogleSearch custom Hook, and completed the search results header.
In this last part, we will finish the search results page and deploy our application with Firebase!
1. Complete the Search Results Page
- In
SearchPage.js, wrap the<div>with theclassNameofsearchPage__resultsin curly braces, includingtermand the JavaScript logical&&operator. …
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…
