Fedora Terminal Fundamentals

1. Understanding the Terminal

Before we dive into commands, it's important to understand what the terminal is and why it's so fundamental to development. It's a text-based interface to your computer, allowing you to run programs and manage your file system with commands instead of clicks.

The following reading from the Mozilla Developer Network (MDN) provides an excellent overview.

As you'll start to see, using the terminal is often much faster and more powerful than using a graphical file explorer, especially when you need to perform complex or repetitive tasks.

2. Core Navigation and Inspection Commands

Let's begin with the three most fundamental commands for finding your way around the file system. The video below provides a clear, visual introduction to these concepts.

To summarize and expand on the video:

• pwd (Print Working Directory): This command tells you exactly where you are in the file system hierarchy. It's like checking the "You are here" map.
• ls (List): This lists the files and directories in your current location. It's your way of looking around.
• cd (Change Directory): This is how you move. You can cd into a subdirectory (e.g., cd Desktop), move up to the parent directory (cd ..), or jump straight to your home directory from anywhere by just typing cd.

Getting More Information with ls

The basic ls command is useful, but we can make it far more powerful by adding flags (also called options). A flag is a modifier, usually prefixed with a dash (-), that changes a command's behavior. For web development, two flags for ls are essential:

• -l: Displays a long list format with detailed information (permissions, owner, size, modification date).
• -a: Shows all files, including hidden ones (which start with a dot, like .git or .config).

You can combine flags, and ls -la is one of the most common commands you'll use.

The image below shows the output of ls -la. Notice the detailed columns and the hidden files (like .bash_history) that are now visible.

3. Managing Files and Directories

Now that you can navigate, let's learn how to create, move, copy, and delete files and directories. This is how you'll organize your project structures.

We'll continue with the "Basic Linux Navigation" video, which demonstrates these actions clearly.

Here's a quick summary of those key commands:

A Crucial Word of Warning:

The rm command deletes files permanently; they do not go to a recycle bin. Be especially careful with rm -r. A typo could accidentally delete your entire project or other important files. Some developers even use the -i (interactive) flag, like rm -ri my-folder, which prompts for confirmation before deleting each item.

Always double-check your pwd and the path in your rm command before hitting Enter.

4. Hands-On Practice: Creating a Project Structure

Theory is good, but practice is better. Let's use these new commands to set up the folder structure for the personal profile website you'll be building in the next module.

Open your Fedora terminal and follow these steps.

1. First, make sure you are in your home directory.

   cd
   

2. Create a projects directory if you don't already have one. This is a good practice for organizing all your work.

   mkdir projects
   

3. Move into your new projects directory.

   cd projects
   

4. Create the main folder for your personal profile website.

   mkdir personal-profile-site
   

5. Now, cd into that folder.

   cd personal-profile-site
   

6. Inside, create the standard subdirectories for CSS, JavaScript, and images. You can create them all with one command.

   mkdir css js images
   

7. Create the initial HTML, CSS, and JavaScript files using the touch command. Notice how you can use paths to create files inside the correct subdirectories.

   touch index.html css/styles.css js/app.js
   

8. Finally, verify your entire structure. The -R (Recursive) flag for ls is perfect for this, as it lists the contents of the directory and all its subdirectories.

   ls -R
   

Your output should look something like this:

.:
css  images  index.html  js

./css:
styles.css

./images:

./js:
app.js

You have just created a clean, professional project structure entirely from the command line!

Conclusion

Excellent work! In this lesson, you've taken a significant step in mastering your development environment. You now have the foundational command-line skills to work efficiently.

Here are the key takeaways:

• The terminal is a powerful text-based interface for managing your computer.
• You can navigate your file system using pwd, ls, and cd.
• Flags like -l and -a modify commands to provide more detail.
• You can manage project structures with mkdir, touch, cp, mv, and rm.
• Caution is critical, especially with the rm command, as deletions are permanent.

These commands are not just abstract exercises; they are the very tools you will use in our upcoming lessons to initialize Git repositories, manage project branches, and run development servers.

In the next lesson, we will continue setting up your environment by covering another critical piece of the web development toolchain: installing Node.js and npm.