HTML, CSS, and JavaScript Programming Fundamentals

Report Bug · Request Feature

Table of Contents

• About This Repo
• GitHub Setup
• Local Setup
• Instructions

About This Repo

👨🏻‍💻 We will be exploring HTML, CSS, and JavaScript programming fundamentals using:

• Arrays
• Loops
• Functions
• Objects
• Events
• Template Literals

See the JavaScript Basics in this repo for examples.

JavaScript is a dynamic programming language that allows us to add interactivity and logic to HTML web pages with the help of CSS to make it look nice!

🔝 back to top

GitHub Setup

• Create Repo from Use Template:

  • Click HERE or the Use Template button in this repo to create a new repo.
  • Ensure Include all branches is left unchecked.
  • Specify your username and repo name appropriately.
  • Provide a description for the repo (optional).
  • Set the repo as Public.
  • Click Create repository.

🔝 back to top

Local Setup

• Clone your Repo:

  • Click the <> Code button in this repo and choose SSH.
  • Copy the URL. It should look something like: git@github.com:YOUR-USERNAME/YOUR-REPO-NAME.git.
  • In your terminal, navigate to the directory where you want to clone this repo.
  • Execute git clone git@github.com:YOUR-USERNAME/YOUR-REPO-NAME.git, replacing the placeholders with actual values.

🔝 back to top

Instructions

• Start the application:

  • Open Finder and navigate to the project folder containing the index.html file.
  • Right-click on the index.html file.
  • In the right-click menu, select Open With > Chrome (or your preferred browser).
  • The index.html will now open directly in the chosen browser.

The UI should open in your chosen web browser to the correct URL.

NOTE: When you make changes to the HTML or related CSS/JS files, you will need to manually refresh the browser to see the updates.

Follow along with your instructor in exploring HTML, CSS, and JavaScript! Happy Priming!

🔝 back to top