As a developer and tutor, I got asked this question quite a few times. In fact, I have seen many developers use var and have no clue on why they were using it. Especially if you are learning to program from older books, you may only see var being used.

let and const may resemble a new or fancy feature of JavaScript. Yet, it’s not the case. They come as a way of improving your code, not just make it fancier. By knowing their difference, you’ll get more comfortable at choosing which one is best for you. …


Whether you are new or experienced in JavaScript, code editors are important. In fact, a good code editor will make you more efficient and help you debug your code.

In this article, I’ll talk about the best code editors you can use. This will help you improve your productivity and build awesome projects. So let’s go!

First…what is a code editor?

A code editor is a program designed to write and edit code. This might seem simple but that’s the goal. Well, can you use a plain text editor like Notepad to write your code? The answer is yes, but I DON’T recommend that.

Code…


In this guide, I’ll talk about how you can deploy your React application using Firebase. Firebase is the platform for developing web applications for Google.

Set up your Firebase account

First, you need to have a Google account to use firebase. So if you haven’t already, please go ahead and create it. After creating your account, you should have something like this in your dashboard:


In this article, we’re going to see how to use Redux in your React application. We won’t focus on setting up your React application itself as I already wrote an article on it.

What is Redux and why use it

Here’s the definition of Redux: a state management tool for your application. In other words, Redux allows you to define one global store for your application. And every component can have access to that one store.

This concept is different from what you do with React. In fact, in React, every component has its internal state with no need for an external library.

So you would ask…


In rails, a serializer allows you to customize data instead of having a default render.

In this article, we’ll look at a step by step guide to using the serializer in your application.

The problem with the Rails API

Rails is a great way to be used as an API with the render json method. However, the JSON data is often full of things you don’t want and doesn’t offer many options for customization.

Let’s say you want to query a list of dogs and their owners from your database. We’ll define the two models and routes:

rails g model Person
rails g model Dog
Person…


In this article, I’ll share projects you can build with HTML, CSS, and JavaScript. Looking at my previous article, you will see that I recommend building projects instead of tutorials. Tutorials are good but you risk finishing in what we call a tutorial hell.

In fact, the more you build projects, the better it is because that’s the best way to learn.

Learning by struggling is always a good thing. Because that’s how you will remember things and become a better developer. So here are some nice projects you can build with HTML, CSS, and JS.

A landing page

A landing page is…


Photo by Halacious on Unsplash

If you are asking yourself this question, I’ll be more than happy to help. In this article, we’ll look at what you need to do after learning the basics of programming.

1. Learn Git and Github

Git and Github are what you need to ‘save’ your project online and work on them even on another computer.

I can’t remember how many projects I “lost” without saving them to Github. Back then, I didn’t know what was Git and Github and I want to help you avoid this mistake.

Yes, building a project is great. But what if you want to work on it let’s say…


Photo by Zan on Unsplash

In this article, we’ll talk about the skills you need to become a full-stack developer in 2020. The web development world is changing fast so you need to adapt and keep an eye on what is happening.

According to Glassdoor, the average salary of a full-stack developer is 68,000$. This is a sought after skill and if you want to become a full-stack web developer, here are some skills to learn.

The basics: HTML CSS & JavaScript

You need to know the basics of web development. And these basics are HTML, CSS, and Javascript. You need to know how to use these languages to create nice…


Photo by Crew on Unsplash

In this article, I’ll share my experience with coding challenges and how you can become a better programmer.

Algorithms and data structures are essential to become a better developer. Knowing the best way to solve a problem will make you more valuable as you are saving both time and space. Hence money. Let’s see what you need then:

Practise makes perfect

Have you ever wondered how some people become so good at their craft? Look no further: practice. My experience told me that the more you practice something, the better you become at it.

Don’t give up

Saying a challenge is difficult and giving up won’t…


Photo by Markus Spiske on Unsplash

Functional components and class components come as a feature of React. Yet, they have some differences we will look at in this article.

Functional Components

Functional components are normal functions in Javascript. The goal of a functional component is to be predictable. This means they don’t have to do any side-effects. A side effect can mean fetching data from an API.

Here’s a functional component in React

import React from 'react'; function App() { 
return <h1>Hello World</h1>;
}

In general, functional components take props and return something with that prop. …

Mouhamadou Diouf

I am a full-stack developer with a passion for technology and learning new things. Founder of JavaScriptLearned.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store