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

first attempt at expanding landing page

Browse Source
This commit is contained in:
Michael Q Larson
2014-10-16 13:17:03 -07:00
parent ac0ab1de37
commit cd90333bca
4 changed files with 87 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
public/css/styles.less
View File

@ -30,6 +30,11 @@ footer {
}
}
h1, h2, h3, h4, h5, h6, p {
padding-top: 5px;
padding-bottom: 5px;
}
// Navbar
// -------------------------
@ -81,7 +86,6 @@ footer {
}
.btn {
border-radius: 3px;
white-space: normal;
-webkit-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
@ -97,14 +101,6 @@ ul {
word-wrap: break-word;
}
/* Pages */
.pages {

2
public/js/main.js
View File

@ -39,7 +39,7 @@ $(document).ready(function() {
// Sets the client's username
function setUsername () {
username = cleanInput($usernameInput.val().trim());
username = auth.username;
// If the username is valid
if (username) {

24
views/contact.jade
View File

@ -2,24 +2,36 @@ extends layout
block content
.page-header
h3 Contact Form
h1 We love non-profits!
h2 We want to help you get things done faster and better!
h3 Our students will help you build that donor tracking system, community message board, or whatever your organization needs, at no cost. In exchange, we ask only that you:
h4
ul
li &#8226 meet with them regularly in person. If that's not possible, you can teleconference with them. This way, you can collaboratively establish and review milestones.
br
li &#8226 clearly communicate your goals for the project: what will this project solve, and for whom?
br
li &#8226 know that they will use cutting edge JavaScript frameworks to build your project. Please don't expect them to use Wordpress or other proprietary or old-school technologies.
br
li &#8226 don't lower your expectiations. Their goal is to produce work that's up to your standards.
h3 If you're OK with all this, great! We can help you!
h4 Fill this out and we'll get right back to you.
form.form-horizontal(role='form', method='POST')
input(type='hidden', name='_csrf', value=_csrf)
.form-group
label(class='col-sm-2 control-label', for='name') Name
label(class='col-sm-2 control-label', for='name') Your name
.col-sm-8
input.form-control(type='text', name='name', id='name', autofocus=true)
.form-group
label(class='col-sm-2 control-label', for='email') Email
label(class='col-sm-2 control-label', for='email') Your email
.col-sm-8
input.form-control(type='text', name='email', id='email')
.form-group
label(class='col-sm-2 control-label', for='message') Body
label(class='col-sm-2 control-label', for='message') Briefly describe what problem you need to solve, and for whom.
.col-sm-8
textarea.form-control(type='text', name='message', id='message', rows='7')
.form-group
.col-sm-offset-2.col-sm-8
button.btn.btn-primary(type='submit')
span.ion-paper-airplane
| Send
| Submit

61
views/home.jade
View File

@ -1,6 +1,7 @@
extends layout
block content
.text-center.jumbotron
.jumbotron
.text-center
h1 Become a Software Engineer
h2 Our free online coding bootcamp will help you land your first coding job!
.row
@ -19,19 +20,47 @@ block content
a.btn.btn-cta.btn-primary(href="/login") Sign in now to get started (it's free)
br
br
a.btn.btn-primary(href="/nonprofit") I'm with a non-profit and want help from a Software Engineer
a.btn.btn-success(href="/contact") I'm with a non-profit and want free help from a Software Engineer
.text-left
br
h2 How long does this take?
p It takes about 1,000 hours to master the skills you need to get an entry level software engineering job, or roughly one year if you code for 20 hours per week.
h2 What will I learn, and in what sequence?
ol
h3 In the first 100 hours, you'll learn basic web design tools like:
h4
ul
li &#8226 HTML5
li &#8226 CSS3
li &#8226 Bootstrap
li &#8226 jQuery
h3 Then you'll spend about 400 hours learning programming and computer science:
h4
ul
li &#8226 JavaScript
li &#8226 Linux
li &#8226 Git
li &#8226 Relational Databases
li &#8226 Algorithms
h3 You'll spend the final 500 hours using Agile Methodologies and Full Stack JavaScript to build projects for non-profits:
h4
ul
li &#8226 MongoDB
li &#8226 AngularJS
li &#8226 ExpressJS
li &#8226 NodeJS
h2 How will I learn all this?
h3 By pair programming with other Free Code Camp students on our exercises. Don't think of programming as a lonely art - it's a collaborative process, and programmers learn better together. We've also built an optional curriculum of the best free courses on the web. Some people prefer working through the courses. Some people prefer to googling around for documentation and Stack Overflow posts when they get stuck. Most people do a little of both.
h2 Will I really be able to job afterward?
h3 At the end of Free Code Camp, you will have pair programmed around 1,000 hours with dozens of other students, built a portfolio of projects that people are actively using, and a roster of glowing references from non-profits you've helped. 75% of bootcamp graduates get software engineering jobs, and make an average annual salary of $76,000.
a(href='https://www.coursereport.com/2014-graduate-survey.pdf', target='_blank')   (Source)
// script(src='https://cdn.firebase.com/js/client/1.0.21/firebase.js')
// script(src='https://cdn.firebase.com/js/simple-login/1.6.3/firebase-simple-login.js')
// script(src='https://cdnjs.cloudflare.com/ajax/libs/codemirror/4.5.0/codemirror.js')
// script(src='https://cdnjs.cloudflare.com/ajax/libs/codemirror/4.5.0/mode/javascript/javascript.js')
// link(rel='stylesheet', href='https://cdnjs.cloudflare.com/ajax/libs/codemirror/4.5.0/codemirror.css')
// script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js')
// link(rel='stylesheet', href='https://cdn.firebase.com/libs/firepad/1.0.0/firepad.css')
// link(rel='stylesheet', href='https://cdn.firebase.com/libs/firepad/1.0.0/firepad.css')
// script(src='https://cdn.firebase.com/libs/firepad/1.0.0/firepad.min.js')
// link(rel='stylesheet', href='css/firechat-default.css')
// script(src='js/firechat-default.js')
// #firepad-container
// #firechat-wrapper
// a(href='#', onclick='auth.login("twitter");') Login
h2 Do you have job placement services?
h3 Yes. We work with reputable technical recruitment firms and can help you find a good job.
h2 Is this really free? Do you claim part of my first year's salary like some bootcamps do?
h3 Our name is Free Code Camp. We are a free code camp. If you had to pay us (or sign over future earnings), we'd have to change our name. And we are not going to do that.
h2 Does Free Code Camp have an application process?
h3 Unlike most bootcamps, anyone can study at Free Code Camp. We're not going to tell you that you can't become a software engineer. We believe the only person who should be able to tell you that is you. If you perservere, and keep working through our challenges and non-profits' projects, you will become an employable software engineer.
br
.text-center
a.btn.btn-cta.btn-primary(href="/login") Sign in now to get started (it's free)