create 0101-welcome-to-the-terminal

2026-04-14 02:53:51 +00:00 · 2025-08-27 12:46:17 -07:00
parent 7ff6f6542b
commit 384cb82efb
2 changed files with 236 additions and 135 deletions
--- a/src/src/content/resources/curriculum/python/01-intro-to-python.mdx
+++ b/src/src/content/resources/curriculum/python/01-intro-to-python.mdx
@@ -1,135 +0,0 @@
 ---
 title: "Command Line Basics - Lesson 1"
 description: "Getting started with the Linux command line"
 date: 2025-09-01
 duration: "45 minutes"
 tags: ["command line", "linux", "beginners", "lesson1"]
 ---
 import Slide from "@/components/resources/slide.astro";
 import Presentation from "@/components/resources/presentation.astro";
 import { Video } from "@/components/mdx/video";
 <Presentation />
 <Slide large>
 # 💻 Welcome to the Command Line!
 <div step="1" animation="fade-in">The command line is a way to **talk to your computer** using words instead of clicking.</div>
 <div step="2" animation="slide-in-left">- It’s like giving your computer instructions directly.</div>
 <div step="3" animation="slide-in-left">- Powerful, fast, and used by programmers every day!</div>
 </Slide>
 <Slide>
 ## What is the Command Line?
 <Video client:load
    title="What is the terminal and why should I use it? // Developer Fundamentals"
    url="https://timmypidashev.us-sea-1.linodeobjects.com/curriculum%2Fterminal%2F01.mp4"
    attribution="https://www.youtube.com/watch?v=lZ7Kix9bjPI"
 />
 </Slide>
 <Slide>
 <div step="1" animation="fade-in">Think of your computer as a **library**.</div>
 <div step="2" animation="slide-in-up">- Normally you click through the shelves (folders).</div>
 <div step="3" animation="slide-in-up">- With the command line, you can just **ask the librarian** (the computer) to take you exactly where you want to go.</div>
 </Slide>
 <Slide>
 ## Opening the Terminal
 <div step="1" animation="fade-in">On your laptop, open the **Terminal** program.</div>
 <div step="2" animation="slide-in-left">You should see something like:</div>
 <div step="4" animation="fade-in">This is called the prompt – it’s where you type commands!</div>
 </Slide>
 <Slide>
 Try It Out! 📝
 <div step="1" animation="fade-in">Type this command:</div>
 <div step="2" animation="scale-in">
 Bash
 echo Hello World
 </div>
 <div step="3" animation="slide-in-up">The computer will answer back: <br/> Hello World</div>
 </Slide>
 <Slide>
 Class Question 🤔
 <div step="1" animation="fade-in">What do you think the command echo does?</div>
 </Slide>
 <Slide>
 Answer 🎉
 <div step="1" animation="fade-in">It simply repeats back (or "echoes") what you tell it!</div>
 </Slide>
 <Slide>
 Clear the Screen
 <div step="1" animation="fade-in">If your screen gets messy, type:</div>
 <div step="2" animation="scale-in">
 Bash
 clear
 </div>
 <div step="3" animation="slide-in-left">This gives you a clean slate.</div>
 </Slide>
 <Slide>
 Where Am I? 🗺️
 <div step="1" animation="fade-in">Use the pwd command:</div>
 <div step="2" animation="scale-in">
 Bash
 pwd
 </div>
 <div step="3" animation="slide-in-up">It tells you your current location in the computer.</div>
 <div step="4" animation="slide-in-left">Example: <br/> /home/student</div>
 </Slide>
 <Slide>
 Class Question 🤔
 <div step="1" animation="fade-in">If your computer is a giant library, what does pwd tell you?</div>
 </Slide>
 <Slide>
 Answer 📍
 <div step="1" animation="fade-in">It tells you which room (folder) you are standing in right now!</div>
 </Slide>
 <Slide>
 Recap 🎯
 <div step="1" animation="fade-in">Today we learned:</div>
 <div step="2" animation="slide-in-left">- How to open the terminal</div>
 <div step="3" animation="slide-in-left">- echo (say something)</div>
 <div step="4" animation="slide-in-left">- clear (clean your screen)</div>
 <div step="5" animation="slide-in-left">- pwd (where am I?)</div>
 </Slide>
 <Slide>
 Exit Challenge 🚀
 <div step="1" animation="fade-in">Before you leave, type this into your terminal:</div>
 <div step="2" animation="scale-in">
 Bash
 echo Goodbye!
 </div>
 <div step="3" animation="bounce-in">🎉 You’ve just completed your first command line lesson!</div>
 </Slide>
--- a/src/src/content/resources/curriculum/terminal/0101-welcome-to-the-terminal.mdx
+++ b/src/src/content/resources/curriculum/terminal/0101-welcome-to-the-terminal.mdx
@@ -0,0 +1,236 @@
 ---
 title: "0101 - Welcome to the Terminal"
 description: "Week 1 | Lesson 1"
 date: 2025-09-27
 duration: "45 minutes"
 tags: ["terminal"]
 ---
 import Slide from "@/components/resources/slide.astro";
 import Presentation from "@/components/resources/presentation.astro";
 import { Video } from "@/components/mdx/video";
 <Presentation />
 <Slide large>
 * The terminal is a way to **talk to your computer** using words instead of clicking.
 * It’s like giving your computer instructions directly.
 * Powerful, fast, and used by programmers every day!
 * It's sometimes called a **command-line** because it accepts commands as instructions
 ---
 </Slide>
 <Slide large>
 ## Video Introduction
 <Video client:load
    title="What is the terminal and why should I use it? // Developer Fundamentals"
    url="https://timmypidashev.us-sea-1.linodeobjects.com/curriculum%2Fterminal%2F01.mp4"
    attribution="https://www.youtube.com/watch?v=lZ7Kix9bjPI"
 />
 ---
 </Slide>
 <Slide large>
 ## Opening the Terminal
 1. Open your laptops and power them on
 2. When prompted to login, enter your credentials:
 **Username:** your first and last name (all lowercase, no spaces) `timothypidashev`
 **Password:** your birthday in MMDDYYYY format (without slashes) `08052004`
 > Once logged in, help the person to your right and left, 
 > we will continue when everybody is ready!
 ---
 </Slide>
 <Slide large>
 ## It's Lonely in Here...
 Now you should see a **prompt** that looks something like this:
 ```fish
 timothypidashev@laptop1 ~>
 ```
 This might look intimidating, but it's actually telling you useful information!
 ---
 </Slide>
 <Slide large>
 ## Understanding the Prompt
 ```fish
 timothypidashev@laptop1 ~>
 ```
 Breaking it down:
 - **`timothypidashev`** - This is **your username**. It tells you who is currently using the computer
 - **`@laptop1`** - This is the **computer's name** (hostname). Useful when working with multiple computers!
 - **`~`** - This is your **current location** in the computer. The `~` symbol means you're in your "home" folder
 - **`>`** - This is the **prompt symbol**. It's waiting for you to type a command!
 ---
 </Slide>
 <Slide large>
 ## Your First Command - `whoami`
 Let's try our first command! Type this and press **Enter**:
 ```fish
 whoami
 ```
 - This command asks the computer: "Who am I?"
 - The computer should respond with your username!
 > **Try it!** Type `whoami` and press Enter
 ---
 </Slide>
 <Slide>
 ## Where Am I? - The `pwd` Command
 Now let's find out exactly where we are in the computer. Type:
 ```fish
 pwd
 ```
 - `pwd` stands for **"Print Working Directory"**
 - It tells you the **full path** to where you currently are
 - You should see something like: `/home/timothypidashev`
 > **Try it!** Type `pwd` and press Enter
 ---
 </Slide>
 <Slide>
 ## Looking Around - The `ls` Command
 Let's see what's in our current location. Type:
 ```fish
 ls
 ```
 - `ls` stands for **"list"** - it shows you all the files and folders in your current location
 - You might see folders like `Desktop`, `Documents`, `Downloads`, etc.
 > **Try it!** Type `ls` and press Enter. What do you see?
 ---
 </Slide>
 <Slide>
 ## Making Your Mark - The `mkdir` Command
 Let's create your first folder using the terminal! Type:
 ```fish
 mkdir my-first-folder
 ```
 - `mkdir` stands for **"make directory"** (folder and directory mean the same thing)
 - Now type `ls` again to see your new folder appear!
 > **Try it!** Create a folder, then list the contents to see it
 ---
 </Slide>
 <Slide large>
 ## Moving Around - The `cd` Command
 Let's go inside the folder we just created. Type:
 ```bash
 cd my-first-folder
 ```
 - `cd` stands for **"change directory"** - it moves you to a different location
 - Notice how your prompt changes! The `~` might change to show your new location
 - Type `pwd` to confirm where you are now
 > **Try it!** Move into your folder and check your location
 ---
 </Slide>
 <Slide large>
 ## Going Back - `cd ..`
 To go back to the previous folder (your home), type:
 ```bash
 cd ..
 ```
 - The `..` means **"parent directory"** - the folder that contains your current folder
 - You can also type `cd ~` or just `cd` to go back to your home folder anytime
 > **Try it!** Go back to your home folder
 ---
 </Slide>
 <Slide large>
 ## Creating Files - The `touch` Command
 Let's create your first file using the terminal. Type:
 ```bash
 touch hello.txt
 ```
 - `touch` creates a new, empty file
 - Type `ls` to see your new file appear alongside your folder
 > **Try it!** Create a file and list the contents to see it
 ---
 </Slide>
 <Slide large>
 ## Cleaning Up - The `rm` Command
 Let's clean up by removing the file we just created:
 ```bash
 rm hello.txt
 ```
 - `rm` stands for **"remove"** - it deletes files
 - ⚠️ **Warning**: `rm` permanently deletes files - there's no trash can in the terminal!
 - Type `ls` to confirm the file is gone
 > **Try it!** Remove your file and verify it's deleted
 ---
 </Slide>
 <Slide large>
 ## Command Summary
 Here are the commands we learned today:
 | Command | Purpose |
 |---------|---------|
 | `whoami` | Shows your username |
 | `pwd` | Shows your current location |
 | `ls` | Lists files and folders |
 | `mkdir` | Creates a new folder |
 | `cd` | Changes to a different folder |
 | `cd ..` | Goes to the parent folder |
 | `touch` | Creates a new file |
 | `rm` | Removes/deletes a file |
 > BYTE! | Create a file named `.hidden` and see if you can find it with `ls -a`! 
 ---
 </Slide>