Giter Club home page Giter Club logo

precourse's Introduction

Precourse

miscommunication

Welcome to Hack Your Future Belgium. There are a lot of code, links, and browser tabs in your near future!

It'll take a little while to learn how to keep this all organized in your head and on your computer. If you're having trouble finding something, take a look through the links in your class repository. If you still can't find it, ask your classmates on Discord and someone will help you out!

This module's main objective is to get you comfortable with the workflows of programming and Hack Your Future BE. The finished projects won't be complex or impressive to an outsider, but to complete them you will need to have a basic overview of the entire development process. Including: ideation, local development, pushing and pulling to github, and hosting static web pages.

Learning Objectives

Priorities: 🥚, 🐣, 🐥, 🐔 (click to learn more)

There is a lot to learn in this module. If you can't master all the material at once, that's expected! Anything you don't master now will always be waiting for you to review when you need it. These 4 emoji's will help you prioritize your study time and to measure your progress:

  • 🥚: Understanding this material is required, it covers the base skills you'll need for this module and the next. You do not need to finish all of them but should feel comfortable that you could with enough time.
  • 🐣: You have started all of these exercises and feel you could complete them all if you just had more time. It may not be easy for you but with effort, you can make it through.
  • 🐥: You have studied the examples and started some exercises if you had time. You should have a big-picture understanding of these concepts/skills, but may not be confident completing the exercises.
  • 🐔: These concepts or skills are not necessary but are related to this module. If you are finished with 🥚, 🐣 and 🐥 you can use the 🐔 exercises to push yourself without getting distracted from the module's main objectives.
  • GitHub:
    • 🥚 Creating Issues: You can create a new issue in a GitHub repository using an issue template. You can correctly use labels, milestones, and assignments to make your issue findable.
    • 🥚 Searching Issues: You can find issues in a repository by label, author, and milestone.
    • 🥚 Project Boards: You can use issues on a GitHub project board to track your class assignments and help your classmates when they need it.
  • HYF Workflows:
    • 🥚 Check-Ins: You can use the check-in template to track your module learning objectives, and your weekly progress (and to post a retrospective at the end of the module). You create one check-in issue per module in the class repo and each Thursday you add a check-in comment to it and the label for the corresponding week. After review, we add the checked label. No need to remove previous labels either. So as an example, after a 5-week module, you would have 5 comments and 5 labels added by you.
    • 🥚 Deliverables: You can create an issue for this module's deliverable and track your progress on the class project board. Each week, there are different assignments/deliverables. If it is an individual project, you create your deliverable issue for it in the class repo. If it is a group project, the entire group creates 1 issue together in the class repo.
    • 🥚 Asking for Help: You can use the help-wanted template in your class repository's Discussion board to ask for help, and to help your classmates when they are blocked.
  • Your Computer:
    • 🥚 File System Management: You can create and organize a new folder in your personal computer for the materials you will study at HYF.
  • Visual Studio Code:
    • 🥚 Install and manage extensions
    • 🥚 Open a folder for editing
    • 🥚 Create new files/folders inside of the folder
    • 🥚 Edit files and save changes

Suggested Study

CLICK HERE

How to HYF

We are a community of people who want to make the web a better place.

You can expect a growing network, friendships, Sunday fun, a lot of learning, hard times getting stuck in code, and satisfaction when you reach your goals.

Take a look through our

Lesson Plans

CLICK HERE

Deliverables

CLICK HERE

Class Repository

how we collaborate

Your class repository is the home base for each module and most assignments at HYF. You will use your class repo to:

  • Get to know each other
  • Ask for help, and help your classmates
  • Find links to all the modules and study references
  • Submit check-ins and projects
  • Get feedback from coaches
  • Share helpful study resources

precourse's People

Contributors

bermarte avatar colevanderswands avatar danielhalasz avatar jbelien avatar samirm00 avatar talmurshidi avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

kilicf radwan-m erkamguresen inggritenovaleta enakhimionsam perezrei osimef849 sannesofie edualfaro faisoabdirisak angathanga7878ochalla ufitamahoro kavehmrh carsiti natureboy100 melati5 swapnachemboth renjani2022 hackyourfuturebelgium

precourse's Issues

Josee: Precourse Setup

  1. Create this issue
  2. Look through the guides in your class repo
  3. Install softwares
  4. Install VSCode extensions
  5. Organize my computer
  6. GitHub setup
  7. Prep work for Workflows Week 1

precourse deliverables

  1. Create this issue
  2. Install softwares
  3. Install VSCode extensions
  4. Organize your computer
  5. GitHub setup
  6. Fork and Clone the flashcards repository
  7. Prep work for Workflows Chapter 1

zerubabel: precourse

Deliverables

Are your ready to rock and roll?! Below are some assignments to complete before the first day of class, if you finish them all you should be ready to hit the ground running.

You will need to create a new deliverables issue in your class repository and copy-paste this checklist into it. You can check off the list items as you complete the tasks, the issue will keep track of your progress:

1. [ ] Create this issue
2. [ ] Look through the guides in your class repo
3. [ ] Install softwares
4. [ ] Install VSCode extensions
5. [ ] Organize my computer
6. [ ] GitHub setup
7. [ ] Prep work for Workflows Week 1

<!-- Welcome to HYF :) -->

1. Create Your Issue

The first step is to create a Precourse issue in your class repository using the deliverable template and paste in the checklist from up there 👆.

As you complete the assignments you can click on the check-box to track your progress. You and your classmates will be able to see each other's issues, this is a good thing! HYF is built around collaboration. Feel free to read through each others' work, ask each other questions, and offer to help if you see someone is stuck.

2. Install Software

Before getting to work you will need to make sure your computer is ready to go. In the Software Installations and VSCode Extensions sections of your precourse issue is a list of the softwares you will need to succeed at HYF.

2. Look through the Guides

Your class repository has a folder called /guides with advice for how to get the most out of your time at HYF. Take some time over the week to look through these guides.

You don't need to study everything in detail, you can always go back to reread it later.

3. Install 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

4. Organize Your Computer

Got your softwares installed? Good news! Now it's time to organize your computer. There will be lots of folders and files coming your way, best to be prepared!

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)

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

-/Documents
|-/hack-my-future
|-/01-precourse
| |-/ice-breaker (your ice-breaker repository)
| |-/precourse (the cloned module repo)
| |-/username (your github profile readme repo)
| ...
|-/notes
|-/flashcards

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

5. 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

6. Workflows Prep Work

right here!

ghasem:prescours

  1. Create this issue
  2. Look through the guides in your class repo
  3. Install softwares
  4. Install VSCode extensions
  5. Organize my computer
  6. GitHub setup
  7. Prep work for Workflows Week 1

Maria Mikhailova:Precourse Setup

  1. Create this issue
  2. Look through the guides in your class repo
  3. Install softwares
  4. Install VSCode extensions
  5. Organize my computer
  6. GitHub setup
  7. Prep work for Workflows Week 1

Precourse Deliverables

  1. Create this issue
  2. Install software
  3. Install VSCode extensions
  4. Organize your computer
  5. GitHub setup
  6. Fork and Clone the flashcards repository
  7. Prep work for Workflows Chapter 1

Elnura prescours

  1. Create this issue
  2. Look through the guides in your class repo
  3. Install softwares
  4. Install VSCode extensions
  5. Organize my computer
  6. GitHub setup
  7. Prep work for Workflows Week 1

A diagram to understand all the softwares

It would be very helpful for students if there was a diagram to help students visualize the relationship between all the softwares and websites they will need in the first module including (in no particular order, and certainly not complete):

  • their computer
    • VSCode
    • Terminal
    • Browser
    • file system
    • Git
    • Slack
  • the internet
  • GitHub
    • accounts
    • repositories
    • gh-pages
    • issues
    • PRs
    • projects

If you know of one that already exists, or for inspiration, please share it in a comment. If you'd like to help create one even better!

Precourse Deliverable

  1. Create this issue
  2. Install softwares
  3. Install VSCode extensions
  4. Organize your computer
  5. GitHub setup
  6. Fork and Clone the flashcards repository
  7. Prep work for Workflows Chapter 1

Precourse Deliverable

. [ ] Create this issue
2. [ ] Install softwares
3. [ ] Install VSCode extensions
4. [ ] Organize your computer
5. [ ] GitHub setup
6. [ ] Fork and Clone the flashcards repository
7. [ ] Prep work for Workflows Chapter 1

Tasks

  1. Create this issue
  2. Look through the guides in your class repo
  3. Install softwares
  4. Install VSCode extensions
  5. Organize my computer
  6. GitHub setup
  7. Prep work for Workflows Week 1

Ricardo: Precourse goals

  1. Create this issue
  2. Look through the guides in your class repo
  3. Install softwares
  4. Install VSCode extensions
  5. Organize my computer
  6. GitHub setup
  7. Prep work for Workflows Week 1

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.