LogoLogo
Class SchedulesOfficial WebsiteMigraCode SyllabusHow to teach tech
  • 👩‍🏫Welcome to the MigraCode Volunteer Guide
  • General information
    • ℹ️About MigraCode
    • 🖱️Working with our students
    • 👥Volunteering roles
      • Teaching volunteer roles
      • Mentoring volunteer roles
      • Slack volunteer roles
  • Teaching instructions
    • 🖥️Basic computer literacy
      • Lesson 1: Introduction and Browser
      • Lesson 2: More browsing and Internet
      • Lesson 3: Mail and a taste of Drive
      • Lesson 4: Google Docs
      • Lesson 5: Google sheets
      • Lesson 6: Google slides
    • 👩‍💻Web development
      • Class Example
      • Teaching instructions
        • Introduction
          • 1 - Terminal and Visual Code
          • 2 - Git and Github
        • HTML/CSS
          • 1 - Semantic HTML and CSS
          • 2 - Responsive Web and layout
          • 3 - Bootstrap
        • JavaScript I
          • 1 - Hello Javascript
          • 2 - Expressions and loops
          • 3 - Arrays and callbacks
        • Javascript II
          • 1 - Javascript in the browser
          • 2 - Objects
          • 3 - Introduction to APIs
        • Javascript III
          • 1 - HTTP Protocols and ES6
          • 2 - Workshop Part 1
          • 3 - Workshop Part 2
        • React
          • 1 - Hello React
          • 2 - Reacting to changes
          • 3 - Fetching Data
        • NodeJS
          • 1 - Node and Express 101
          • 2 - APIs in Node
          • 3 - Workshop
        • Databases
          • 1 - Introduction to SQL
          • 2 - SQL with Node
          • 3 - CRUD with SQL and Node
    • 🛠️Professional Skills
      • Module 1: Soft skills
      • Module 2: Employability
      • Module 3: Working in projects
  • Useful Links
  • Class Schedules
  • Official Website
  • MigraCode Syllabus
  • How to teach tech
Powered by GitBook
On this page
  • Practice Day Saturday
  • Suggested Homework
  • Feedback

Was this helpful?

Export as PDF
  1. Teaching instructions
  2. Web development
  3. Teaching instructions
  4. Introduction

2 - Git and Github

Previous1 - Terminal and Visual CodeNextHTML/CSS

Last updated 3 years ago

Was this helpful?

Practice Day Saturday

We will do the practice assignment provided on page during Saturday's session of second week. There are additional practice projects mentioned at the end of the page. You can find the practice section on MigraCode syllabus website under Introduction section or follow this .

Suggested Homework

Exercise 0: Upload your first Migracode GitHub project (2 Hours)

Before you started this bootcamp, you have built a website in CodePen and learned the basics of HTML and CSS. Now it's time to learn about the tools that web developers use in their everyday job. These tools will be used during the course, so it is important that you become familiar with them and use them every day.

How to move your code to Github

  1. Export your website as a zip file from CodePen.

  2. Extract the contents of the zip file to a folder on your computer. Make a note of the location of this folder.

  3. Upload the contents of this folder to a Github repository. To do this, you first need to create a new repository in your account on GitHub that has exactly the same name as the folder of the website on your computer. To upload the code from your computer into your GitHub repository: make sure you are in the directory where you have your website code (use cd to get into that directory). Then use the git add ., git commit -m "Your message" and git push commands as explained.

  4. You should now have a repository with your code in your GitHub account: http://github.com/your-username/your-repository-name. Here you can see your code, and there should be an overview of your files, including an index.html file.

  5. Publish your website following .

Exercise 1:

Exercise 2: Learn .

Exercise 3: Watch these videos:

  • (dont worry about GUI setup)

Exercise 5: Create a repo on GitHub that contains a markdown file that answers these questions:

  • How do you see the files changed within each commit from git log?

  • How do you see the contents of what changed within each file from the git log?

  • What does HEAD refer to in the context of git? (Not to be confused with the "HEAD<<<<" one observes within merge conflict)

Feedback

Exercise 4: Skim for an additional refernce.

We can always improve thanks to your feedback, you can use this document to send your ideas or suggestions on every week. This will help us to improve Syllabus and this guide

👩‍💻
Git and GitHub Practice
link
Help >
these instructions
Go through the Try Git Guide
How to file a github issue
First Look
Setup
commit
log
Remove
Diff
Reset
Rebase
Hadley Wickham's guide to git
document