Other Pages

get_a_sticker.step

# encoding: utf-8
message "Find a volunteer and have them watch the next steps. Once they all work, get a sticker from them for your computer!"
verify "git is installed" do
tip "Most of the time, the version numbers don't have to match exactly. In general, if the *first two* numbers match, or if the full number you have is *greater* than the one below, then you're cool."
console "git --version"
fuzzy_result "git version {FUZZY}2.x.x{/FUZZY}"
end
verify "you can open a local webpage in a browser" do
message <<-MESSAGE
Create a new file called `sticker.html` by opening it in Atom or your preferred editor.
Make a note of where you save it, you'll need to know in a second.
Fill it with the following contents:
MESSAGE
source_code :html,<<-HTML
I want a sticker! <em>Please?</em>
HTML
message "Now open the file in Chrome. You should see something like:"
img :src => "img/get_a_sticker_output.png"
end
verify "you can clone from GitHub" do
steps do
step "Fork the Repo" do
message "Log in to [GitHub.com](https://github.com) using the username and password you created earlier."
tip "In the case that you'd like to configure git with SSH, please see GitHub's excellent documentation at [help.github.com/articles/set-up-git](https://help.github.com/articles/set-up-git)"
message "Go to the Railsbridge [Frontend Lesson Repository](https://github.com/railsbridge/front-end-lesson)"
message 'Find the "Fork" button near the upper right of the page and click it.'
img :src => "img/get_a_sticker_fork_button.png"
message "When the page finishes loading you will be on your own copy of the project"
end
step "Clone it Locally" do
message "On the page for your GitHub project, find the \"http\" button or \"copy to clipboard\""
img :src => "img/get_a_sticker_https.png"
message "Copy the linked url and clone the repository using git"
tip "On Mac OS X, you can paste into the Terminal like normal using `⌘+v`, Windows users can paste by right-clicking on the terminal and selecting Paste from the menu."
console "git clone <THAT LINK YOU COPIED>"
result <<-OUTPUT
Cloning into 'front-end-lesson'...
remote: Counting objects: 27, done.
remote: Compressing objects: 100% (20/20), done.
remote: Total 27 (delta 6), reused 26 (delta 5)
Unpacking objects: 100% (27/27), done.
OUTPUT
end
end
end
message "If you've done all that then get a sticker from a volunteer. Happy Hacking!"

Going through this curriculum on your own? Get help on our Discourse forum, where RailsBridge volunteers can answer your questions.

If you have a suggestion for improving the docs, please make a pull request or drop us a note via GitHub Issues (no technical knowledge required).