4Geeks logo
4Geeks logo

Bootcamps

Explore our extensive collection of courses designed to help you master various subjects and skills. Whether you're a beginner or an advanced learner, there's something here for everyone.

Academy

Learn live

Join us for our free workshops, webinars, and other events to learn more about our programs and get started on your journey to becoming a developer.

Upcoming live events

Learning library

For all the self-taught geeks out there, here is our content library with most of the learning materials we have produced throughout the years.

It makes sense to start learning by reading and watching videos about fundamentals and how things work.

Full-Stack Software Developer - 16w

Data Science and Machine Learning - 16 wks

Search from all Lessons


LoginGet Started

Learn Javascript

Lessons, exercises, and projects about Javascript

Browse our list of curated database of projects, exercises, and lessons to learn Javascript

  • Javascript

Strings in Javascript

Discover what a string is in JavaScript and how it is used to store and manipulate text. Learn the basic concepts and practical javascript examples in this guide.

Read lesson
  • Javascript

Introduction to Start Coding Using Javascript

You will learn all about the fundamentals of Javascript, starting with the basics of syntax, conditionals, functions, and arrays.

Read lesson
  • Javascript

  • Functions

Working with Functions

Functions are not optional - they are probably the most used feature in any programming language. They let you separate your code into smaller mini-programs where each one takes care of its own thing. Divide and conquer!

Read lesson
  • Javascript

  • Algorithms

  • Sorting Algorithms

Using javascript to sort a list

Nobody manually sorts lists anymore, but it is still a fantastic way to master your algorithmic skills

Read lesson
  • Javascript

  • Webpack

  • Node

What is webpack?

Read lesson
  • Javascript

  • Array

  • Arrays

Excuse Generator CLI with Javascript

  • easy

Create an excuse generator with a CLI using Javascript

Start project
  • Javascript

  • Node

Domain Name Generator

  • easy

The domain mafia is far from over, with more domain extensions every day is a good idea to chase for great domain available to buy. Who knows, maybe you get lucky and become a millionaire!

Start project
  • Javascript

  • Jest

  • Unit Testing

Your first unit tests with Javascript's Jest Framework

  • easy

Give a series of exercises and solutions, create the unit tests to automaticaly grade the given solutions

Start project
  • Javascript

  • ReactJS

Audio player like Spotify with React.js

  • intermediate

Use the audio tag to create your own music player

Start project
  • Javascript

  • The DOM

  • HTML and CSS

Code an Excuse Generator in JavaScript

  • easy

Disneyland for procrastinators. Learning JavaScript? This excuse generator tutorial takes no more than 20 lines of code and can save you for the rest of your life!

Start project
  • Javascript

  • Events

  • The DOM

Pop Balloons using HTML/CSS and a little Javascript

  • easy

Practice your entry-level skills in Javascript, The DOM and HTML/CSS by building a Pop Balloons Game.

Start project
  • Python

  • The DOM

  • Javascript

Todo List API + VanillaJS Front

  • intermediate

Let's build a todo list from zero to publish using a Python Flask API and a Vanilla.js front-end

Start project
  • Javascript

  • Bootstrap

  • HTML and CSS

Landing Page with React

  • easy

Create a simple landing page using React.js components

Start project
  • Javascript

  • ReactJS

Starwars blog reading list

  • intermediate

Create a simple to-read website for Star Wars fans. Use the SWAPI to fetch and React + React Router + Context to save the reading list.

Start project
  • Javascript

  • Array

  • Loops

Learn Javascript Arrays and Loops Interactive

  • easy

Learn javascript arrays and loops, interactive tutorial with dozens of exercises, get instant feedback with automatic grading and watch video solutions afterwards.

Start exercise
  • Javascript

  • object oriented programming

  • javascript objects

Object Oriented Programing In Javascript

  • beginner

Learn how objects and classes work and why they are so usefull n coding.

Start exercise
  • Javascript

  • vanillajs

  • The DOM

Learn how to manipulate The DOM with JS

  • easy

Step by step, go over all the most important DOM concepts and methods: Use javascript to manipulate styles, HTML elements.

Start exercise
  • Javascript

  • Functions

  • Node

Practice Javascript Functions Tutorial

  • easy

Start using and practicing javascript functions, learn about arrows, anonymus functions, closures, callbacks and more!

Start exercise
  • Javascript

  • Arrays

How to get the last element of an Array in JavaScript?

Learn different techniques to retrieve the last element of an array in JavaScript. You can access the last element by using the length property of arrays.

Read article
  • Javascript

  • Arrays

How to use the Javascript Fill Method?

Learn how to effectively use the Fill method in JavaScript arrays. Explore its syntax, parameters, and practical examples to efficiently populate arrays.

Read article
  • install

  • windows

  • node.js

How to install javascript

Every good web developer needs to run Javacript on it's developing machine, here's how to make your System Javascript ready.

Read article
  • Javascript

Javascript Array Slice Method

Master the art of slicing arrays in JavaScript with our comprehensive course. Learn how to extract, copy, and modify array elements like a pro. Enroll now!

Read article
  • Javascript

How to print in javascript

The code to open the print dialog in JavaScript is window.print(). This method will open up the print dialog for the current document and gives you all the options

Read article
  • Javascript

How to run javascript

Read article
  • Javascript

How to print in javascript

The code to open the print dialog in JavaScript is window.print(). This method will open up the print dialog for the current document and gives you all the options

Read article
  • Javascript

  • ReactJS

Optimizing your components with useReducer

The React components are easy to optimize when necessary. For that we count on with the useReducer hook, which allows us to encapsulates not only the state of a component, but also the logic that comes with it. Now we'll see....

Read lesson
  • Javascript

What is an Array? Understanding the Basics and Defining Array Data Structure

Learn what an array is and delve into the fundamentals of this essential data structure. Define arrays and unlock their power in computer programming.

Read lesson
  • Javascript

  • variables

What is JavaScript? Learn to Code in JavaScript

Get to know what is JavaScript, everybody is talking about it and by now you probably know it's time to learn to code in JavaScript in order to get things to the next level.

Read lesson
  • Javascript

  • Node Modules

JavaScript Import and Export of Modules

Split and conquer (again), this time we teach you how to split your code into several files to avoid GIT conflicts and to also be more organized, By the end of this lesson you will be able to dominate JavaScript import and exports.

Read lesson
  • Javascript

  • Controlled Inputs

  • Inputs

What are controlled and/or uncontrolled inputs in React.js

Read lesson
  • Javascript

  • Events

  • The DOM

Todolist with Vanilla JS (no framework)

  • easy

Create a simple todo web app using vanilla js

Start project
  • ReactJS

  • Javascript

  • React useState

Contact List App Using React & Flux

  • intermediate

Create a simple contact list application using the React.js framework and Flux Architecture

Start project
  • Javascript

  • vanilla.js

  • HTML and CSS

Sorting Cards with Select

  • intermediate

Practice building algorithms by doing a selection-sorting algorithm and displaying it on a website

Start project
  • Javascript

  • Node

  • JWT

JWT Authentication with Node and React

  • intermediate

Almost every website in the world has user authentication, in this project you have to implement user authentication using NodeJS for building a backend REST API and React.js and sessionStorage API for the front end web application.

Start project
  • React Context API

  • postgres

  • JWT

Final Project User Stories & Wireframes

  • intermediate

Create the users stories for your final project

Start project
  • Javascript

  • git

  • ReactJS

Multi View React Web App

  • easy

Create a web app using React router and Context

Start project
  • Javascript

  • HTML and CSS

Spotify Landing Page

  • intermediate

Replicate a professional real-life landing page using bootstrap

Start project
  • Javascript

  • ReactJS

Contact List App Using React & Context

  • intermediate

Create a simple contact list application using React.js

Start project
  • Javascript

  • Python

  • Flask

Authentication system with Python Flask and React.js

  • easy

Almost every website in the world has user authentication, in this project you have to implement user authentication using the Python Flask framework for building a backend REST API and React.js and sessionStorage API for the front end web application.

Start project
  • Node

  • Javascript

  • The Command Line

Node API Tutorial

  • easy

This is an interactive tutorial that will teach you how to create an API with node

Start exercise
  • Javascript

  • Conditions

  • Loops

Master Javascript Practicing

  • easy

165 Javascript exercises ideal for those who want to practice javascript object literals, functions and many more js features

Start exercise
  • Javascript

  • vanillajs

  • Javascript Events

Javascript Events

  • beginner

Learn how to make your application interactive, wait for the user to click, use the keyboard, use the mouse, resize the window and much more!

Start exercise
  • Javascript

  • Arrays

How to clone an Array in JavaScript?

Discover different methods to create a copy of an Array in JavaScript. Learn the nuances of Array cloning for effective data manipulation.

Read article
  • Javascript

  • Regular Expression

  • Python

RegEx Examples: Mastering Regular Expressions with Practical Cases

On RegEx examples we'll be covering different regular expressions examples for the most used data. You'll find patterns with working snippets for Javascript and Python for emails and passwords validation, Integers, Float numbers and Decimals extraction

Read article
  • Javascript

  • Arrays

How to get the last element of an Array in Javascript?

Learn different techniques to retrieve the last element of an array in JavaScript. You can access the last element by using the length property of arrays.

Read article
  • Javascript

  • Arrays

How to use the Javascript array some method?

Master the Javascript Array Some method with our comprehensive guide. Learn how to use this powerful tool for testing array elements and streamlining your code.

Read article
  • Javascript

  • Regular Expression

  • Java

RegEx for whitespaces

On RegEx for whitespaces we'll be discussing the different ways to detect whitespaces using regular expressions. RegEx has more than one way to search in a given text for these characters and we'll be giving an example with the most used one

Read article
  • Javascript

  • visual studio code

How to run Javascript in Visual Studio Code?

You can run Javascript in the Visual Studio Code through the terminal if you have node installed (node filename.js).

Read article
  • Javascript

  • javascript objects

How to Create an object in Javascript

There are many ways to create objects in javascript, we can use the new keyword or create it with literal syntax, here you can see more examples.

Read article
  • Javascript

  • Node

  • Express

Introduction to Express Generator

Read lesson
  • Javascript

  • React Router

  • ReactJS

Routing our Views with React Router

Read lesson
  • Javascript

  • Python

Understanding Python Syntax vs Javascript

Read lesson
  • Javascript

  • JQuery

Learn The Difference: Jquery vs Javascript

Read lesson
  • ReactJS

  • Javascript

  • React useState

React Hooks Explained

Read lesson
  • Javascript

  • React Hooks

  • React useState

Simple Counter

  • easy

Use your react.js skills to make a simple counter component

Start project
  • Javascript

  • Sorting Algorithms

  • HTML and CSS

Bubble Sorting Cards

  • intermediate

Practice building algorithms by doing a bubble-sorting algorithm and displaying it on a website

Start project
  • Javascript

  • React Hooks

  • React useState

TicTacToe with React.js

  • easy

Create a simple tictactoe 2 player game (no AI), using the React.js framework

Start project
  • Javascript

  • ReactJS

Todolist Application Using React

  • intermediate

Create a simple todo web app using the React.js framework

Start project
  • Javascript

  • The DOM

  • vanilla.js

Battleship with Vanilla.js

  • intermediate

Use your DOM knowledge, HTML/CSS and Javascript to create a battleship game for one person only

Start project
  • Javascript

  • HTML and CSS

  • ReactJS

The Meetup.com Clone using react.js

  • intermediate

Use React and HTTP Fetch to create a Meetup.com clone

Start project
  • Javascript

  • Conditions

  • HTML and CSS

Conditional Profile Card Generator

  • easy

Practice conditions, render a profile card based on a series of variables that could change in value during runtime like: username, avatar, etc.

Start project
  • Javascript

  • The DOM

  • HTML and CSS

Random Card Generator

  • easy

Use your CSS/HTML/JS skills to randomly draw a poker card on every website refresh.

Start project
  • Javascript

  • React Hooks

  • React useState

Traffic Light

  • easy

Create a small react component with its own state and event listeners

Start project
  • Javascript

  • Node

Javascript Beginner Tutorial (interactive)

  • easy

Practice your Javascript programming skills with this interactive and auto-graded set of exercises.

Start exercise
  • Javascript

  • vanillajs

  • HTML and CSS

Learn how to use and interact with HTML Forms

  • easy

Form validations, inputs, textarea, date inputs, etc.

Start exercise
  • Javascript

  • React Hooks

  • ReactJS

Learn React.js Interactively

  • easy

Learn and practice ReactJS using hooks, interactive tutorial with dozens of react exercises, get instant feedback with automatic grading and watch video solutions afterwards.

Start exercise
  • Javascript

  • Arrays

How to flatten an array in JavaScript?

Discover various techniques to flatten arrays in JavaScript. Learn efficient methods to transform nested arrays into a single, flattened array.

Read article
  • Javascript

  • Arrays

How to use the Javascript Array Clear method?

Learn how to effectively utilize the Clear method in JavaScript arrays to simplify array management. Discover the syntax, functionality, and practical examples.

Read article
  • Javascript

  • Arrays

How to use the Javascript Array method Every?

Learn how to effectively use the Every method in JavaScript arrays. Discover its features, syntax, and practical examples to optimize your coding skills and data manipulations.

Read article
  • Javascript

  • Arrays

How to find the interception of Arrays in Javascript?

Learn how to find the intersection of two or more arrays in Javascript. Discover different methods for finding common elements and optimizing your code.

Read article
  • Javascript

  • Java

What is the difference between Java and Javascript?

Java and Javascript are completely different programming languages even though people gets confused a lot.

Read article
  • Javascript

  • tor

How to disable Javascript in tor?

To disable Javascrpt in Tor browser, you´ll have to go to Settings -> Privacy and Security -> scroll down until Security level and select the option you want, each will be most strict than the other.

Read article
  • Javascript

  • Functions

  • javascript functions

How to Call a Function in Javascript

To call a function we just need to write our function's name alongside the parentheses with the corresponding parameters.

Read article