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

continue work on moving things over

Browse Source
This commit is contained in:
Michael Q Larson
2014-11-01 16:37:17 -07:00
parent 683d2e75fd
commit 6cad74866b
32 changed files with 198 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

180
controllers/challenges.js
View File

@ -25,9 +25,9 @@ exports.enterTheFreeCodeCampChatRoom = function(req, res) {
res.render('challenges/enter-the-free-code-camp-chat-room', {
name: 'Enter the Fre Code Camp Chat Room',
video: "109134466",
time: "5 minutes",
directions: ["Link up with the Free Code Camp community in our HipChat chat room.", "Just follow this link"],
links: ["http://startbootstrap.com", "http://bitballoon.com", "http://atom.io"],
challenges: [""]
links: ["https://www.hipchat.com/invite/178107/cc2f6ea4dfac9e48b9a88b305adae48a"],
});
};
@ -35,9 +35,9 @@ exports.installGithubAtomTextEditor = function(req, res) {
res.render('challenges/install-github-atom-text-editor', {
name: "Install Github's Atom Text Editor",
video: "109134466",
time: "5 minutes",
directions: [""],
links: ["http://atom.io"],
challenges: [""]
links: ["http://atom.io"]
});
};
@ -45,9 +45,9 @@ exports.createAndDeployAWebsite = function(req, res) {
res.render('challenges/create-and-deploy-a-website', {
name: 'Create and Deploy a Website',
video: "109134466",
time: "5 minutes",
directions: ["In the next 5 minutes, you'll create a website and deploy it to the internet!"],
links: ["http://startbootstrap.com", "http://bitballoon.com"],
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."]
links: ["http://startbootstrap.com", "http://bitballoon.com"]
});
};
@ -56,11 +56,11 @@ exports.startAPairProgrammingSession = function(req, res) {
name: "Start Your First Pair Programming Session",
source: "Free Code Camp",
video: "109547811",
time: "5 minutes",
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.", "Once you've \"paired\" with someone, they become your \"pair\". Show your new pair the website your just created."
],
links: ["https://screenhero.com/download.html", "https://www.hipchat.com/invite/178107/cc2f6ea4dfac9e48b9a88b305adae48a"],
challenges: ["Show your new pair the website you just created.", "Open up Atom and let them change some of the cat-related text on your website."]
links: ["https://screenhero.com/download.html"]
});
};
@ -69,19 +69,19 @@ exports.addDynamicContentToYourWebsite = function(req, res) {
name: "Add Dynamic Content to your Website with POWr.io",
source: "Free Code Camp",
video: "109599487",
time: "10 minutes",
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!"
],
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"]
links: ["http://startbootstrap.com", "http://www.powr.io", "http://bitballoon.com"]
});
};
exports.codecademyHtmlAndCssTrack = function(req, res) {
res.render('courses/codecademy-html-and-css-track', {
res.render('challenges/codecademy-html-and-css-track', {
name: "Codecademy HTML & CSS Track",
links: [ "http://www.codecademy.com/tracks/web"],
time: 7,
links: ["http://www.codecademy.com/tracks/web"],
time: "7 hours",
directions: [
"Let's learn HTML and CSS! Then we'll understand the structure (HTML) and the style (CSS) that makes up all webpages.",
"More than 5 million people have worked their way through this short, interactive course. Once you finish it, you'll be able create your own webpages from scratch."
@ -94,20 +94,21 @@ exports.experimentWithHtmlAndCssInCodepen = function(req, res) {
name: "Create your first CodePen",
source: "Free Code Camp",
video: "109611164",
time: "30 minutes",
directions: [
"Let's put those HTML and CSS skills to work!",
"You'll learn bootstrap and see how you can build websites right in your browser with CodePen."
"You'll learn bootstrap and see how you can build websites right in your browser with CodePen.",
"Load the HealthCare.gov page in CodePen.", "Find some cat pictures online, copy their image URLs, and change the HealthCare.gov page to use these cat pictures instead of its normal images.", "HealthCare.gov uses a multi-column bootstrap layout. See if you can change the layout to be a single-column layout at all widths, not just mobile width. Hint: the \"row\" and \"col-\" classes control this. Check the Bootstrap documentation linked to above if you get stuck."
],
links: ["http://getbootstrap.com/", "http://www.usatoday.com/", "http://codepen.io/"],
challenges: ["Load the HealthCare.gov page in CodePen.", "Find some cat pictures online, copy their image URLs, and change the HealthCare.gov page to use these cat pictures instead of its normal images.", "HealthCare.gov uses a multi-column bootstrap layout. See if you can change the layout to be a single-column layout at all widths, not just mobile width. Hint: the \"row\" and \"col-\" classes control this. Check the Bootstrap documentation linked to above if you get stuck."]
});
};
exports.codeSchoolTryJqueryCourse = function(req, res) {
res.render('courses/code-school-try-jquery-course', {
res.render('challenges/code-school-try-jquery-course', {
name: "Code School's Try jQuery Course",
links: [ "https://www.codeschool.com/courses/try-jquery"],
time: 7,
links: ["https://www.codeschool.com/courses/try-jquery"],
time: "2 hours",
directions: [
"jQuery gives you an easy way to modify your HTML and CSS without reloading your page.",
"Code School's interactive jQuery course will help you understand how to manipulate page elements and capture information that your users give you."
@ -116,22 +117,21 @@ exports.codeSchoolTryJqueryCourse = function(req, res) {
};
exports.completeJqueryExercises = function(req, res) {
res.render('courses/complete-jquery-exercises', {
res.render('challenges/complete-jquery-exercises', {
name: "Complete jQuery Exercises",
links: ["http://jqexercise.droppages.com/"],
time: 7,
time: "3 hours",
directions: [
"jQuery gives you an easy way to modify your HTML and CSS without reloading your page.",
"Code School's interactive jQuery course will help you understand how to manipulate page elements and capture information that your users give you."
]
});
};
exports.codeSchoolDiscoverDevtoolsCourse = function(req, res) {
res.render('courses/code-school-discover-devtools-course', {
res.render('challenges/code-school-discover-devtools-course', {
name: "Code School's Discover DevTools",
links: [ "http://discover-devtools.codeschool.com/"],
time: 4,
links: ["http://discover-devtools.codeschool.com/"],
time: "2 hours",
directions: [
"Did you know you can change the HTML and CSS on this page? You can even inject JavaScript. In fact, you can do this on any webpage!",
"Chrome has built in DevTools that allow you to debug webpages, right in your browser. This is a super handy tool when you're building web applications.",
@ -141,29 +141,29 @@ exports.codeSchoolDiscoverDevtoolsCourse = function(req, res) {
};
exports.customizeBootstrapWithBootswatch = function(req, res) {
res.render('courses/customize-bootstrap-with-bootswatch', {
res.render('challenges/customize-bootstrap-with-bootswatch', {
name: "Customize Bootstrap with Bootswatch",
links: [""],
time: 4,
time: "15 minutes",
links: ["http://bootswatch.com/"],
directions: []
});
};
exports.injectLifeWithCssTransformations = function(req, res) {
res.render('courses/inject-life-with-css-transformations', {
res.render('challenges/inject-life-with-css-transformations', {
name: "Inject Life with CSS Transformations",
links: [ ""],
time: 4,
links: [""],
time: "15 minutes",
directions: [
]
});
};
exports.codecademyJavascriptTrack = function(req, res) {
res.render('courses/codecademy-javascript-track', {
res.render('challenges/codecademy-javascript-track', {
name: "Codecademy JavaScript Track",
links: [ "http://www.codecademy.com/tracks/javascript"],
time: 10,
time: "10 hours",
directions: [
"All right, now let's start coding!",
"Codecademy's popular JavaScript track will teach you some basic syntax and common programming data structures in just a few hours."
@ -172,30 +172,30 @@ exports.codecademyJavascriptTrack = function(req, res) {
};
exports.getHelpTheHackerWayWithRsap = function(req, res) {
res.render('courses/get-help-the-hacker-way-with-rsap', {
res.render('challenges/get-help-the-hacker-way-with-rsap', {
name: "Get Help the Hacker Way with RSAP',
links: [""],
time: 150,
links: ["http://webchat.freenode.net/", "http://stackoverflow.com/"],
time: "30 minutes",
directions: [
]
});
};
exports.completeTheEasyAlgorithmScriptingChallengesOnCoderbyte = function(req, res) {
res.render('courses/complete-the-easy-algorthim-scripting-challenges-on-coderbyte', {
res.render('challenges/complete-the-easy-algorthim-scripting-challenges-on-coderbyte', {
name: "Complete the Easy Algorithm Scripting Challenges on Coderbyte',
links: [""],
time: 150,
time: "15 hours",
directions: [
]
});
};
exports.harvardIntroductionToComputerScienceCs50Course = function(req, res) {
res.render('courses/harvard-introduction-to-computer-science-cs50-course', {
res.render('challenges/harvard-introduction-to-computer-science-cs50-course', {
name: "Introduction to Computer Science",
links: [ "https://www.edx.org/course/harvardx/harvardx-cs50x-introduction-computer-1022#.VDWSfSldWpQ"],
time: 150,
links: ["https://www.edx.org/course/harvardx/harvardx-cs50x-introduction-computer-1022#.VDWSfSldWpQ"],
time: "150 hours",
directions: [
"Harvard's CS50 course is one of the most popular online courses of all time. It will give you a solid programming foundation.",
"This course will introduce you to algorithms, databases, data structures, and a ton of theory.",
@ -205,80 +205,80 @@ exports.harvardIntroductionToComputerScienceCs50Course = function(req, res) {
};
exports.completeTheMediumAlgorithmScriptingChallengesOnCoderbyte = function(req, res) {
res.render('courses/complete-the-medium-algorthim-scripting-challenges-on-coderbyte', {
res.render('challenges/complete-the-medium-algorthim-scripting-challenges-on-coderbyte', {
name: "Complete the Medium Algorithm Scripting Challenges on Coderbyte',
links: [""],
time: 150,
time: "15 hours",
directions: [
]
});
};
exports.stanfordsRelationalDatabasesMiniCourse = function(req, res) {
res.render('courses/stanfords-relational-databases-mini-course', {
res.render('challenges/stanfords-relational-databases-mini-course', {
name: "Stanford's Relational Databases Mini-course',
links: [""],
time: 150,
time: "10 hours",
directions: [
]
});
};
exports.stanfordsJsonMiniCourse = function(req, res) {
res.render('courses/stanfords-json-mini-course', {
res.render('challenges/stanfords-json-mini-course', {
name: "Stanford's JSON Mini-course',
links: [""],
time: 150,
time: "2 hours",
directions: [
]
});
};
exports.buildATextBasedAdventure = function(req, res) {
res.render('courses/build-a-text-based-adventure', {
res.render('challenges/build-a-text-based-adventure', {
name: "Build a Text-based Adventure',
links: [""],
time: 150,
time: "5 hours",
directions: [
]
});
};
exports.completeTheHardAlgorithmScriptingChallengesOnCoderbyte = function(req, res) {
res.render('courses/complete-the-hard-algorthim-scripting-challenges-on-coderbyte', {
res.render('challenges/complete-the-hard-algorthim-scripting-challenges-on-coderbyte', {
name: "Complete the Hard Algorithm Scripting Challenges on Coderbyte',
links: [""],
time: 150,
time: "15 hours",
directions: [
]
});
};
exports.stanfordsSqlMiniCourse = function(req, res) {
res.render('courses/stanfords-sql-mini-course', {
res.render('challenges/stanfords-sql-mini-course', {
name: "Stanford's SQL Mini-course',
links: [""],
time: 150,
time: "10 hours",
directions: [
]
});
};
exports.buildAnInterviewQuestionMachine = function(req, res) {
res.render('courses/build-an-interview-question-machine', {
res.render('challenges/build-an-interview-question-machine', {
name: "Build an Interview Question Machine',
links: [""],
time: 150,
time: "5 hours",
directions: [
]
});
};
exports.codeSchoolTryGitCourse = function(req, res) {
res.render('courses/code-school-try-git-course', {
res.render('challenges/code-school-try-git-course', {
name: "Code School's Try Git Course",
links: [ "https://www.codeschool.com/courses/try-git"],
time: 2,
links: ["https://www.codeschool.com/courses/try-git"],
time: "15 minutes",
directions: [
"Have you ever accidentally deleted something? With Git, you will never have that problem again.",
"Git is a Version Control System. It will track all changes to your files. That way you don't have to worry about your code breaking. You can just rewind time to back when your code worked right.",
@ -288,40 +288,40 @@ exports.codeSchoolTryGitCourse = function(req, res) {
};
exports.installNodeJs = function(req, res) {
res.render('courses/install-node-js', {
res.render('challenges/install-node-js', {
name: "Install Node.js",
links: [ ""],
time: 2,
links: [""],
time: "15 minutes",
directions: [
]
});
};
exports.cloneAGithubRepo = function(req, res) {
res.render('courses/clone-a-github-repo', {
res.render('challenges/clone-a-github-repo', {
name: "Clone a Github Repo",
links: [""],
time: 2,
time: "15 minutes",
directions: [
]
});
};
exports.deployAnAppToHeroku = function(req, res) {
res.render('courses/deploy-an-app-to-heroku', {
res.render('challenges/deploy-an-app-to-heroku', {
name: "Deploy an app to Heroku",
links: [""],
time: 2,
time: "15 minutes",
directions: [
]
});
};
exports.codeSchoolRealTimeWithNodeJsCourse = function(req, res) {
res.render('courses/code-school-real-time-with-node-js-course', {
res.render('challenges/code-school-real-time-with-node-js-course', {
name: "Code School's Real-time web with Node.JS",
links: [ "https://www.codeschool.com/courses/real-time-web-with-node-js"],
time: 10,
links: ["https://www.codeschool.com/courses/real-time-web-with-node-js"],
time: "5 hours",
directions: [
"Learn NodeJS, the web server that makes the MEAN Stack possible.",
"You'll also get exposure to related technologies, like the web development framework ExpressJS, Redis and WebSockets.",
@ -331,10 +331,10 @@ exports.codeSchoolRealTimeWithNodeJsCourse = function(req, res) {
};
exports.tryMongoDb = function(req, res) {
res.render('courses/try-mongodb', {
res.render('challenges/try-mongodb', {
name: "Try MongoDB",
links: ["http://try.mongodb.org/"],
time: 10,
time: "30 minutes",
directions: [
]
@ -342,40 +342,40 @@ exports.tryMongoDb = function(req, res) {
};
exports.exploreYourNetworkWithTheLinkedInApi = function(req, res) {
res.render('courses/explore-your-network-with-the-linkedin-api', {
res.render('challenges/explore-your-network-with-the-linkedin-api', {
name: "Explore Your Network with the LinkedIn API",
links: ["http://developers.linkedin.com/"],
time: 10,
time: "2 hours",
directions: [
]
});
};
exports.buildYourFirstApi = function(req, res) {
res.render('courses/build-your-first-api', {
res.render('challenges/build-your-first-api', {
name: "Build Your First API",
links: [""],
time: 10,
time: "5 hours",
directions: [
]
});
};
exports.aggregateDataWithChronJobsAndScreenScraping = function(req, res) {
res.render('courses/aggregate-data-with-chron-jobs-and-screen-scraping', {
res.render('challenges/aggregate-data-with-chron-jobs-and-screen-scraping', {
name: "Aggregate Data with Chron Jobs and Screen Scraping",
links: [""],
time: 10,
time: "5 hours",
directions: [
]
});
};
exports.codeSchoolShapingUpWithAngularJsCourse = function(req, res) {
res.render('courses/code-school-shaping-up-with-angular-js-course', {
res.render('challenges/code-school-shaping-up-with-angular-js-course', {
name: "Codeschool's Shaping up with Angular.js",
links: [ "https://www.codeschool.com//courses/shaping-up-with-angular-js"],
time: 10,
links: ["https://www.codeschool.com//courses/shaping-up-with-angular-js"],
time: "5 hours",
directions: [
"AngularJS is a powerful front end JavaScript framework. It's more powerful than jQuery, but it's also more challenging to master.",
"AngularJS is used heavily by Google and many other high tech companies. As such, it is a hot skill, and employers are looking for software engineers who are good with AngularJS."
@ -384,60 +384,60 @@ exports.codeSchoolShapingUpWithAngularJsCourse = function(req, res) {
};
exports.reverseEngineerSnapchat = function(req, res) {
res.render('courses/reverseEngineerSnapchat', {
res.render('challenges/reverseEngineerSnapchat', {
name: "Reverse Engineer Snapchat",
links: [""],
time: 10,
time: "50 hours",
directions: [
]
});
};
exports.reverseEngineerReddit = function(req, res) {
res.render('courses/reverseEngineerReddit', {
res.render('challenges/reverseEngineerReddit', {
name: "Reverse Engineer Reddit",
links: [""],
time: 10,
time: "50 hours",
directions: [
]
});
};
exports.reverseEngineerPintrest = function(req, res) {
res.render('courses/reverseEngineerPintrest', {
res.render('challenges/reverseEngineerPintrest', {
name: "Reverse Engineer Pintrest",
links: [""],
time: 10,
time: "50 hours",
directions: [
]
});
};
exports.helpANonprofitTeamProject = function(req, res) {
res.render('courses/help-a-nonprofit-team-project', {
res.render('challenges/help-a-nonprofit-team-project', {
name: "Help a Nonprofit Team Project",
links: [""],
time: 10,
time: "200 hours",
directions: [
]
});
};
exports.helpANonprofitSoloProject = function(req, res) {
res.render('courses/help-a-nonprofit-solo-project', {
res.render('challenges/help-a-nonprofit-solo-project', {
name: "Help a Nonprofit Solo Project",
links: [""],
time: 10,
time: "200 hours",
directions: [
]
});
};
exports.crackTheCodingInterview = function(req, res) {
res.render('courses/crack-the-coding-interview', {
res.render('challenges/crack-the-coding-interview', {
name: "Crack the Coding Interview",
links: [""],
time: 10,
time: "20 hours",
directions: [
]
});

8
views/challenges/add-dynamic-content-to-your-website.jade
View File

@ -1,8 +0,0 @@
extends ../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ./partials/challenge
.col-sm-12.col-md-4.col-xs-12
include ./../partials/challenges
include ./../partials/courses

8
views/challenges/create-and-deploy-a-website.jade
View File

@ -1,8 +0,0 @@
extends ../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ./partials/challenge
.col-sm-12.col-md-4.col-xs-12
include ./../partials/challenges
include ./../partials/courses

8
views/challenges/experiment-with-html-and-css-in-codepen.jade
View File

@ -1,8 +0,0 @@
extends ../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ./partials/challenge
.col-sm-12.col-md-4.col-xs-12
include ./../partials/challenges
include ./../partials/courses

5
views/challenges/index.jade
View File

@ -1,5 +0,0 @@
extends ../layout
block content
each challenge in challenges
li
a(href="/challenges/#{challenge._id}") #{challenge.name}

8
views/challenges/partials/add-dynamic-content-to-your-website.jade Normal file
View File

@ -0,0 +1,8 @@
extends ../../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include challenge
.col-sm-12.col-md-4.col-xs-12
include ../../partials/challenges
include ../../partials/courses

20
views/challenges/partials/challenge.jade
View File

@ -19,11 +19,15 @@
for challenge in challenges
li= challenge
.btn.btn-primary.btn-large.btn-block.completed-challenge I've completed this challenge
.btn.btn-primary.btn-large.btn-block.skip-challenge I want to skip this challenge
script.
$('.completed-challenge').on("click", function() {
$('#modal-dialog').modal('show');
$('#complete-dialog').modal('show');
});
#modal-dialog.modal
$('.skip-challenge').on("click", function() {
$('#skip-dialog').modal('show');
});
#complete-dialog.modal
.modal-dialog.animated.zoomIn.fast-animation
.modal-content
.modal-header
@ -32,4 +36,14 @@
h1.animated.zoomInDown Nicely done!
.animated.zoomInUp.delay-1
span.landing-icon.ion-checkmark-circled.text-success
a.animated.fadeIn.delay-2.btn.btn-primary.btn-block(href='/curriculum', aria-hidden='true') Take me back to my curriculum
a.animated.fadeIn.delay-2.btn.btn-primary.btn-block(href='/curriculum', aria-hidden='true') Take me to my next challenge
#skip-dialog.modal
.modal-dialog.animated.zoomIn.fast-animation
.modal-content
.modal-header
a.close(href='#', data-dismiss='modal', aria-hidden='true') ×
.text-center
h1.animated.zoomInDown You can retry this challenge any time.
.animated.zoomInUp.delay-1
span.landing-icon.ion-skip-forward.text-warning
a.animated.fadeIn.delay-2.btn.btn-primary.btn-block(href='/curriculum', aria-hidden='true') Take me to my next challenge

8
views/challenges/partials/code-school-discover-devtools-course.jade Normal file
View File

@ -0,0 +1,8 @@
extends ../../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ../../courses/partials/course
.col-sm-12.col-md-4.col-xs-12
include ../../partials/challenges
include ../../partials/courses

8
views/challenges/partials/code-school-real-time-with-node-js-course.jade Normal file
View File

@ -0,0 +1,8 @@
extends ../../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ../../courses/partials/course
.col-sm-12.col-md-4.col-xs-12
include ../../partials/challenges
include ../../partials/courses

8
views/challenges/partials/code-school-shaping-up-with-angular-js-course.jade Normal file
View File

@ -0,0 +1,8 @@
extends ../../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ../../courses/partials/course
.col-sm-12.col-md-4.col-xs-12
include ../../partials/challenges
include ../../partials/courses

8
views/challenges/partials/code-school-try-git-course.jade Normal file
View File

@ -0,0 +1,8 @@
extends ../../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ../../courses/partials/course
.col-sm-12.col-md-4.col-xs-12
include ../../partials/challenges
include ../../partials/courses

8
views/challenges/partials/code-school-try-jquery-course.jade Normal file
View File

@ -0,0 +1,8 @@
extends ../../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ../../courses/partials/course
.col-sm-12.col-md-4.col-xs-12
include ../../partials/challenges
include ../../partials/courses

6
views/challenges/codecademy-html-and-css-track.jade → views/challenges/partials/codecademy-html-and-css-track.jade
View File

@ -1,8 +1,8 @@
extends ../layout
extends ../../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ../courses/partials/course
.col-sm-12.col-md-4.col-xs-12
include ../partials/challenges
include ../partials/courses
include ../../partials/challenges
include ../../partials/courses

8
views/challenges/partials/codecademy-javascript-track.jade Normal file
View File

@ -0,0 +1,8 @@
extends ../../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ../../courses/partials/course
.col-sm-12.col-md-4.col-xs-12
include ../../partials/challenges
include ../../partials/courses

8
views/challenges/partials/create-and-deploy-a-website.jade Normal file
View File

@ -0,0 +1,8 @@
extends ../../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include challenge
.col-sm-12.col-md-4.col-xs-12
include ../../partials/challenges
include ../../partials/courses

8
views/challenges/partials/experiment-with-html-and-css-in-codepen.jade Normal file
View File

@ -0,0 +1,8 @@
extends ../../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include challenge
.col-sm-12.col-md-4.col-xs-12
include ../../partials/challenges
include ../../partials/courses

8
views/challenges/partials/harvard-introduction-to-computer-science-cs50-course.jade Normal file
View File

@ -0,0 +1,8 @@
extends ../../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ../../courses/partials/course
.col-sm-12.col-md-4.col-xs-12
include ../../partials/challenges
include ../../partials/courses

8
views/challenges/partials/start-a-pair-programming-session.jade Normal file
View File

@ -0,0 +1,8 @@
extends ../../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include challenge
.col-sm-12.col-md-4.col-xs-12
include ../../partials/challenges
include ../../partials/courses

8
views/challenges/start-a-pair-programming-session.jade
View File

@ -1,8 +0,0 @@
extends ../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ./partials/challenge
.col-sm-12.col-md-4.col-xs-12
include ./../partials/challenges
include ./../partials/courses

0
views/challenges/view.jade
View File

8
views/courses/code-school-discover-devtools-course.jade
View File

@ -1,8 +0,0 @@
extends ../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ./partials/course
.col-sm-12.col-md-4.col-xs-12
include ./../partials/challenges
include ./../partials/courses

8
views/courses/code-school-real-time-with-node-js-course.jade
View File

@ -1,8 +0,0 @@
extends ../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ./partials/course
.col-sm-12.col-md-4.col-xs-12
include ./../partials/challenges
include ./../partials/courses

8
views/courses/code-school-shaping-up-with-angular-js-course.jade
View File

@ -1,8 +0,0 @@
extends ../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ./partials/course
.col-sm-12.col-md-4.col-xs-12
include ./../partials/challenges
include ./../partials/courses

8
views/courses/code-school-try-git-course.jade
View File

@ -1,8 +0,0 @@
extends ../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ./partials/course
.col-sm-12.col-md-4.col-xs-12
include ./../partials/challenges
include ./../partials/courses

8
views/courses/code-school-try-jquery-course.jade
View File

@ -1,8 +0,0 @@
extends ../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ./partials/course
.col-sm-12.col-md-4.col-xs-12
include ./../partials/challenges
include ./../partials/courses

8
views/courses/codecademy-javascript-track.jade
View File

@ -1,8 +0,0 @@
extends ../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ./partials/course
.col-sm-12.col-md-4.col-xs-12
include ./../partials/challenges
include ./../partials/courses

8
views/courses/harvard-introduction-to-computer-science-cs50-course.jade
View File

@ -1,8 +0,0 @@
extends ../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ./partials/course
.col-sm-12.col-md-4.col-xs-12
include ./../partials/challenges
include ./../partials/courses

5
views/courses/index.jade
View File

@ -1,5 +0,0 @@
extends ../layout
block content
each course in courses
li
a(href="/courses/#{course._id}") #{course.name}

8
views/courses/linux-command-line-tutorial.jade
View File

@ -1,8 +0,0 @@
extends ../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ./partials/course
.col-sm-12.col-md-4.col-xs-12
include ./../partials/challenges
include ./../partials/courses

8
views/courses/m101js-mongodb-for-node-js-developers-course.jade
View File

@ -1,8 +0,0 @@
extends ../layout
block content
.row
.col-sm-12.col-md-8.col-xs-12
include ./partials/course
.col-sm-12.col-md-4.col-xs-12
include ./../partials/challenges
include ./../partials/courses

29
views/courses/partials/course.jade
View File

@ -1,29 +0,0 @@
.panel.panel-primary
.panel-heading Course: #{name}
.panel.panel-body
.animated.zoomIn.delay-1
img.img-center.img-responsive(src=image)
.animated.fadeIn.delay-2
h3 Takes about #{time} hours to complete
for direction in directions
p= direction
a.btn.btn-success.btn-large.btn-block(href=link, target="blank") Go to course
br
br
.btn.btn-primary.btn-large.btn-block.completed-challenge I've completed this challenge
script.
$('.completed-challenge').on("click", function() {
$('#modal-dialog').modal('show');
});
#modal-dialog.modal
.modal-dialog.animated.zoomIn.fast-animation
.modal-content
.modal-header
a.close(href='#', data-dismiss='modal', aria-hidden='true') ×
.text-center
h1.animated.zoomInDown Nicely done!
.animated.zoomInUp.delay-1
span.landing-icon.ion-checkmark-circled.text-success
a.animated.fadeIn.delay-2.btn.btn-primary.btn-block(href='/curriculum', aria-hidden='true') Take me back to my curriculum

3
views/courses/view.jade
View File

@ -1,3 +0,0 @@
extends ../layout
block content
li= courses.name