GithubHelp home page GithubHelp logo

fe-guide-to-labs's Introduction

Learn - Lab Guide

This guide is meant as a reference that provides the detailed steps to go through when working on labs in Learn. You can come back to this reference later if you forget any of the steps below.

1. Fork

Forking is the process of making a personal remote copy of the Learn lab.

Git Workflow 1

To get started, in Learn click the title of the lab to go to Learn's copy of the lab on Github.

Ironboard Labs Step 0

Next at learn-co-students Github page for the lab click the Fork button.

Ironboard Labs Step 1

Then select your personal Github account as the location to fork to.

Ironboard Labs Step 1B

2. Clone

Cloning is the process of making a local copy of the lab from your personal remote on Github.

Git Workflow 2

To clone, click the copy button next to the Clone URL to copy it to your clipboard.

Ironboard Labs Step 2

Next, in Terminal navigate to the parent directory where you would like to place this lab. Then type ♥ git clone <paste the clone URL here>
Note: You should replace the <paste the clone URL here> including the < and > symbols in the snippet above with your actual clone URL by pressing command+v on mac or ctrl+v on windows. Example: git clone [email protected]:jongrover/html-album-cover-fe-004.git

Ironboard Labs Step 2b

3. Work on the Lab

Git Workflow 3

Now we can work on the lab locally and even offline if we wish. Let's change directory into the folder for the lab ♥ cd <lab-directory-name>

Ironboard Labs Step 2c

Then bring the lab up in Sublime text by typing ♥ subl .

Ironboard Labs Step 2d

Follow the instructions in README.md file to complete the lab.

As you are completing your lab you may want to occassionally save your work by staging and committing files. To stage files in terminal type ♥ git add <files or folders to add> or you can also use this shortcut to stage all files in the current folder ♥ git add .

Then we can take a snapshot of those files by commiting our changes. To do so type ♥ git commit -m "<message about what we did in this commit>"
Note: inside the quotes you want to put a message about what you did in this commit. Commit messages are conventionally in present tense. Something like: "add image to home page" or "finish contact form".

4. Push Your Work to Origin

Git Workflow 4

After adding and commiting your most recent work next we want to push our work up to our personal Github remote (origin). To push up to your remote type ♥ git push <remote-name> <branch-name>
Note: The standard for labs would be to push to your (personal) remote named origin. By default you would push the work on your master branch. Example: ♥ git push origin master

5. Submit A Pull Request

Submitting a pull request can be described as the process of asking the maintainer of the Learn lab (upstream remote) to consider pulling (fetching & merging) in your work from your personal remote copy (origin remote). This enables your instructor to see your solution for the lab.

Git Workflow 5

To do so, in Learn click the title of the lab to go to your forked copy on Github.

Ironboard Labs Step 0b

Then click the green Pull Request button.

Ironboard Labs Step 4

After reviewing the comparison code and making sure it shows your solution, click the Create pull request button.

Ironboard Labs Step 4e

Then click Create pull request button again.

Ironboard Labs Step 4f

That's it your done! Now go back to Learn and click the I'm Done button.

Ironboard Labs Step 4g

View Learn - Lab Guide on Learn.co and start learning to code for free.

fe-guide-to-labs's People

Contributors

fislabstest avatar jongrover avatar rrcobb avatar sarogers avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

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.