4Geeks logo
4Geeks logo

Courses

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.

Coding Bootcamp

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.

Data Science and Machine Learning - 16 wks

Full-Stack Software Developer - 16w

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

  • 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

  • unknown

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

Start project
  • Javascript

  • Sorting Algorithms

  • HTML and CSS

Bubble Sorting Cards

  • unknown

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

  • unknown

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

Start project
  • Javascript

  • Node

  • JWT

JWT Authentication with Node and React

  • unknown

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

  • unknown

Create the users stories for your final project

Start project
  • Javascript

  • Events

  • The DOM

Pop Balloons using HTML/CSS and a little Javascript

  • unknown

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

  • unknown

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

  • unknown

Create a simple landing page using React.js components

Start project
  • Javascript

  • React Router

  • ReactJS

Starwars blog reading list

  • unknown

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 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

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

  • unknown

Create an excuse generator with a CLI using Javascript

Start project
  • Javascript

  • Node

Domain Name Generator

  • unknown

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

  • unknown

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

Start project
  • Javascript

  • vanilla.js

  • HTML and CSS

Sorting Cards with Select

  • unknown

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

Start project
  • Javascript

  • ReactJS

Todolist Application Using React

  • unknown

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

Start project
  • Javascript

  • The DOM

  • vanilla.js

Battleship with Vanilla.js

  • unknown

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

Start project
  • Javascript

  • git

  • ReactJS

Multi View React Web App

  • unknown

Create a web app using React router and Context

Start project
  • Javascript

  • HTML and CSS

Spotify Landing Page

  • unknown

Replicate a professional real-life landing page using bootstrap

Start project
  • ReactJS

  • Javascript

  • React useState

Contact List App Using React & Context

  • unknown

Create a simple contact list application using React.js

Start project
  • Javascript

  • Python

  • Flask

Authentication system with Python Flask and React.js

  • unknown

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

  • 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

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)

  • unknown

Create a simple todo web app using vanilla js

Start project
  • ReactJS

  • Javascript

  • React useState

Contact List App Using React & Flux

  • unknown

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

Start project
  • Javascript

  • React Hooks

  • React useState

Audio player like Spotify with React.js

  • unknown

Use the audio tag to create your own music player

Start project
  • UML

  • Node

  • Typescript

Data Modeling a StarWars Blog using Node and Typescript

  • unknown

Use your recently adquired knowledge to build a data-model for your starwars blog

Start project
  • Javascript

  • The DOM

  • HTML and CSS

Code an Excuse Generator in Javascript

  • unknown

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

  • APIs

  • Fetch API

Todolist Application Using React and Fetch

  • unknown

Create a simple todo web app using the React.js framework and use the API to sync with the server

Start project
  • Javascript

  • HTML and CSS

  • ReactJS

The Meetup.com Clone using react.js

  • unknown

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

Start project
  • Javascript

  • Conditions

  • HTML and CSS

Conditional Profile Card Generator

  • unknown

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

  • unknown

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

  • unknown

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 Interactive Tutorial

  • easy

Learn and practice React.js 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 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