/unit-03-html-1-patrickgronemeyer

Accompanying coding challenges for Unit 3

Primary LanguageHTML

Open in Visual Studio Code

Welcome to the code portion of the Intro to Web Dev Fundamentals Course

Overview

Welcome to the Intro to Web Dev Fundamentals Course! This course will provide you with a solid foundation in web development concepts and skills. Throughout the curriculum, you will be directed to GitHub Classroom projects to complete coding assignments using Visual Studio Code (VS Code), a popular code editor. This README.md file will guide you through the primary functionality and basics of using GitHub Classroom for coding practice in HTML, CSS, and JavaScript.

If you're just now stumbling upon this directly through a search of repos on GitHub, may I suggest signing up for the full free course?

We have quite a bit of supporting material over in our new virtual classroom hosted on GitHub. You can check that out here:

GitHub Classroom Assignment

Getting Started with GitHub Classroom

Creating an Account

  1. Visit GitHub.com in your web browser.
  2. Click on the "Sign Up" button and follow the instructions to create your account.
  3. Once your account is created, you can log in with your credentials.

Setting Up Visual Studio Code (VS Code)

GitHub Classroom integrates with VS Code, allowing you to write, run, and test your code. Here's how to get started:

Installing VS Code

  • Download and install VS Code from Visual Studio Code's website.
  • Open VS Code and install any recommended extensions for HTML, CSS, and JavaScript development.

Cloning Your GitHub Classroom Repository

  • In GitHub Classroom, click on the "Open in VS Code" button for the assignment you want to work on.
  • VS Code will open, and the repository will be cloned to your local machine.

Code Editor

  • The code editor in VS Code is where you will write your HTML, CSS, and JavaScript code.
  • You can create new files or open existing ones using the file explorer on the left sidebar.
  • VS Code provides syntax highlighting, auto-indentation, and other helpful features to enhance your coding experience.

Running and Testing Code

  • You can use the "Live Server" extension in VS Code to see your HTML page rendered in your browser.
  • Run your JavaScript code using the built-in terminal or debug features in VS Code.

Project Navigation

  • In the file explorer on the left sidebar, you can navigate through your project files and folders.
  • You can also create new files or folders using the "+" button in the file explorer.

Troubleshooting and Assistance

  • If you encounter any issues or have questions while using GitHub Classroom and VS Code, refer to the GitHub Documentation and VS Code Documentation.
  • Additionally, don't hesitate to reach out to your instructor or classmates for assistance or clarification.

Now that you have a basic understanding of GitHub Classroom and VS Code, you're ready to dive into the exciting world of web development! In the upcoming sections of this course, you will explore HTML, CSS, and JavaScript to build dynamic and interactive web applications.

Happy coding and enjoy your learning journey!

Additional Resources

If you made it all the way here, chances are that you're the kind of person who actually reads the directions. PLEASE CONSIDER A CAREER IN CODING, if you haven't already! The industry needs more people who have the patience and discipline to pay attention to the finer details!

We love you! 🙌🤓♥ Now get coding... here's a hint, start with the index.html - everything in all of web development does, so I certainly would!