GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • MDN Web Docs
  • W3Schools
  • CodePen
  • GitHub
  • Youtube

This view

  • Original page
  • New address

GeezerVison is showing khush0031.github.io β€” JavaScript Projects-Practise πŸš€

JavaScript-Projects-Practise

JavaScript Projects-Practise πŸš€

Welcome to the JavaScript Projects-Practise! This README will guide you through this exciting journey of coding, creativity, learning and build some awesome projects!

Table of Contents

  • JavaScript Projects-Practise πŸš€
    • Table of Contents
    • Introduction
    • Getting Started
      • Prerequisites
      • Setup
    • Project Structure
    • Project Ideas
    • Resources

Introduction

I’m thrilled to embark on a adventure of JavaScript programming. This will help me to enhance my coding skills, improve my problem-solving abilities, and boost my creativity.πŸŽ‰

Getting Started

Prerequisites

Before you begin, make sure you have the following:

  • Basic understanding of HTML, CSS, and JavaScript.
  • A code editor of your choice (e.g., Visual Studio Code).
  • A web browser for testing your projects(e.g., Google).
  • Git installed on your system (for version control, optional but recommended). πŸ› οΈ

Setup

  1. Clone or download this repository to your local machine:
  git clone https://github.com/khushchaurasia/JavaScript-Projects
  1. Navigate to the project folder:
cd javascript-projects

Project Structure

Each project folder should follow a consistent structure:

JavaScript-Projects-Practise
β”œβ”€β”€ 01-PROJECT-NAME
β”‚   β”œβ”€β”€ index.html
β”‚   β”œβ”€β”€ script.js
β”‚   └── style.css
β”œβ”€β”€ 02-ANOTHER-PROJECT
β”‚   β”œβ”€β”€ index.html
β”‚   β”œβ”€β”€ script.js
β”‚   └── style.css
β”œβ”€β”€ 03-YET-ANOTHER-PROJECT
β”‚   β”œβ”€β”€ index.html
β”‚   β”œβ”€β”€ script.js
β”‚   └── style.css
└── ...
  • index.html: HTML file for the project’s structure.
  • style .css: CSS file for styling the project.
  • script.js: JavaScript file for the project’s functionality.

Project Ideas

Project Number Project Name Link
Project-01 Analog-Clock Click to open
Project-02 Digital-Clock Click to open
Project-03 Calculator Click to open
Project-04 Tic-Tac-Toe Click to open
Project-05 Gradient Generator Click to open
Project-06 Todo-App Click to open
Project-07 Drag&Drop Click to open

Resources

For each project, make use of online resources, tutorials, and documentation. Here are some recommended resources:

  • MDN Web Docs
  • W3Schools
  • CodePen
  • GitHub
  • Youtube
You are visitor 01402503 β€” GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800Γ—600. No cookies required.