https://github.com/arsy786/js-projects-codecademy
Repository contains a collection of projects completed as part of the Codecademy JS course.
https://github.com/arsy786/js-projects-codecademy
2023 codecademy javascript projects
Last synced: 8 months ago
JSON representation
Repository contains a collection of projects completed as part of the Codecademy JS course.
- Host: GitHub
- URL: https://github.com/arsy786/js-projects-codecademy
- Owner: arsy786
- Created: 2023-02-16T15:41:51.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-03-17T23:51:02.000Z (about 2 years ago)
- Last Synced: 2025-06-03T11:29:38.426Z (about 1 year ago)
- Topics: 2023, codecademy, javascript, projects
- Language: JavaScript
- Homepage:
- Size: 368 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# js-projects-codecademy
This repo holds the source code from completing the Codecademy [Learn JavaScript](https://www.codecademy.com/learn/introduction-to-javascript) course projects.
## Topics Covered
- Introduction
- Conditionals
- Functions
- Scope
- Arrays
- Loops
- Iterators
- Objects
## JavaScriptTutorials
[JavaScriptTutorials README.md](https://github.com/arsy786/js-projects-codecademy/tree/main/JavaScriptTutorials)
## Getting Started
### Prerequisites
- Node.js
### Running the Apps
#### Option 1: Using `node`
You can run the JavaScript files directly in the terminal using Node.js. Follow these steps:
1. Clone this repository to your local machine:
```bsh
git clone https://github.com/arsy786/js-projects-codecademy.git
```
2. Navigate to the repository's directory:
```bash
cd js-projects-codecademy
```
3. Run the JavaScript file you want to execute using Node.js. For example:
```bash
node <./filePath/fileName.js>
```
This setup allows you to run the JS files in the terminal and view the output directly.
#### Option 2: Using `live-server`
To run these JS apps on a browser, you can use the `live-server` package for a quick and easy setup. Follow the steps below to get started:
1. Install `live-server` globally using npm by running this command in your terminal:
```bash
npm install -g live-server
```
2. Clone this repository to your local machine:
```bsh
git clone https://github.com/arsy786/js-projects-codecademy.git
```
3. Navigate to the repository's directory:
```bash
cd js-projects-codecademy
```
4. Update line 40 in index.html to point to the JavaScript file you want to run:
```html
```
5. Start the server by running:
```bash
live-server
```
Your default web browser should automatically open, displaying the projects. If not, you can manually visit `http://localhost:8080`.
This setup allows you to view and interact with the JS projects as they would appear on a live website. The JavaScript logs will be run in the console, but the HTML page will serve the console logs in the browser for you to view the console logs directly without having to inspect. Additionally, live reloading ensures that any changes you make to your files are reflected instantly in the browser.
## Useful Links
[JavaScript Cheatsheet (Codecademy)](https://www.codecademy.com/learn/introduction-to-javascript/modules/learn-javascript-introduction/cheatsheet)
[JavaScript in 100 Seconds (YouTube/Fireship)](https://www.youtube.com/watch?v=DHjqpvDnNGE)
[JavaScript Crash Course For Beginners (YouTube/TraversyMedia)](https://www.youtube.com/watch?v=hdI2bqOjy3c)
[100+ JavaScript Concepts you Need to Know (YouTube/Fireship)](https://www.youtube.com/watch?v=lkIFF4maKMU)
[100+ Web Development Things you Should Know (YouTube/Fireship)](https://www.youtube.com/watch?v=erEgovG9WBs)
[JavaScript ES6 Modules (YouTube/WebDevSimplified)](https://www.youtube.com/watch?v=cRHQNNcYf6s)