[ { "name": "Learn how Free Code Camp Works", "time": 2, "video": "114486344", "challengeNumber": 0, "steps": [ "Watch this 1-minute video, or simply read this summary:", "Our goal is to help you become an employable software engineer.", "We're going to do this by pair programming on projects for nonprofits.", "Pair programming is where two people code together on the same computer.", "We're going to develop JavaScript skills, build portfolio projects, and meet a lot of people who can serve as useful connections during your job search.", "We'll do this by coding fearlessly, by collaborating on projects, and - most importantly - by not giving up.", "Click the \"I've completed this challenge\" button to move on to your next challenge." ] }, { "name": "Join Our Chat Room", "time": 5, "video": "114486344", "challengeNumber": 1, "steps": [ "Now we're going to join the Free Code Camp chat room. You can come here any time of day to hang out, ask questions, or find another Code Camper who's on the same challenge as you and wants to pair program.", "If you don't already have a GitHub account, create one real quick at https://www.github.com.", "Be sure to update your biographical information and upload an image. A picture of your face works best. This is how people will see you in the chat room, so put your best foot forward.", "Now enter the chat room by going to https://gitter.im/FreeCodeCamp/FreeCodeCamp and clicking the \"sign in with GitHub\" button.", "Introduce yourself to our chat room by typing: \"hello world!\".", "Tell your fellow Code Campers how you found Free Code Camp. Also tell them why you want to learn to code." ] }, { "name": "Subscribe to Our Subreddit", "time": 5, "video": "114486344", "challengeNumber": 2, "steps": [ "Go to the Free Code Camp Subreddit: https://www.reddit.com/r/freecodecamp. You can come here to share and discuss additional coding resources, or ask questions to our entire community. Our chatroom is great for realtime discussions, but our subreddit is ideal for longer-term discussions and open-ended questions.", "If you don't already have a Reddit account, create one by clicking the \"login or register\" button in the upper right hand corner.", "Click on the \"Introduce yourself here\" discussion.", "Here you can read through other Free Code Camp community members' self introductions.", "Go ahead and type a brief self introduction of your own.", "Subscribe to the Free Code Camp subreddit by clicking \"Subscribe\". You might want to subscribe to these subreddits as well: http://www.reddit.com/r/learnprogramming/ and http://www.reddit.com/r/learnjavascript." ] }, { "name": "Build a Personal Website", "time": 60, "video": "114486344", "challengeNumber": 3, "steps": [ "There are tons of interactive HTML and CSS tutorials out there, but Nathan Bashaw's Dash tutorials, which he built for General Assembly, are our favorite.", "Go to https://dash.generalassemb.ly/projects/annas-website-1 and get started with your first project."] }, { "name": "Build a Responsive Blog Theme", "time": 60, "video": "114486344", "challengeNumber": 4, "steps": [ "Next, let's learn about Responsive web design and continue learning about HTML and CSS.", "Go to https://dash.generalassemb.ly/projects/jeffs-blog-1 and complete the second project." ] }, { "name": "Build a Small Business Website", "time": 60, "video": "114486344", "challengeNumber": 5, "steps": ["Ready for some more HTML and CSS fundamentals?", "Go to https://dash.generalassemb.ly/projects/eshas-restaurant-1 and complete the third project."] }, { "name": "Tweak HTML and CSS in CodePen", "time": 10, "video": "114486344", "challengeNumber": 6, "steps": [ "Now we're going to learn how to use a tool called CodePen, which lets you experiment with HTML and CSS, and even create single-page web applications, right in your browser!", "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 website. See if you can change some of the text and images." ] }, { "name": "Build a CSS Robot", "time": 60, "video": "114486344", "challengeNumber": 7, "steps": ["Now let's learn some more CSS, and a small amount of a JavaScript-based tool called jQuery.", "Go to https://dash.generalassemb.ly/projects/cotbots-1 and complete the fourth project."] }, { "name": "Get Started with jQuery", "time": 30, "video": "114486344", "challengeNumber": 8, "steps": [ "jQuery is a powerful tool for manipulating HTML elements.", "It's a lot easier to use than JavaScript itself, so we'll learn it first.", "It's also extremely popular with employers, so we're going to learn it well.", "Code School has an excellent free course that will walk us through the basics of jQuery.", "Go to http://try.jquery.com/levels/1/challenges/1 and complete the first section." ] }, { "name": "Traverse the DOM", "time": 30, "video": "114486344", "challengeNumber": 9, "steps": [ "Now let's learn more about DOM traversal - that is, moving from one HTML element to the next.", "Go to http://try.jquery.com/levels/2/challenges/1 and complete the second section." ] }, { "name": "Work with the DOM", "time": 30, "video": "114486344", "challengeNumber": 10, "steps": [ "Let's learn some more advanced ways to use jQuery to manipulate the DOM.", "Go to http://try.jquery.com/levels/3/challenges/1 and complete the third section." ] }, { "name": "Listen for DOM Elements", "time": 30, "video": "114486344", "challengeNumber": 11, "steps": [ "Now let's learn how to use jQuery Listeners. These will \"listen\" for something to happen, and then trigger a subsequent event", "Go to http://try.jquery.com/levels/4/challenges/1 and complete the fourth section." ] }, { "name": "Use jQuery for Styling", "time": 30, "video": "114486344", "challengeNumber": 12, "steps": [ "Finally, let's use jQuery to manipulate the way websites look, by changing the CSS of elements.", "Go to http://try.jquery.com/levels/5/challenges/1 and complete the fifth section." ] }, { "name": "Build a MadLibs Game", "time": 60, "video": "114486344", "challengeNumber": 13, "steps": [ "Now that we've built a foundation in jQuery, let's go back to Dash and do it's last challenge.", "If you aren't familiar with Mad Libs, they basically involve inserting random nouns, adjectives and verbs in to stories. The stories that result are often hilarious.", "Go to httpsng://dash.generalassemb.ly/projects/mad-libs-1 and complete the fifth project." ] }, { "name": "Discover Chrome's DevTools", "time": 90, "video": "114486344", "challengeNumber": 14, "steps": [ "It's time to learn the most powerful tool your browser has - the Development Tools!", "If you aren't already using Chrome, you'll want to download it here. While it's true that Firefox has a tool called Firebug that is very similar to Chrome's DevTools, we will use Chrome for this challenge.", "Note that this course, jointly produced by Google and Code School, is technologically impressive, but occasionally buggy. If you encounter a bug, just ignore it and keep going.", "Go to http://discover-devtools.codeschool.com and complete this short course." ] }, { "name": "Tackle jQuery Exercises", "time": 60, "video": "114486344", "challengeNumber": 15, "steps": [ "We've built some special jQuery challenges to help you reinforce your knowledge of this fundamental skill.", "There are many correct ways to solve each of these exercises. After you complete the challenge, you can compare your solution with our solution by pressing the \"#solution-button\" button.", "Go to http://freecodecamp.com/jquery-exercises and complete the exercises." ] }, { "name": "Customize Bootstrap with Bootswatch", "time": 10, "video": "114486344", "challengeNumber": 16, "steps": [ "Let's learn a little more about Twitter's responsive CSS framework, Bootstrap, and how we can add some custom themes to it.", "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." ] }, { "name": "Inject Animation into CSS", "time": 15, "video": "114486344", "challengeNumber": 17, "steps": [ "You may have noticed some sites have cool animations. Actually, animating DOM elements is pretty straightforward if you use a CSS library called Animate.css.", "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." ] }, { "name": "Learn Basic Computer Science", "time": 120, "video": "114486344", "challengeNumber": 18, "steps": [ "Stanford has an excellent free online Computer Science curriculum. This interactive course uses a modified version of JavaScript. It will cover a lot of concepts quickly.", "Note that Harvard also has an excellent introduction to computer science course called CS50, but it takes more than 100 hours to complete, and doesn't use JavaScript.", "Despite being completely self-paced, Stanford's CS101 course is broken up into weeks. Each of the following challenges will address one of those weeks.", "Go to https://class.stanford.edu/courses/Engineering/CS101/Summer2014/courseware/z54/z1/ and complete the first week's course work." ] }, { "name": "Learn Loops", "time": 120, "video": "114486344", "challengeNumber": 19, "steps": ["Now let's tackle week 2 of Stanford's Intro to Computer Science course.", "Go to https://class.stanford.edu/courses/Engineering/CS101/Summer2014/courseware/z100/a7a70ce6e4724c58862ee6007284face/ and complete Week 2."] }, { "name": "Learn Computer Hardware", "time": 120, "video": "114486344", "challengeNumber": 20, "steps": ["Go to https://class.stanford.edu/courses/Engineering/CS101/Summer2014/courseware/z143/z101/ and complete Week 3."] }, { "name": "Learn Computer Networking", "time": 120, "video": "114486344", "challengeNumber": 21, "steps": ["Go to https://class.stanford.edu/courses/Engineering/CS101/Summer2014/courseware/z187/z144/ and complete Week 4."] }, { "name": "Learn Boolean Logic", "time": 120, "video": "114486344", "challengeNumber": 22, "steps": ["Go to https://class.stanford.edu/courses/Engineering/CS101/Summer2014/courseware/z208/z188/ and complete Week 5."] }, { "name": "Learn Computer Security", "time": 120, "video": "114486344", "challengeNumber": 23, "steps": [ "We're almost done with Stanford's Introduction to Computer Science course!", "Go to https://class.stanford.edu/courses/Engineering/CS101/Summer2014/courseware/z229/z213/ and complete Week 6, the final week of the course."] }, { "name": "Build an Adventure Game", "time": 60, "video": "114486344", "challengeNumber": 24, "steps": [ "Now that you understand some Computer Science fundamentals, let's focus on programming JavaScript!", "We're going to work through Codecademy's famous interactive JavaScript course.", "This course will teach us some JavaScript fundamentals while guiding us through the process of building interesting web apps, all within Codecademy's learner-friendly environment!", "Go to http://www.codecademy.com/courses/getting-started-v2/0/1 and complete the section."] }, { "name": "Build Rock Paper Scissors", "time": 60, "video": "114486344", "challengeNumber": 25, "steps": [ "Now we'll learn how JavaScript functions work, and use them to build a simple Rock Paper Scissors game.", "Go to http://www.codecademy.com/courses/javascript-beginner-en-6LzGd/0/1 and complete the section."] }, { "name": "Learn JavaScript For and While Loops", "time": 60, "video": "114486344", "challengeNumber": 26, "steps": [ "Let's learn more about the loops that make virtually all programs possible - the \"For Loop\" and \"While Loop\".", "Go to http://www.codecademy.com/courses/javascript-beginner-en-NhsaT/0/1web and complete both the both For and While loop section." ] }, { "name": "Learn If and Then Statements", "time": 60, "video": "114486344", "challengeNumber": 27, "steps": [ "Most human thought can be broken down into what we call Boolean Logic. Lucky for us, computers can think the same way! Let's learn how to instruct our computers by writing \"If-Then-Else Statements\".", "Go to http://www.codecademy.com/courses/javascript-beginner-en-qDwp0/0/1 and complete the section."] }, { "name": "Learn Control Flow", "time": 60, "video": "114486344", "challengeNumber": 28, "steps": [ "Now we're going to learn some advanced \"Control Flow\" principals, such as ways we can exit loops early.", "Go to http://www.codecademy.com/courses/javascript-beginner-en-qDwp0/0/1 and complete the section."] }, { "name": "Build a Contact List", "time": 60, "video": "114486344", "challengeNumber": 29, "steps": [ "Up to this point, you've been working mostly with strings and numbers. Now we're going to learn more complicated data structures, like \"Arrays\" and \"Objects\".", "Go to http://www.codecademy.com/courses/javascript-beginner-en-9Sgpi/0/1 and complete the section."] }, { "name": "Build an Address Book", "time": 60, "video": "114486344", "challengeNumber": 30, "steps": [ "Let's learn more about objects.", "Go to http://www.codecademy.com/courses/spencer-sandbox/0/1 and complete the section."] }, { "name": "Build a Cash Register", "time": 60, "video": "114486344", "challengeNumber": 31, "steps": [ "In this final CodeCademy section, we'll learn even more about JavaScript objects.", "Go to http://www.codecademy.com/courses/objects-ii/0/1 and complete this final section."] }, { "name": "Get Help The Hacker Way", "time": 30, "video": "114486344", "challengeNumber": 32, "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." ] }, { "name": "Learn Regular Expressions", "time": 60, "video": "114486344", "challengeNumber": 33, "steps": [ "You can use a Regular Expression, or \"Regex\", to select specific types of characters in text.", "Check out http://www.regexr.com. It's a Regular Expression Sandbox.", "Now go to http://www.regexone.com and complete the tutorial and exercises 1 - 6.", "Note that you can click \"continue\" to move on to the next step as soon as all the tasks have green checkmarks beside them. You can often do this just by using the wildcard \"dot\" operator, but try to use the techniques that each lesson recommends." ] }, { "name": "Pair Program on Coderbyte", "time": 60, "video": "114486344", "challengeNumber": 34, "steps": [ "OK, we're finally ready to start pair programming!", "Many people use Skype or Google Hangouts to pair program, but if you talk with professional software engineers, they will tell you that it's not really pair programming unless both people have the ability to use the keyboard and mouse.", "The most popular tool for pair programming is Screen Hero. Both programmers get their own mouse cursor. The only problem is that Screen Hero isn't currently free, and it's not yet available for Linux.", "So in the spirit of keeping Free Code Camp 100% free, we've created directions for using a totally free tool called Team Viewer. It's not as user-friendly as Screen Hero, but it gets the job done (and works on Linux!).", "If you want, You can skip these steps and simply install Screen Hero (which comes with a 14 day free trial) here: https://screenhero.com/download.html.", "Otherwise, go to http://www.teamviewer.com/en/index.aspx and download Team Viewer. Be sure not to download the beta version, which isn't compatible with the current stable version everyone else will be using.", "Install it and launch it", "Go to the chat room and ask if anyone wants to pair program with you on a CoderByte challenge.", "If someone is interested, they will be your \"pair\" - the person you pair programming with.", "First, you will pair program on your pair's computer. Ask your pair for his or her Team Viewer ID and password.", "Enter this id, and then password, 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 the buttons, they will slide down so that you can read them. Click the audio/video button. This will allow you to turn on Voice Over IP and unmute your microphone, opening up your voice channel.", "Note that you can now control your pair's keyboard and mouse, enabling you to step in and code yourself on your pair's computer when desired", "Now you can click the X to end the pair programming session.", "Next, 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.", "Now you can click the X to end the pair programming session.", "Now it's time to tackle CoderByte.", "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.", "When you are finished pair programming, click the X to end the session.", "Congratulations! You have completed your first pair programming session.", "You should pair program with different Code Campers until you've completed all the Easy, Medium and Hard CoderByte challenges. This is a big time investment, but the JavaScript practice you'll get, along with the scripting and algorithm experience, are well worth it!", "You can complete CoderByte problems while you continue to work through Free Code Camp's challenges.", "Be sure to pair programming on these challenges, and remember to apply the RSAP methodology.", "Mark this challenge as complete and move on." ] }, { "name": "Learn Relational Databases from Stanford", "time": 30, "video": "114486344", "challengeNumber": 35, "steps": [ "Before we learn SQL - and ultimately MongoDB - we need to establish a foundational knowledge of relational database theory. Stanford's Jennifer Widom has put together a short lecture series that does this.", "Note that these lectures are non-interactive. Don't worry if you don't understand them very well - you will understand these concepts much better once you apply them in the SQL challenge.", "Go to https://class.stanford.edu/courses/DB/RDB/SelfPaced/courseware/ch-introduction/seq-vid-introduction/ and watch the videos."] }, { "name": "Pair Program to Query SQL 1", "time": 90, "video": "114486344", "challengeNumber": 36, "steps": [ "With Stanford's SQL course, you can do SQL queries, right in your browser.", "Go to https://class.stanford.edu/courses/DB/SQL/SelfPaced/courseware/ch-sql/seq-exercise-sql_movie_query_core/ and all nine of these queries.", "You may find it helpful to watch the lectures or read the annotated slides.", "If possible, you should pair program on these." ] }, { "name": "Pair Program to Query SQL 2", "time": 60, "video": "114486344", "challengeNumber": 37, "steps": [ "Now let's do some additional SQL queries to further cement these concepts in your mind.", "Go to https://class.stanford.edu/courses/DB/SQL/SelfPaced/courseware/ch-sql/seq-exercise-sql_social_query_core/ and answer all 9 of the SQL query questions.", "You may find it helpful to watch the lectures or read the annotated slides.", "If possible, you should pair program on these." ] }, { "name": "Pair Program to Modify SQL 1", "time": 90, "video": "114486344", "challengeNumber": 38, "steps": [ "Now that you're able to use SQL to query a database, it's time to practice using SQL to modify the database itself.", "Go to https://class.stanford.edu/courses/DB/SQL/SelfPaced/courseware/ch-sql/seq-exercise-sql_movie_mod/web and answer all 4 of the SQL modification questions.", "You may find it helpful to watch the lectures or read the annotated slides.", "If possible, you should pair program on these." ] }, { "name": "Pair Program to Modify SQL 2", "time": 30, "video": "114486344", "challengeNumber": 39, "steps": [ "Let's answer a couple more SQL modification questions to further practice these concepts.", "Go to https://class.stanford.edu/courses/DB/SQL/SelfPaced/courseware/ch-sql/seq-exercise-sql_social_mod/ and answer the first 2 SQL modification questions. You can optionally try to answer the third one, but even Jennifer Widom admitted that it is quite difficult.", "You may find it helpful to watch the lectures or read the annotated slides.", "If possible, you should pair program on these." ] }, { "name": "Learn JSON from Stanford", "time": 60, "video": "114486344", "challengeNumber": 40, "steps": [ "Now that you know a little about how databases store data, let's learn how computers usually share data back and forth over the web. Most modern Application Programming Interfaces (APIs) on the web use JavaScript Object Notation, or JSON.", "JSON is simple and easy to read. And hey, it's literally how you'd write an object in JavaScript!", "Go to https://class.stanford.edu/courses/DB/JSON/SelfPaced/courseware/ch-json_data/seq-quiz-json/ and er for this course.", "You may find it helpful to watch the lectures or read the annotated slides." ] }, { "name": "Manage Source Code with Git", "time": 30, "video": "114486344", "challengeNumber": 41, "steps": [ "Revision Control Systems like Git ensure that, no matter how you experiment with your code, you can always roll back your app to a stable previous state.", "Git is also a great way to share and contribute to open source software.", "Go to https://www.codeschool.com/courses/try-git and complete this short interactive course." ] }, { "name": "Get Started with Node.js", "time": 45, "video": "114486344", "challengeNumber": 42, "steps": [ "Now that we understand some Computer Science, JavaScript programming, and how Databases work, you're ready to move on to Full-stack JavaScript!", "The first step is to familiarize ourselves Node.js, the JavaScript-based web server that most full-stack JavaScript apps use.", "Code School has an excellent course on Node.js. Note that this course requires a Code School subscription, but that you can get a free two-day membership to Code School by going to https://www.codeschool.com/hall_passes/213f3fedb6b9/claim_shared. The challenges immediately following these Node.js challenges also require a Code School course, so you may want to try to complete all these challenges in one two-day period. Alternatively, you could subscribe to Code School for one month, then take your time in completing these challenges.", "When you're ready, go to http://campus.codeschool.com/courses/real-time-web-with-node-js/level/1/video/1 and complete the first chapter." ] }, { "name": "Try Node.js Events", "time": 45, "video": "114486344", "challengeNumber": 43, "steps": ["Go to http://campus.codeschool.com/courses/real-time-web-with-node-js/level/2/video/1 and complete the section."] }, { "name": "Try Node.js Streams", "time": 45, "video": "114486344", "challengeNumber": 44, "steps": ["Go to http://campus.codeschool.com/courses/real-time-web-with-node-js/level/3/video/1 and complete the section."] }, { "name": "Learn how Node.js Modules Work", "time": 45, "video": "114486344", "challengeNumber": 45, "steps": ["Go to http://campus.codeschool.com/courses/real-time-web-with-node-js/level/4/video/1 and complete the section."] }, { "name": "Start an Express.js Server", "time": 45, "video": "114486344", "challengeNumber": 46, "steps": ["Go to http://campus.codeschool.com/courses/real-time-web-with-node-js/level/5/video/1 and complete the section."] }, { "name": "Use Socket.io", "time": 45, "video": "114486344", "challengeNumber": 47, "steps": ["Go to http://campus.codeschool.com/courses/real-time-web-with-node-js/level/6/video/1 and complete the section."] }, { "name": "Use Redis to Persist Data", "time": 45, "video": "114486344", "challengeNumber": 48, "steps": ["Go to http://campus.codeschool.com/courses/real-time-web-with-node-js/level/7/video/1 and complete the section."] }, { "name": "Dive Deeper into Express.js", "time": 45, "video": "114486344", "challengeNumber": 49, "steps": [ "Code School has one of the first comprehensive courses on Express.js. Note that this course requires a Code School subscription, but that you can get a free two-day membership to Code School by going to https://www.codeschool.com/hall_passes/213f3fedb6b9/claim_shared. If you've already used your Code School two-day membership, go to the Free Code Camp main chat room and ask how you can get some extra time to work through this course. Alternatively, you could subscribe to Code School for one month, then take your time in completing these challenges.", "Go to http://campus.codeschool.com/courses/real-time-web-with-node-js/level/1/video/1 and complete the section."] }, { "name": "Setup Express.js Middleware", "time": 45, "video": "114486344", "challengeNumber": 50, "steps": ["Go to http://campus.codeschool.com/courses/real-time-web-with-node-js/level/2/video/1 and complete the section."] }, { "name": "Take Advantage of Parameters", "time": 45, "video": "114486344", "challengeNumber": 51, "steps": ["Go to http://campus.codeschool.com/courses/real-time-web-with-node-js/level/3/video/1 and complete the section."] }, { "name": "Add the Body Parser", "time": 45, "video": "114486344", "challengeNumber": 52, "steps": ["Go to http://campus.codeschool.com/courses/real-time-web-with-node-js/level/4/video/1 and complete the section."] }, { "name": "Configure Routes in Express.js", "time": 45, "video": "114486344", "challengeNumber": 53, "steps": ["Go to http://campus.codeschool.com/courses/real-time-web-with-node-js/level/5/video/1 and complete the section."] }, { "name": "Try MongoDB", "time": 30, "video": "114486344", "challengeNumber": 54, "steps": [ "MongoDB is a popular NoSQL (Not Only SQL) database used by many JavaScript apps.", "Go to http://try.mongodb.org/ and work through their interactive MongoDB tutorial." ] }, { "name": "Get Started with Angular.js", "time": 45, "video": "114486344", "challengeNumber": 55, "steps": [ "Code School has a short, free Angular.js course. This will give us a quick tour of Angular.js's mechanics and features.", "In this course, we'll build a virtual shop entirely in Angular.js.", "Go to http://campus.codeschool.com/courses/shaping-up-with-angular-js/level/1/section/1/video/1 and complete the section."] }, { "name": "Apply Angular.js Directives", "time": 45, "video": "114486344", "challengeNumber": 56, "steps": ["Go to http://campus.codeschool.com/courses/shaping-up-with-angular-js/level/2/section/1/video/1 and complete the section."] }, { "name": "Power Forms with Angular.js", "time": 45, "video": "114486344", "challengeNumber": 57, "steps": ["Go to http://campus.codeschool.com/courses/shaping-up-with-angular-js/level/3/section/1/video/1 and complete the section."] }, { "name": "Customize Angular.js Directives", "time": 45, "video": "114486344", "challengeNumber": 58, "steps": ["Go to http://campus.codeschool.com/courses/shaping-up-with-angular-js/level/4/section/1/video/1 and complete the section."] }, { "name": "Create Angular.js Services", "time": 45, "video": "114486344", "challengeNumber": 59, "steps": ["Go to http://campus.codeschool.com/courses/shaping-up-with-angular-js/level/5/section/1/video/1 and complete the section."] } ]