gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update get-started alt text

Browse Source
This commit is contained in:
Quincy Larson
2015-08-25 14:23:47 -07:00
parent 50f1705cbc
commit 56b18f313b
1 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
server/views/resources/get-started.jade
View File

@ -12,7 +12,7 @@ block content
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/pYsTbjI.jpg' alt='a screenshot of our curriculum alongside a screenshot of our chat room')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/pYsTbjI.jpg' alt='a screenshot of our curriculum alongside a screenshot of our chat room.')
.caption
p.large-p Learning to code is hard. To succeed, you'll need lots practice and support. That's why we've created a rigorous curriculum and supportive community.
@ -30,19 +30,19 @@ block content
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/yXyxbDd.jpg' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/yXyxbDd.jpg' alt='a screen shot of our nonprofit project directory.')
.caption
p.large-p During the last 800 hours, you'll build several real-life projects for nonprofits. By the time you finish, you'll have a job-winning portfolio of real apps that people use every day.
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/EAR7Lvh.jpg' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/EAR7Lvh.jpg' alt='a screenshot of our one of our Gitter chat rooms.')
.caption
p.large-p Now let's join Free Code Camp's chat rooms. You can come here any time of day to hang out, ask questions, or find another camper to pair program with. First you'll need a GitHub account.
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/FEImaEN.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/FEImaEN.gif' alt='A gif showing you to click the link below to go to GitHub. Fill in the necessary fields and click submit.')
.caption
p.large-p Try this: 
a(href='https://github.com/join' target='_blank') Create an account with GitHub
@ -50,14 +50,14 @@ block content
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/ALN6zPK.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/ALN6zPK.gif' alt='A gif showing you how to click the profile image in the upper right hand corner of GitHub. Upload a photo of yourself or you will continue to use the automatically generated pixel art. Then fill in the remaining form fields and click submit.')
.caption
p.large-p Try this: 
| Click the pixel art in the upper right hand corner of GitHub, then choose settings. Upload a picture of yourself. A picture of your face works best. This is how your fellow campers will see you in our chat rooms, so put your best foot forward. You can add your city and your name if you want.
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/OXL3G3n.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/OXL3G3n.gif' alt="Click the link below to navigate to Free Code Camp's open-source repository. In the upper right hand corner, you can click the \"star\" button to star this repository.")
.caption
p.large-p Try this: 
a(href='//github.com/freecodecamp/freecodecamp' target='_blank') Go to Free Code Camp's open-source repository
@ -65,7 +65,7 @@ block content
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/EZHzKCV.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/EZHzKCV.gif' alt='A gif showing you how to click the link below to go to our chat room and click the \"sign in with GitHub\" button. Then you can click into the text input field and type a message to your fellow campers.')
.caption
p.large-p Try this: 
| Now that you have a GitHub account, you can 
@ -74,26 +74,26 @@ block content
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/Ecs5XAd.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/Ecs5XAd.gif' alt='A gif showing you how you can click the settings button in the upper right hand corner and modify your notification settings.')
.caption
p.large-p Try this: 
| Our chat rooms are extremely active. You should change your settings so you're only notified if someone mentions you.
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/T0bGJPe.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/T0bGJPe.gif' alt='A gif showing how you can click on a user profile image to initiate a private message with that user.')
.caption
p.large-p Please note that all of our chat rooms are visible to the public. If you need to share sensitive information, such as an email address or phone number, do it in a private message.
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/vDTMJSh.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/vDTMJSh.gif' alt='A gif showing that you can tab back and forth between challenges and our chat rooms.')
.caption
p.large-p Keep our chat room open while you work through our challenges. That way, you can ask for help if you get stuck. You can also socialize with other campers when you feel like taking a break.
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/SLQ27Gr.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/SLQ27Gr.gif' alt='A gif showing how you can click the link below to download a native chat room app for your computer.')
.caption
p.large-p You can also 
a(href='https://gitter.im/apps' target='_blank') download the chat room app
@ -101,38 +101,38 @@ block content
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/DoOqkNW.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/DoOqkNW.gif' alt='A gif showing how you can click the "Wiki" button in your upper-right corner to access the wiki.')
.caption
p.large-p Try this: Click the "Wiki" button in your upper right hand corner. Our community has contributed lots of useful information to this searchable wiki.
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/FkEzbto.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/FkEzbto.gif' alt='A gif showing how you can click your profile image in your upper right hand corner to access the account page and connect GitHub.')
.caption
p.large-p Try this: Check out your portfolio page. Click your picture your upper right hand corner. To activate your portfolio page, you'll need to link your GitHub account with Free Code Camp.
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/WKzEr1q.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/WKzEr1q.gif' alt='A gif showing how you can access your profile page and hover over different days to see how many brownie points you got on those days.')
.caption
p.large-p Your portfolio page shows your progress and how many Brownie Points you have. You can get Brownie Points by completing challenges and by helping other campers in our chat rooms. If you get Brownie Points on several days in a row, you'll get a streak.
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/nmSiMy1.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/nmSiMy1.gif' alt='A gif showing how you can access our Camper News page and click the "upvote" button to upvote a story.')
.caption
p.large-p Try this: 
| Click the "News" button in your upper right hand corner. You can browse links on Camper News and upvote ones that you enjoy.
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/Elb3dfj.jpg' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/Elb3dfj.jpg' alt='A picture of some of our campers meeting in a local cafe. 3 men and 3 women are sitting around a table with laptops out, and are smiling and coding.')
.caption
p.large-p Our Campsites help you code with campers in your city. You can coordinate study groups or attend local coding events together.
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/EZHzKCV.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/EZHzKCV.gif' alt="A gif showing how you can click the link below, find your city on the list of Campsites, then click on the Facebook link for your city and join your city's Facebook group.")
.caption
p.large-p Try this: 
a(href='https://github.com/FreeCodeCamp/freecodecamp/wiki/List-of-Free-Code-Camp-city-based-Campsites' target='_blank') Find your city on this list
@ -142,7 +142,7 @@ block content
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/3AgvJQg.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/3AgvJQg.gif' alt="A gif showing how click the link below, find your city, and click the \"Gitter\" button to join your city's Gitter chat room")
.caption
p.large-p Try this: 
a(href='https://github.com/FreeCodeCamp/freecodecamp/wiki/List-of-Free-Code-Camp-city-based-Campsites' target='_blank') Go back to our list of Campsites 
@ -150,7 +150,7 @@ block content
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/P7qfJXt.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/P7qfJXt.gif' alt='A gif showing how you can click the link below and fill in the necessary fields to add your Free Code Camp studies to your LinkedIn profile.')
.caption
p.large-p You can 
a(href='https://www.linkedin.com/profile/edit-education?school=Free+Code+Camp' target='_blank') add Free Code Camp to your LinkedIn education background
@ -158,25 +158,25 @@ block content
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/EWWZBag.jpg' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/EWWZBag.jpg' alt='An image with the text \"1. Read the error 2. Search Google 3. Ask for help.')
.caption
p.large-p Let's cover one last thing before you start working through our challenges: how to get help. Any time you get stuck or don't know what to do next: Read-Search-Ask.
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/99BfAcK.jpg' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/99BfAcK.jpg' alt='An image showing jQuery documentation')
.caption
p.large-p First, read the documentation or error message. A key skill that good coders have is the ability to interpret and then follow instructions.
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/GxvrsFb.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/GxvrsFb.gif' alt="A gif showing you how to do an advanced Google search. First, we enter the query \"jquery doesn't run when my page loads\". Then we click search tools button and change the \"Any time\" select box to \"within the last year\". Then we click on a result and read through the article and find our answer.")
.caption
p.large-p If that didn't help, search Google. Good Google queries take a lot of practice. When you search Google, you usually want to include the language or framework you're using. You also want to limit the results to a recent period.
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/LZYU7p2.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/LZYU7p2.gif' alt="A gif showing us following the link below to go to the help chat room and ask \"jquery doesn't run when my page loads\".")
.caption
p.large-p If that didn't help, ask your friends. If you have trouble, you can ask your fellow campers in our 
a(href='https://gitter.im/FreeCodeCamp/Help' target='_blank') help chat room
@ -184,6 +184,6 @@ block content
.big-spacer
.thumbnail
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/WsfzvVo.gif' alt='a gif showing how to install this')
img.gif-block.img-center.img-responsive(src='http://i.imgur.com/WsfzvVo.gif' alt='A gif showing us clicking the \"map\" button in our upper right hand corner and browsing our challenge map.')
.caption
p.large-p Now you're ready to start coding! Click the "Map" button in your upper right hand corner. Our map shows all our coding challenges. We recommend that you complete these from top to bottom, at a sustainable pace.