Practice JavaScript

 
📋 Table of Contents

• ✨ Introduction
• ⚙️ Tech Stack
• 🚀 Quick Start

 
✨ Introduction

[EN] This repository contains a collection of practice exercises built using only JavaScript, aimed at enhancing coding skills and understanding of core JavaScript concepts. The exercises include various components such as:

Preview

• Filter: Implementing dynamic filtering of data based on user input.
• Quiz: Creating an interactive quiz application with multiple-choice questions and scoring.
• Slider: Building a simple image slider/carousel with navigation controls.

Each exercise focuses on different aspects of JavaScript programming, providing hands-on experience with DOM manipulation, event handling, and API interactions. This repository is a valuable resource for developers looking to practice and improve their JavaScript skills through practical examples.

[FR] Ce dépôt contient une compilation d'exercices pratiques construits uniquement en JavaScript, visant à améliorer les compétences en codage et la compréhension des concepts fondamentaux de JavaScript. Les exercices incluent divers composants tels que :

Preview

• Filtre : Implémentation du filtrage dynamique de données basé sur l'entrée utilisateur.
• Quiz : Création d'une application de quiz interactive avec des questions à choix multiples et un système de score.
• Slider : Construction d'un simple slider/carrousel d'images avec des contrôles de navigation.

Chaque exercice se concentre sur différents aspects de la programmation JavaScript, offrant une expérience pratique avec la manipulation du DOM, la gestion des événements et les interactions avec les API. Ce dépôt est une ressource précieuse pour les développeurs souhaitant pratiquer et améliorer leurs compétences en JavaScript à travers des exemples pratiques.

 
⚙️ Tech Stack

• HTML (HyperText Markup Language) is the standard markup language used for creating web pages. It provides the structure of a webpage by defining elements such as headings, paragraphs, links, images, and other content. HTML elements are represented by tags, which tell the browser how to display the content.

• CSS (Cascading Style Sheets) is a style sheet language used to describe the presentation of a document written in HTML. CSS controls the layout, colors, fonts, and overall visual appearance of web pages. By separating content from design, CSS enables developers to maintain and update the visual style of multiple pages efficiently.

• JavaScript is a versatile, high-level programming language commonly used for web development. It enables interactive elements on web pages, such as dynamic content updates, form validation, animations, and user interface enhancements. JavaScript runs in the browser and is integral to building modern, interactive websites and web applications.

🚀 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone {git remote URL}

Running the Project

Use Live Server to launch a development local server with live reload feature for static & dynamic pages.