Skip to content

scriptEd-HSFI/Nov-18-2015

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Session 12 - Nov-18-2015

✨ ScriptEd HSFI 2015 Yearbook ✨

We will be creating a yearbook TOGETHER for our awesome class! Today you will be practicing how to use git commands (git add, git commit, git branch, git push) and the Github interface to collaborate with each other! You'll also get in some CSS practice along the way. Woooo!

Summary: Create a profile for yourself using the template html by adding a yearbook quote, a picture (optional) and some styles! When you are done, submit your html file to the yearbook (this repository) by pushing your branch and opening a pull request. Grab someone else in the class to give you code review (get a 👍!), and then merge your pull request to add your profile to the yearbook!


Steps: (READ THESE THROUGH ONCE AND THEN START!)

###Set your your branch: (5 minutes)

  1. Create a new workspace in CLOUD9 called "hsfi_yearbook" and add this url to the "clone from Git" section: https://github.com/scriptEd-HSFI/Nov-18-2015.git
  2. Create a new branch called feature/{firstname-lastname-profile} that will be the home for your new work. ex: feature/grace-tan-profile
  • git checkout -b feature/{firstname-lastname-profile}
  1. Create a new file with the name: {firstname-lastname}-profile.html. ex: grace-tan-profile.html
  2. Copy the html in template.html into your new file.

###Get working: (20 minutes) 5. Start working on adding a picture and a yearbook phrase to your profile! 6. Style your profile so it looks 😍 beautiful 😍

###Finish up: (10 minutes) 7. Add all of your files and create a commit

  • git add {filename}
  • git commit -m "my profile"
  1. Push up your branch for review!
  • git push origin feature/{firstname-lastname-profile}
  1. Open a pull request in this page.
  2. Grab someone to comment on your pull request and give you a thumb! (thumb means it's good to be merged!)
  1. Merge your pull request by clicking the merge button!
  2. PROFIT!

Here is a full run through of these steps with screenshots: link

About

Intro to Git and Zen CSS Garden

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages