make more progress on improving look and content of app

This commit is contained in:
Michael Q Larson
2014-10-20 21:37:13 -07:00
parent 942b154f70
commit b78f7fe608
7 changed files with 30 additions and 33 deletions

View File

@ -26,7 +26,8 @@ exports.createAndDeployAWebsite = function(req, res) {
image: 'http://startbootstrap.com/assets/img/templates/landing-page.jpg', image: 'http://startbootstrap.com/assets/img/templates/landing-page.jpg',
video: "109134466", video: "109134466",
directions: ["In the next 5 minutes, you'll create a website and deploy it to the internet!"], directions: ["In the next 5 minutes, you'll create a website and deploy it to the internet!"],
links: ["http://startbootstrap.com", "http://bitballoon.com", "http://atom.io"] links: ["http://startbootstrap.com", "http://bitballoon.com", "http://atom.io"],
challenges: ["Now that you have Atom installed, open up the index page of the template you downloaded. Go through the index page and change all the text to be about cats.", "The images used on a website are stored in the \"images\" directory. Browse the web for cat pictures, save them to the \"images\" directory.", "Change the image href's so that your cat pictures show up in the template."]
}); });
}; };
@ -37,9 +38,10 @@ exports.startAPairProgrammingSession = function(req, res) {
video: "", video: "",
image: "https://screenhero.com/img/anim-collaboration.gif", image: "https://screenhero.com/img/anim-collaboration.gif",
directions: [ directions: [
"What's all this Pair Programming stuff about? Let's find out!", "We'll use a popular pair programming tool called Screen Hero. We'll also visit the Free Code Camp chat room.", "We'll show you how to launch pair programming sessions right inside the chat room." "What's all this Pair Programming stuff about? Let's find out!", "We'll use a popular pair programming tool called Screen Hero. We'll also visit the Free Code Camp chat room.", "We'll show you how to launch pair programming sessions right inside the chat room.", "Once you've \"paired\" with someone, they become your \"pair\". Show your new pair the website your website."
], ],
links: ["https://screenhero.com/download.html", "https://www.hipchat.com/invite/178107/cc2f6ea4dfac9e48b9a88b305adae48a"] links: ["https://screenhero.com/download.html", "https://www.hipchat.com/invite/178107/cc2f6ea4dfac9e48b9a88b305adae48a"],
challenges: ["Show your new pair the website you created.", "Open up Atom and let them change some of the cat-related text on your website."]
}); });
}; };
@ -52,7 +54,8 @@ exports.addDynamicContentToYourWebsite = function(req, res) {
directions: [ directions: [
"The website you created earlier is cool, but it's not very interactive.", "Let's make it dynamic with POWr.io's drag-and-drop form and database tools!" "The website you created earlier is cool, but it's not very interactive.", "Let's make it dynamic with POWr.io's drag-and-drop form and database tools!"
], ],
links: ["http://startbootstrap.com", "http://www.powr.io", "http://bitballoon.com"] links: ["http://startbootstrap.com", "http://www.powr.io", "http://bitballoon.com"],
challenges: ["Add a POWr Twitter Feed widget to your website.", "Redeploy your website with BitBalloon and customize it to display tweets from a cat-related twitter account, like @TheDaiIyKitten"]
}); });
}; };
@ -66,6 +69,7 @@ exports.experimentWithHtmlAndCssInCodepen = function(req, res) {
"Let's put those HTML and CSS skills to work!", "Let's put those HTML and CSS skills to work!",
"You'll create your own databaseless webpage. We'll show you how." "You'll create your own databaseless webpage. We'll show you how."
], ],
links: ["http://getbootstrap.com/", "http://www.usatoday.com/", "http://codepen.io/"] links: ["http://getbootstrap.com/", "http://www.usatoday.com/", "http://codepen.io/"],
challenges: ["Load the USAToday.com page in CodePen.", "Find some cat pictures online, copy their image URLs, and change the USAToday.com page to use these cat pictures instead of its normal images.", "USATODAY.com uses a multi-column bootstrap layout. See if you can change the layout to be a single-column layout, even at full width. Hint: the \"row\" and \"col-\" classes control this. Check the Bootstrap documentation linked to above if you get stuck."]
}); });
}; };

View File

@ -17,4 +17,8 @@
li li
a(href=link, target="blank")= link a(href=link, target="blank")= link
br br
h3 Challenges:
ol
for challenge in challenges
li= challenge
a.btn.btn-primary.btn-large.btn-block(href='/curriculum') I've completed this challenge a.btn.btn-primary.btn-large.btn-block(href='/curriculum') I've completed this challenge

View File

@ -3,21 +3,7 @@ block content
.row .row
.col-sm-8.col-xs-12 .col-sm-8.col-xs-12
h1 Welcome to Free Code Camp! h1 Welcome to Free Code Camp!
ol
li
a(href="/challenges/create-and-deploy-a-website") Learn how to create a website and deploy it to the internet
| &nbsp (takes 10 minutes)
li
a(href="/challenges/start-a-pair-programming-session") Learn how to start Pair Programming session
| &nbsp (takes 10 minutes)
li
a(href="/challenges/add-dynamic-content-to-your-website") Learn how to add dynamic content to your website
| &nbsp (takes 10 minutes)
li
a(href="/challenges/experiment-with-html-and-css-in-codepen") Learn how to experiment with HTML and CSS in Codepen
| &nbsp (takes 10 minutes)
li
a(href="/challenges") Start the HTML and CSS challenges!
.col-sm-4.col-xs-12 .col-sm-4.col-xs-12
include ./../partials/challenges include ./../partials/challenges
.col-sm-4.col-xs-12 .col-sm-4.col-xs-12

View File

@ -15,15 +15,14 @@ html
.container .container
include partials/flash include partials/flash
block content block content
include partials/footer
include partials/footer
!= js('application') != js('application')
script. script.
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-55446531-1', 'auto'); ga('create', 'UA-55446531-1', 'auto');
ga('send', 'pageview'); ga('send', 'pageview');

View File

@ -19,6 +19,6 @@
li JavaScript and Computer Science: li JavaScript and Computer Science:
ul ul
li Coming soon li Coming soon
li Full-stack JavaScript: li Full Stack JavaScript Development:
ul ul
li Coming soon li Coming soon

View File

@ -1,5 +1,5 @@
.panel.panel-info .panel.panel-info
.panel-heading Free Courses .panel-heading Recommended (Free) Courses
.panel-body .panel-body
ol ol
li Web Design: li Web Design:

View File

@ -1,8 +1,12 @@
//footer .container
.container.text-center .row
p.pull-left © 2014 Company, Inc. All Rights Reserved .col-xs-12.col-sm-6
ul.pull-right.list-inline a.btn.btn-success.btn-large.btn-block(href='https://www.hipchat.com/invite/178107/cc2f6ea4dfac9e48b9a88b305adae48a') Meet a new friend to pair program with in the Free Code Camp Chatroom
li .visible-xs
a(href='https://github.com/sahat/hackathon-starter') GitHub Project br
li br
a(href='https://github.com/sahat/hackathon-starter/issues') Issues br
.col-xs-12.col-sm-6
a.btn.btn-primary.btn-large.btn-block(href='http://twitter.com/intent/user?screen_name=FreeCodeCamp') Follow the discussion on Twitter