First commit

Author: jhonkeithman123

Assets/Images/Setup/clone-dialog.png

@@ -0,0 +1,98 @@
+# GDG PUP JavaScript Study Jam 2
+
+![JavaScript](https://shields.io/badge/JavaScript-F7DF1E?logo=JavaScript&logoColor=000&style=flat-square)
+
+Welcome to **JavaScript Workshop** Join us on this journey through JavaScript fundamentals at **GDG PUP Web Development**.
+
+Dive deeper into the world of web scripting with hands-on practice! 🚀
+
+This repository contains the materials and activities for our second study jam. Whether you're a beginner or looking to refresh your skills. This repository will guide you through building your very first responsive website.
+
+## 📂 Repository Structure
+
+Explore the content of this repository below. Click on the folder names to navigate!
+
+### TODO:
+
+Contents...
+
+### TODO:
+
+Contents...
+...
+
+---
+
+## 🌟 Getting Started
+
+Follow these simple steps to get your own copy of the project!
+
+### Step 1: Fork the Repository
+
+First, we need to make a copy of this project into your own GitHub account.
+
+1.  Look for the **Fork** button at the top-right corner of this page.
+2.  Click it!
+
+![Fork Button](./Assets/Images/Setup/fork-button.png)
+_(Image Description: The 'Fork' button located at the top right of the GitHub page, between 'Watch' and 'Star'.)_
+
+### Step 2: Create Your Fork
+
+1.  If asked **"How are you planning to use this fork?"**, select **For my own purposes**.
+2.  You will see a page to name your fork. You can leave the name as is.
+3.  Click the green **Create fork** button.
+
+![Create Fork](./Assets/Images/Setup/create-fork.png)
+_(Image Description: The 'Create a new fork' page. If prompted, select 'For my own purposes' before clicking the green 'Create fork' button.)_
+
+### Step 3: Open with GitHub Desktop
+
+Now that you have your own copy, let's put it on your computer.
+
+1.  On your new repository page, click the green **Code** button.
+2.  Select **Open with GitHub Desktop**.
+
+![Open with GitHub Desktop](./Assets/Images/Setup/open-with-desktop.png)
+_(Image Description: The dropdown menu that appears after clicking the green 'Code' button, highlighting the 'Open with GitHub Desktop' option.)_
+
+### Step 4: Clone to Your Computer
+
+1.  GitHub Desktop will open up.
+2.  Choose a folder on your computer where you want to save the project.
+3.  Click **Clone**.
+
+![Clone Dialog](./Assets/Images/Setup/clone-dialog.png)
+_(Image Description: The GitHub Desktop popup window showing the 'Local Path' selection and the blue 'Clone' button.)_
+
+### Step 5: Open in VS Code
+
+1.  Once the download finishes, you will see buttons in GitHub Desktop.
+2.  Click **Open in Visual Studio Code**.
+
+![Open in VS Code](./Assets/Images/Setup/open-vscode.png)
+_(Image Description: The main view of GitHub Desktop showing the 'Open in Visual Studio Code' button in the right panel.)_
+
+### Step 6: Start Coding!
+
+1.  In VS Code, look at the file explorer on the left.
+2.  Open the **Post-Jam Activity** folder.
+3.  Right-click `index.html` and choose **Open with Live Server**.
+
+![Live Server](./Assets/Images/Setup/live-server.png)
+_(Image Description: The VS Code context menu showing the 'Open with Live Server' option.)_
+
+---
+
+## 📅 Submission
+
+Submit your completed Post-Jam Activity via **Google Classroom**.
+
+- Check the [Google Classroom](https://classroom.google.com/c/ODAzOTgxMzI0Mzgy) for the assignment link and deadline.
+- You will likely need to submit the link to your GitHub repository and a screenshot of your site.
+
+## 🎉 Happy Coding!
+
+We’re excited to see your creativity! Remember, every line of code you write brings you one step closer to mastering web development.
+
+_Built with ❤️ by GDG on Campus PUP_