TheBeta
  • Overview and Timetable
  • Lesson Plans
    • 1. Introduction
    • 2. More Html/CSS
    • 3. Bootstrap and user input
    • 4. Javascript
    • 5. Self learning skills
    • 6. Interacting with the DOM
    • 7. Vercel & Github
    • 8. Final Project
    • Snake project
Powered by GitBook
On this page
  • Lesson objectives
  • Lesson time to deliever:
  • Git
  • Importance of source control
  • Vercel

Was this helpful?

  1. Lesson Plans

7. Vercel & Github

Lesson objectives

  • Students learn git - A source control management system

    • Understand importance of source control

    • Create a github account

    • Do not cover git command line

  • Students publish a website live on the internet using vercel

Lesson time to deliever:

1 sessions, 1.5hrs

Git

Importance of source control

Explain benefits of source control

  • Backups

  • Allows team to collaborate together

Surprisingly hard to teach. Think should split so step by step walk through steps of how to create a repositiory on github

Firstly get everyone to signup for github

  1. Clone that repository locally

  2. Add a file to it

  3. Commit

  4. Set up stream then push to it

  5. Then update file in vs code

  6. Stage/Commit the file commit

  7. Push it

  8. Then update file again/add a new file

  9. Repeat same in vscode

  10. Then repeat using command line.

These links may help trainers come up with content for the lesson:

Vercel

Was dead easy for students to work out by themselves and get it done Just point them at vercel website and get them to add github project they just created online

Important points:

  • The root of the project must be named index.html otherwise shows folder structure.

Previous6. Interacting with the DOMNext8. Final Project

Last updated 3 years ago

Was this helpful?

And this explained the concepts well:

Git Game -

https://dev.to/tracycss/git-and-github-for-beginners-po3
https://dev.to/ravirajthedeveloper/what-is-git-and-github-and-how-to-use-github-2mb1
https://dev.to/chrisachard/confused-by-git-here-s-a-git-crash-course-to-fix-that-4cmi
https://rachelcarmena.github.io/2018/12/12/how-to-teach-git.html
https://learngitbranching.js.org/