Rosa Moran: HYF Precourse

[RosaMoran]

This issue has checklists for everything you need to prepare before the first day of Incremental Development. You will want to check all these boxes to join the first class! You can find more details on these assignments in the HYF Precourse repository. Besides internet searching, you can head over to the study book for some helpful study references.

Don't worry, it's not as intimidating as it looks and we're all here to help each other.

Software Installations

• Use Linux or Mac. If your computer is a Windows machine, you will need to either:
  • Linux Sub-System (you will need to update to Windows 10 if you are not): itechguides, adamtheauthor
• Slack - for all HYF communication
• Zoom - for online class
• Modern Browsers with good DevTools, it's good to practice with all of them:
  • Chromium, and/or Chrome
  • Firefox
  • Edge
• Visual Studio Code - used write and edit your code
• VSCode CLI - to open folders in VSCode from the terminal
• Node.js
• oh my zsh: this will help you find your way around the CLI
• GitHub Desktop (optional)
  • This can help you get started with Git & GitHub, but does not replace learning to use your CLI
  • Mac
  • Linux

---

VSCode Extensions

These are a few VSCode extensions that will make your life easier. Find another one that looks interesting? give it a try!

How to install VSCode Extensions

• For Git & GitHub
  • Git Graph
  • GitLens
  • vscode-pull-request-github
• For writing any code
  • Code Spell Checker
  • Prettier with format on save
• For writing Markdown
  • MarkdownLint
  • Markdown All-In-One
  • Markdown Preview GitHub Styling
• For writing HTML/CSS
  • HTML CSS Support
  • LiveServer
• For writing JavaScript
  • ESLint
  • Bracket Pair Colorizer
  • Indent Rainbow

---

Organizing Your Computer

You will be working with many files and folders, it's best to start out organized. Here's some suggestions to start off in the right direction:

• Create a new folder in your Documents called something like "/hack-my-future".
• Inside your new "/hack-my-future", create one folder called "/notes" or something like this
  • You can use this folder to organize your notes in one place
  • Try using Markdown for your notes!
  • Looking to share everything you've learned? You can also push your notes to a Github repo ;)
• Inside your new "/hack-my-future", create a folder for the Precourse called "/00-precourse" (or something similar)
  • You can use this folder to clone the Precourse repository, and to store all your Precourse work

When you're done your computer's folders should be organized something like this:

-/Documents
  |-/hack-my-future
    |-/00-precourse
    | |-/ice-breaker (your ice-breaker repository)
    | |-/precourse (the cloned module repo)
    | |-/username (your github profile readme repo)
    |
    |-/notes
    |-/username.github.io (your home page repository)
      (store your home page outside of /00-precourse, you will rewrite it a few times)

^ that diagram is a plain-text folder structure: stackoverflow 1, stackoverflow 2

---

Basic Programming Skills

Some basic skills you will need to use your computer effectively in class. The HYF Precourse repository and the study book have some helpful references for learning these skills:

• VSCode
  • Opening a repository in a new window
  • Opening the repository in VSCode terminal
  • Adding a new file
  • Adding a new folder
  • Deleting a file
  • Deleting a folder
  • Previewing a Markdown File
  • Formatting a file with Prettier each time you save
  • Opening an HTML file with the LiveServer extension
  • Viewing the repository's git history with Git Graph extension
• Command Line Interface
  • navigating directories using cd
  • viewing the contents of a directory with ls
• Using Git from CLI
  • clone a repository from GitHub
  • add & commit small changes with a clear commit message
  • push & pull changes between GitHub and your Computer
• Browser
  • Open the DevTools
  • Inspect an element in a web page

---

GitHub Setup

• Connect to GitHub with SSH
  • this can be tricky! we're here to help each other on Slack
• Watch your class repository
  • Click the Watch button in the upper-right of the repo
• Update your profile details:
  • a nice photo
  • short bio
  • link to userName.github.io, the home page you will build as a final Precourse project
• Create GitHub Profile Readme:
  • How to Make One
  • Adding real-time stats
  • Inspiration
• Write a markdown Bio and merged it to the class repo:
  • There are more instructions in the /student-bios folder of your class repo.

---

Projects

For each of these projects you will need to create a new issue using the project issue template. To fill out the project issue you will need to paste in the checklists from the main README of the Precourse repo. This is the standard way you will submit all projects while at HYF.

Once your issue is created you will need to add it to the class-projects board in your class repo and check off these boxes:

• Individual Project issue is created and on the project board
• Group Project issue is created and on the project board

---

That's it! You've finished all the tasks in this precourse issue. Your classmates and coaches can now find your projects on the Class Projects board.

Welcome to HYF :)