[ { "link": "a-one-minute-introduction-to-free-code-camp", "name": "A one-minute introduction to Free Code Camp", "challengeNumber": 0, "video": "110729062", "time": "1 minute", "steps": ["Watch this video.", "When you're done, click the \"I've completed this challenge\" button to move on to your next challenge."] }, { "link": "enter-the-free-code-camp-chat-room", "name": "Enter the Free Code Camp Chat Room", "challengeNumber": 1, "video": "110753794", "time": "5 minutes", "steps": ["Register for the Free Code Camp chat room at https://www.hipchat.com/invite/178107/cc2f6ea4dfac9e48b9a88b305adae48a", "Introduce yourself to our chat room by typing: \"hello world!\""] }, { "link": "create-and-deploy-a-website", "name": "Create a Website and Deploy it to the Internet", "challengeNumber": 2, "video": "110753793", "time": "5 minutes", "steps": ["Download a template from http://startbootstrap.com", "Go to http://bitballoon.com", "Find the template you downloaded in your file manager (Finder on Mac, Windows Explorer on Windows)", "Drag the entire template directory onto BitBalloon to deploy it", "Once it's deployed, share the link to it in the Free Code Camp chat room."] }, { "link": "install-github-atom-text-editor", "name": "Install Github's Atom Text Editor", "challengeNumber": 3, "video": "110753792", "time": "5 minutes", "steps": ["Download the Atom editor at http://atom.io", "Unzip it and install Atom.", "Open up Atom.", "Now you have a dedicated text editor!"] }, { "link": "modify-and-redeploy-your-website", "name": "Modify and Redeploy Your Website", "challengeNumber": 4, "video": "110753791", "time": "5 minutes", "steps": ["Open up the template you downloaded from http://startbootstrap.com in your file manager (Finder on Mac and Windows Explorer on Windows).", "Open up the index.html file with Atom", "Find the title tag in the HTML and change it.", "Go to http://bitballoon.com", "Drag the entire template directory onto BitBalloon to deploy it", "Verify that the title has indeed changed."] }, { "link": "start-a-pair-programming-session", "name": "Start Your First Pair Programming Session", "challengeNumber": 5, "video": "111077664", "time": "20 minutes", "steps": ["Go to http://www.teamviewer.com/en/index.aspx and download Team Viewer", "Install it and launch it", "Go to the chat room and ask if anyone wants to pair program with you on your current challenge.", "If someone is interested, they will be your \"pair\" - the person you pair programming with.", "First, you will pair program on your computer. Copy your Team Viewer ID and paste it into the private chat, so that your pair can use it to connect with you.", "You will need to share your randomly generated password with your pair as well.", "Once your pair connects, you will see a Team Viewer side menu. ", "Click the audio button that drops down.", "Click the headset icon and choose Voice over IP", "Click the microphone button to unmute your microphone. Once your pair does the same, you two will have an open voice channel.", "When you are finished pair programming, click the X to end the session.", "Next, you will pair program on your pair's computer. Ask your pair for his or her Team Viewer ID and password", "Enter it to start the session.", "Once the Team Viewer session starts, look at the the top of the screen, you will see 6 buttons. If you hover your cursor over audio/video.", "When you are finished pair programming, click the X to end the session."] }, { "link": "add-dynamic-content-to-your-website", "name": "Add Dynamic Content to your Website", "challengeNumber": 6, "video": "110753641", "time": "10 minutes", "steps": ["Go to http://www.powr.io", "From the dropdown menus, choose 'Contact Form' and 'HTML'", "Find the template you downloaded from http://startbootstrap.com in your file manager (Finder on Mac and Windows Explorer on Windows).", "Drag the file to Atom", "Copy the lines of HTML from the POWr tutorial to your index.html file, being careful to put them where they belong.", "Drag the entire template directory onto BitBalloon to deploy it", "Go to http://bitballoon.com", "Verify that the form works by filling it out and submitting it. You can then go back to POWr.io and view the new database record that the form created.", "Now add a the POWr.io Twitter feed to your portfolio website, then redeploy it to BitBalloon."] }, { "link": "codecademy-html-and-css-track", "name": "Codecademy's HTML & CSS Track", "challengeNumber": 7, "video": "110753640", "time": "7 hours", "steps": ["Go to http://www.codecademy.com/tracks/web and complete the course."] }, { "link": "experiment-with-html-and-css-in-codepen", "name": "Experiment with HTML and CSS in CodePen", "challengeNumber": 8, "video": "110752744", "time": "10 minutes", "steps": ["Go to http://www.newsweek.com/", "Change the window size. Note that Newsweek.com is using Responsive Design.", "Right-click an area of the page that doesn't have any HTML elements on it, then choose 'view page source'.", "Select all the text, then copy it.", "Go to http://codepen.io/pen/", "Paste the HTML you copied from Newsweek.com into the HTML field of Codepen.", "You now have your own customizable version of the Newsweek.com webpage. See if you can change some of the text and images."] }, { "link": "code-school-try-jquery-course", "name": "Code School's Try jQuery Course", "challengeNumber": 9, "time": "4 hours", "video": "110753638", "steps": ["Go to https://www.codeschool.com/courses/try-jquery and complete the course."] }, { "link": "jquery-exercises", "name": "jQuery Exercises", "challengeNumber": 10, "time": "3 hours", "video": "110752745", "steps": ["Go to http://jqexercise.droppages.com/ and complete all of the exercises.", "The person who created it was not a native English speaker, so please excuse the spelling and grammar mistakes.", "This will be a lot more fun if you pair program with someone from the Free Code Camp chat room."] }, { "link": "code-school-discover-devtools-course", "name": "Code School's Discover DevTools", "challengeNumber": 11, "time": "2 hours", "video": "110752743", "steps": ["Go to http://discover-devtools.codeschool.com/ and complete the course."] }, { "link": "customize-bootstrap-with-bootswatch", "name": "Customize Bootstrap with Bootswatch", "challengeNumber": 12, "time": "10 minutes", "video": "110752741", "steps": ["Go to http://getbootstrap.com/components/", "Right-click an area of the page that doesn't have any HTML elements on it, then choose 'view page source'.", "Select all the text, then copy it.", "Go to http://codepen.io/pen/", "Paste the HTML you copied from GetBootStrap.com into the HTML field of Codepen.","Go to http://bootswatch.com/", "Decide which theme you want to use.", "Click the down arrow next to the download button and choose 'bootstrap.css'", "Select all the text, then copy it.", "Go back to CodePen and paste the CSS you copied from Bootswatch.com into the CSS field of Codepen.", "Your Bootswatch CSS should now be applied to the HTML from the GetBootStrap page.", "This page is currently using a two-column layout, with the main content on the left and additional navigation on the right. See if you can make it a one-column layout."] }, { "link": "", "name": "Inject Life with CSS Transformations", "challengeNumber": 13, "time": "15 minutes", "video": "110752740", "steps": ["Go to http://daneden.github.io/animate.css/ and try out some of the CSS animations.", "Go to http://codepen.io/ossia/pen/bGegt.", "Press the \"Fork\" button. This will fork, meaning create a copy of, the CodePen.", "Click the gear in the CSS column.", "Click \"Add another resource\" and start typing \"animate.css\". Click on the dropdown results to autocomplete it.", "Now that you have Animate.css enabled, use jQuery and the \"toggleClass\" method to add an animated class to all h1 elements when you click the \"Press Me\" button."] }, { "link": "inject-life-with-css-transformations", "name": "Codecademy JavaScript Track", "challengeNumber": 14, "time": "10 hours", "video": "110795564", "steps": ["Go to http://www.codecademy.com/en/tracks/javascript-combined and complete the course."] }, { "link": "codecademy-javascript-track", "name": "Get Help the Hacker Way with RSAP", "challengeNumber": 15, "video": "", "time": "30 minutes", "steps": ["Watch the video to learn the RSAP (Read, Search, Ask, Post) methodology for getting help.", "Try an intelligent Google query that involves JavaScript and filters for this year (since JavaScript changes)", "Go to http://stackoverflow.com/ and view the recent questions.", "Go to http://webchat.freenode.net/ and create an IRC account.", "Join the #JavaScript chat room and introduce yourself as a Free Code Camp student.", "Now you have several ways of getting help when you're stuck."] }, { "link": "easy-algorthim-scripting-challenges-on-coderbyte", "name": "Easy Algorithm Scripting Challenges on Coderbyte", "challengeNumber": 16, "video": "", "time": "15 hours", "steps": ["Create a CoderByte account at http://coderbyte.com/sl/", "Now go to http://coderbyte.com/CodingArea/Challenges/#easyChals and start working through Coderbyte's easy algorithm scripting challenges using JavaScript.", "Be sure to pair programming on these challenges, and remember to apply the RSAP methodology."] }, { "link": "harvard-introduction-to-computer-science-cs50-course", "name": "Introduction to Computer Science", "challengeNumber": 17, "video": "", "time": "150 hours", "steps": ["Harvard's CS50 course is one of the most popular online courses of all time. It will give you a solid programming foundation. It will introduce you to important concepts in computer science like algorithms, databases, data structures.", "Go to https://www.edx.org/course/harvardx/harvardx-cs50x-introduction-computer-1022#.VDWSfSldWpQ and register for the course."] }, { "link": "medium-algorthim-scripting-challenges-on-coderbyte", "name": "Medium Algorithm Scripting Challenges on Coderbyte", "challengeNumber": 18, "video": "", "time": "15 hours", "steps": ["Go to http://coderbyte.com/CodingArea/Challenges/#medChals and start working through Coderbyte's medium algorithm scripting challenges using JavaScript.", "Be sure to pair programming on these challenges, and remember to apply the RSAP methodology."] }, { "challengeNumber": 19, "link": "medium-algorthim-scripting-challenges-on-coderbyte", "name": "Stanford's Relational Databases Mini-course", "video": "", "time": "10 hours", "steps": ["Go to https://class.stanford.edu/courses/DB/RDB/SelfPaced/about and register for this course.", "Be sure to watch the videos, in addition to doing the exercises, because they have embedded challenges."] }, { "challengeNumber": 20, "link": "stanfords-relational-databases-mini-course", "name": "Stanford's JSON Mini-course", "video": "", "time": "2 hours", "steps": ["Go to https://class.stanford.edu/courses/DB/JSON/SelfPaced/about and register for this course.", "Be sure to watch the videos, in addition to doing the exercises, because they have embedded challenges."] }, { "link": "build-a-text-based-adventure", "name": "Build a Text-based Adventure", "challengeNumber": 21, "video": "", "time": "5 hours", "steps": ["Go to http://www.amctv.com/shows/halt-and-catch-fire/colossal-cave-adventure and play the original text-based adventure (known simply as \"Adventure\".", "Using CodePen, create a text based adventure, using buttons instead of text input.", "Create a player object, and give the player an inventory of items.", "Create a definite beginning, end, and at least 10 different locations a player can go to and interact with"] }, { "link": "hard-algorthim-scripting-challenges-on-coderbyte", "name": "Hard Algorithm Scripting Challenges on Coderbyte", "challengeNumber": 22, "video": "", "time": "15 hours", "steps": ["Go to http://coderbyte.com/CodingArea/Challenges/#medChals and start working through Coderbyte's hard algorithm scripting challenges using JavaScript.", "Be sure to pair programming on these challenges, and remember to apply the RSAP methodology."] }, { "link": "stanfords-sql-mini-course", "name": "Stanford's SQL Mini-course", "challengeNumber": 23, "video": "", "time": "10 hours", "steps": ["Go to https://class.stanford.edu/courses/DB/SQL/SelfPaced/about and register for this course.", "Be sure to watch the videos, in addition to doing the exercises, because they have embedded challenges."] }, { "link": "build-an-interview-question-machine", "name": "Build an Interview Question Machine", "challengeNumber": 24, "video": "", "time": "5 hours", "steps": ["Using CodePen, create an interview question machine that will show an interview question, count down from 5, then shows the answer.", "Create a button the user can press to see the next question.", "Go to https://gist.github.com/QuincyLarson/b18d7366440af0f37054 to see an example list of interview questions (dealing with the time complexity of algorthims and duration of common computational tasks).", "Add the ability for users to say they got it right or wrong. If they got it right, don't show them that question any more."] }, { "link": "code-school-try-git-course", "name": "Code School's Try Git Course", "challengeNumber": 25, "video": "", "time": "15 minutes", "steps": ["Go to https://www.codeschool.com/courses/try-git and complete this short interactive course."] }, { "link": "install-node-js", "name": "Install Node.js", "challengeNumber": 26, "time": "15 minutes", "video": "", "steps": [] }, { "link": "clone-a-github-repo", "name": "Clone a Github Repo", "challengeNumber": 27, "video": "", "time": "15 minutes", "steps": [] }, { "link": "deploy-an-app-to-heroku", "name": "Deploy an app to Heroku", "challengeNumber": 28, "video": "", "time": "15 minutes", "steps": [] }, { "link": "code-school-real-time-with-node-js-course", "name": "Code School's Real-time web with Node.JS", "challengeNumber": 29, "video": "", "time": "5 hours", "steps": ["Go to https://www.codeschool.com/courses/real-time-web-with-node-js and work through the course.", "Note that this course is a paid course, but that if you can find time to finish the course within two consecutive days, you can use Code School's free two-day hall pass to complete it for free here: https://www.codeschool.com/hall_passes/213f3fedb6b9/claim_shared"] }, { "link": "try-mongodb", "name": "Try MongoDB", "challengeNumber": 30, "video": "", "time": "30 minutes", "steps": ["Go to http://try.mongodb.org/ and work through their interactive MongoDB tutorial"] }, { "link": "explore-your-network-with-the-linkedin-api", "name": "Explore Your Network with the LinkedIn API", "challengeNumber": 31, "video": "", "time": "2 hours", "steps": ["Go to http://developers.linkedin.com/ and register a LinkedIn app.", "Using the API keys provided by LinkedIn, write a script that pulls your LinkedIn profile and and connections."] }, { "link": "build-your-first-api", "name": "Build Your First API", "challengeNumber": 32, "video": "", "time": "5 hours", "steps": [] }, { "link": "aggregate-data-with-chron-jobs-and-screen-scraping", "name": "Aggregate Data with Chron Jobs and Screen Scraping", "challengeNumber": 33, "video": "", "time": "5 hours", "steps": [] }, { "link": "code-school-shaping-up-with-angular-js-course", "name": "Codeschool's Shaping up with Angular.js", "challengeNumber": 34, "video": "", "time": "5 hours", "steps": ["Go to hhttps://www.codeschool.com//courses/shaping-up-with-angular-js and complete this free course."] }, { "link": "reverse-engineer-snapchat", "name": "Reverse Engineer Snapchat", "challengeNumber": 35, "video": "", "time": "50 hours", "steps": [] }, { "link": "reverse-engineer-reddit", "name": "Reverse Engineer Reddit", "challengeNumber": 36, "video": "", "time": "50 hours", "steps": [] }, { "link": "reverse-engineer-pintrest", "name": "Reverse Engineer Pintrest", "challengeNumber": 37, "video": "", "time": "50 hours", "steps": [] }, { "link": "help-a-nonprofit-team-project", "name": "Help a Nonprofit Team Project", "challengeNumber": 38, "video": "", "time": "200 hours", "steps": [] }, { "link": "help-a-nonprofit-solo-project", "name": "Help a Nonprofit Solo Project", "challengeNumber": 39, "video": "", "time": "200 hours", "steps": [] }, { "link": "crack-the-coding-interview", "name": "Crack the Coding Interview", "challengeNumber": 40, "video": "", "time": "20 hours", "steps": [] } ]