JavaScript 30

This project is my own recap of Wes Boss JavaScript 30 course. It encompasses all the challenges and exercises from the original course, enhanced with additional features and improvements.

If you appreciate it, please consider giving it a star ⭐
Read the Notes »

View Demo . Report Bug . Request Feature

Table of Contents

1. Key Features
2. Getting Started
   • Installation
     • Setup HTTPS
       • Step 1: Globally
       • Step 2: Inside the project folder
       • Step 3: Configure Your Server
       • Step 4: Accept the Warning
3. Contributing
4. License

---

Key Features

• Unique styles and solutions 🎨
• Enhancements for improved performance 🚀
• Resolved some issues with both style and JavaScript code ✅
• Utilized modern techniques like intersection observation ✨
• Comprehensive blog notes for each exercise 📝

Getting Started

Installation

• Clone the repo

  git clone git@github.com:issam-seghir/JavaScript30.git

Note : As of August 2023, getUserMedia() API is considered to be in a Secure context, according to MDN: getUserMedia API. A "Secure context" implies that this feature is only available in secure contexts (HTTPS) in some or all supporting browsers.

• Cloning the repo is sufficient for most exercises, except for 19 - webcam & 21 - geolocation.
• If you want to test these two exercises locally, you need to set up HTTPS for 19 - webcam and localhost for 21 - geolocation.
• Setting up HTTPS is sufficient for both. If you are genuinely interested in testing these two exercises locally, please read the following instructions.

Setup HTTPS

Step 1: Globally

• Install mkcert to generate a local certificate authority (CA) using your preferred package manager. In this example, I use Scoop, a package manager for Windows.
• The CA certification is stored in the user folder.

# Generate a local certificate authority (CA).
# (This is only trusted locally on your device.)
scoop install mkcert
mkcert -install

Step 2: Inside the project folder

# Generate a certificate for your site
# with the hostname (localhost)
cd <project-folder>
mkcert localhost

This will generate two files:

• localhost.crt
• localhost.key

Note: It's important to ensure that these two files remain secret, and no one can access them. Be sure to add them to .gitignore before exposing them with a commit.

Step 3: Configure Your Server

# This will install http-server for you
npm install
# This will generate an HTTPS link for you
npm start

Step 4: Accept the Warning

This warning appears because the certification is self-created locally. The browser is trying to protect you, but it is safe to ignore this warning.

---

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE.txt for more information.