codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2025-04-27 14:33:59 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request from codecombat/pr/3424

Browse source 
Merge pull request
This commit is contained in:
Imperadeiro98 2016-02-27 08:12:32 +00:00
commit 027bc0c16d
2 changed files with 167 additions and 104 deletions
app
locale
en.coffee
templates
new-home-view.jade

60
app/locale/en.coffee
View file

@ -14,6 +14,66 @@
for_developers: "For Developers" # Not currently shown on home page.
or_ipad: "Or download for iPad"
new_home:
slogan: "The most engaging game for learning programming."
classroom_edition: "Classroom Edition:"
learn_to_code: "Learn to code:"
teacher: "Teacher"
student: "Student"
play_now: "Play Now"
im_a_teacher: "I'm a Teacher"
im_a_student: "I'm a Student"
learn_more: "Learn more"
classroom_in_a_box: "A classroom in-a-box for teaching computer science."
codecombat_is: "CodeCombat is a platform for students to learn computer science while playing through a real game."
our_courses: "Our courses have been specifically playtested to excel in a classroom setting, even by teachers with little to no prior programming experience."
designed_with: "Designed with teachers in mind"
real_code: "Real, typed code"
from_the_first_level: "from the first level"
getting_students: "Getting students to typed code as quickly as possible is critical to learning programming syntax and proper structure."
educator_resources: "Educator resources"
course_guides: "and course guides"
teaching_computer_science: "Teaching computer science does not require a costly degree, because we provide tools to support educators of all backgrounds."
accessible_to: "Accessible to"
everyone: "everyone"
democratizing: "Democratizing the process of learning coding is at the core of our philosophy. Everyone should be able to learn to code."
forgot_learning: "I think they actually forgot that they were actually learning something."
wanted_to_do: " Coding is something I've always wanted to do, and I never thought I would be able to learn it in school."
why_games: "Why is learning through games important?"
games_reward: "Games reward the productive struggle."
encourage: "Gaming is a medium that encourages interaction, discovery, and trial-and-error. A good game challenges the player to master skills over time, which is the same critical process students go through as they learn."
excel: "Games excel at rewarding"
struggle: "productive struggle"
kind_of_struggle: "the kind of struggle that results in learning that’s engaging and"
motivating: "motivating"
not_tedious: "not tedious."
gaming_is_good: "Studies suggest gaming is good for children’s brains. (it’s true!)"
game_based: "When game-based learning systems are"
compared: "compared"
conventional: "against conventional assessment methods, the difference is clear: games are better at helping students retain knowledge, concentrate and"
perform_at_higher_level: "perform at a higher level of achievement"
feedback: "Games also provide real-time feedback that allows students to adjust their solution path and understand concepts more holistically, instead of being limited to just “correct” or “incorrect” answers."
real_game: "A real game, played with real coding."
great_game: "A great game is more than just badges and achievements - it’s about a player’s journey, well-designed puzzles, and the ability to tackle challenges with agency and confidence."
agency: "CodeCombat is a game that gives players that agency and confidence with our robust typed code engine, which helps beginner and advanced students alike write proper, valid code."
curious: "Curious? Request a demo and we'll show you the ropes"
create_class: "Or create a class and see it for yourself!"
request_demo: "Request a Demo"
create_a_class: "Create a Class"
have_an_account: "Already have an account?"
logged_in_as: "You are currently logged in as"
view_my_classes: "View my classes"
computer_science: "Computer science courses for all ages"
show_me_lesson_time: "Show me lesson time estimates for:"
curriculum: "Total curriculum hours:"
ffa: "Free for all students"
lesson_time: "Lesson time:"
coming_soon: "Coming soon!"
courses_available_in: "Courses are available in JavaScript, Python, and Java (coming soon!)"
boast: "Boasts riddles that are complex enough to fascinate gamers and coders alike."
winning: "A winning combination of RPG gameplay and programming homework that pulls off making kid-friendly education legitimately enjoyable."
run_class:"Everything you need to run a computer science class in your school today, no CS background required."
nav:
play: "Levels" # The top nav bar entry where players choose which levels to play
community: "Community"

211
app/templates/new-home-view.jade
View file

@ -5,174 +5,177 @@ block content
.container
.row
.col-lg-7.col-md-8
h1 The most engaging game for learning programming.
h1(data-i18n="new_home.slogan")
.col-lg-3.col-lg-offset-2.col-md-4
.well.text-center.hidden-md.hidden-lg
.row
.col-xs-8
h6 Classroom Edition:
.col-xs-8
h6(data-i18n="new_home.classroom_edition")
.col-xs-4
h6 Learn to code:
h6(data-i18n="new_home.learn_to_code")
.row
.col-xs-4
button#teacher-btn.btn.btn-primary.btn-lg.btn-block Teacher
button#teacher-btn.btn.btn-primary.btn-lg.btn-block(data-i18n="new_home.teacher")
.col-xs-4
a.btn.btn-forest.btn-lg.btn-block(href="/courses") Student
a.btn.btn-forest.btn-lg.btn-block(href="/courses", data-i18n="new_home.student")
.col-xs-4
a.btn.btn-gold.btn-lg.btn-block(href=view.playURL) Play Now
a.btn.btn-gold.btn-lg.btn-block(href=view.playURL, data-i18n="new_home.play_now")
.well.text-center.hidden-xs.hidden-sm
h6#classroom-edition-header Classroom Edition:
h6#classroom-edition-header(data-i18n="new_home.classroom_edition")
div
button#teacher-btn.btn.btn-primary.btn-lg.btn-block I'm a Teacher
button#teacher-btn.btn.btn-primary.btn-lg.btn-block(data-i18n="new_home.im_a_teacher")
div
a.btn.btn-forest.btn-lg.btn-block(href="/courses") I'm a Student
h6#learn-to-code-header Learn to code:
a.btn.btn-gold.btn-lg.btn-block(href=view.playURL) Play Now
a.btn.btn-forest.btn-lg.btn-block(href="/courses", data-i18n="new_home.im_a_student")
h6#learn-to-code-header(data-i18n="new_home.learn_to_code")
a.btn.btn-gold.btn-lg.btn-block(href=view.playURL, data-i18n="new_home.play_now")
.row#learn-more-row
.col-xs-12.text-center
a#learn-more-link
h6 Learn more
h6(data-i18n="new_home.learn_more")
h2
span.glyphicon.glyphicon-chevron-down
.container#classroom-in-box-container
#classroom-in-box-row.row
.col-sm-6
h2.text-navy A classroom in-a-box for teaching computer science.
h2.text-navy(data-i18n="new_home.classroom_in_a_box")
.col-sm-6
p CodeCombat is a platform for students to learn computer science while playing through a real game.
p Our courses have been specifically playtested to excel in a classroom setting, even by teachers with little to no prior programming experience.
p(data-i18n="new_home.codecombat_is")
p(data-i18n="new_home.our_courses")
#feature-spread-row.row.text-center
h3 Designed with teachers in mind
h3(data-i18n="new_home.designed_with")
.col-sm-4
img.img-circle(src="/images/pages/home/F1_typedcode.png")
h4
| Real, typed code
span(data-i18n="new_home.real_code")
br
| from the first level
p.small Getting students to typed code as quickly as possible is critical to learning programming syntax and proper structure.
span(data-i18n="new_home.from_the_first_level")
p.small(data-i18n="new_home.getting_students")
.col-sm-4
img.img-circle(src="/images/pages/home/F2_teacherguides.png")
h4
| Educator resources
h4
span(data-i18n="new_home.educator_resources")
br
| and course guides
p.small Teaching computer science does not require a costly degree, because we provide tools to support educators of all backgrounds.
span(data-i18n="new_home.course_guides")
p.small(data-i18n="new_home.teaching_computer_science")
.col-sm-4
img.img-circle(src="/images/pages/home/F3_accessible.png")
h4
| Accessible to
span(data-i18n="new_home.accessible_to")
br
| everyone
p.small Democratizing the process of learning coding is at the core of our philosophy. Everyone should be able to learn to code.
span(data-i18n="new_home.everyone")
p.small(data-i18n="new_home.democratizing")
.testimonials-rows
.testimonials-filler-left
.testimonials-filler-right
.row
.col-lg-offset-2.col-lg-7.col-sm-8
blockquote
h3 I think they actually forgot that they were actually learning something.
h3(data-i18n="new_home.forgot_learning")
.col-lg-2.col-sm-3.text-center
img.img-circle(src="/images/pages/home/timmaki.png")
h6 Tim Maki
.small Director of Technology, Tilton School
.row
.col-lg-7.col-sm-8.col-sm-push-4.col-lg-push-3
blockquote
h3 Coding is something I've always wanted to do, and I never thought I would be able to learn it in school.
h3(data-i18n="new_home.wanted_to_do")
.col-lg-2.col-sm-3.col-lg-offset-1.text-center.col-sm-pull-8.col-lg-pull-7
img.img-circle(src="/images/pages/home/dylan.png")
h6 Dylan
.small 3rd Grader
h3.text-center Why is learning through games important?
h3.text-center(data-i18n="new_home.why_games")
#benefit-row-1.row
#benefit-graphic-1.col-sm-6.col-sm-offset-1.col-sm-push-6
h2 Games reward the productive struggle.
h2(data-i18n="new_home.games_reward")
img(src="/images/pages/home/G1_reward.png")
#benefit-graphic-1-filler
.col-sm-5.col-sm-pull-6
p
| Gaming is a medium that encourages interaction, discovery, and trial-and-error.
| A good game challenges the player to master skills over time,
| which is the same critical process students go through as they learn.
p
| Games excel at rewarding “
a(href="http://blog.mindresearch.org/blog/game-based-learning-infographic-strong-math-practices" target="_blank") productive struggle
span.spr ” - the kind of struggle that results in learning that’s engaging and
a(href="http://www.gamesandlearning.org/2014/06/09/teachers-on-using-games-in-class/" target="_blank") motivating
| , not tedious.
.col-sm-5.col-sm-pull-6
p(data-i18n="new_home.encourage")
p
span(data-i18n="new_home.excel")
span.spr “
a(href="http://blog.mindresearch.org/blog/game-based-learning-infographic-strong-math-practices" target="_blank", data-i18n="new_home.struggle")
span.spr ” -
span.spr(data-i18n="new_home.kind_of_struggle")
a(href="http://www.gamesandlearning.org/2014/06/09/teachers-on-using-games-in-class/" target="_blank", data-i18n="new_home.motivating")
span.spl ,
span(data-i18n="new_home.not_tedious")
#benefit-row-2.row
#benefit-graphic-2.col-sm-6
h2 Studies suggest gaming is good for children’s brains. (it’s true!)
h2(data-i18n="new_home.gaming_is_good")
img(src="/images/pages/home/G2_brains.png")
#benefit-graphic-2-filler
.col-sm-5.col-sm-offset-1
p
span.spr When game-based learning systems are
a(href="http://schoolsweek.co.uk/gaming-is-good-for-childrens-brains-study-suggests/" target="_blank") compared
span.spl.spr against conventional assessment methods, the difference is clear: games are better at helping students retain knowledge, concentrate and
a(href="http://dev.k-12techdecisions.com/article/game_based_learning_is_where_vygotsky_meets_dweck/P3" target="_blank") perform at a higher level of achievement
| .
span.spr(data-i18n="new_home.game_based")
a(href="http://schoolsweek.co.uk/gaming-is-good-for-childrens-brains-study-suggests/" target="_blank", data-i18n="new_home.compared")
span.spl.spr(data-i18n="new_home.conventional")
a(href="http://dev.k-12techdecisions.com/article/game_based_learning_is_where_vygotsky_meets_dweck/P3" target="_blank", data-i18n="new_home.perform_at_higher_level")
span.spr .
p
| Games also provide real-time feedback that allows students to adjust their solution path and understand concepts more holistically, instead of being limited to just “correct” or “incorrect” answers.
span(data-i18n="new_home.feedback")
#benefit-row-3.row
#benefit-graphic-3.col-sm-6.col-sm-offset-1.col-sm-push-6
h2 A real game, played with real coding.
h2(data-i18n="new_home.real_game")
img(src="/images/pages/home/G3_game.png")
#benefit-graphic-3-filler
.col-sm-5.col-sm-pull-6
p
| A great game is more than just badges and achievements - it’s about a player’s journey, well-designed puzzles, and the ability to tackle challenges with agency and confidence.
span(data-i18n="new_home.great_game")
p
| CodeCombat is a game that gives players that agency and confidence with our robust typed code engine, which helps beginner and advanced students alike write proper, valid code.
span(data-i18n="new_home.agency")
.request-demo-row.text-center
h3 Curious? Request a demo and we'll show you the ropes
h4 Or create a class and see it for yourself!
h3(data-i18n="new_home.curious")
h4(data-i18n="new_home.create_class")
div
a.btn.btn-primary.btn-lg(href="/teachers/freetrial") Request a Demo
a.btn.btn-primary-alt.btn-lg(href="/courses/teachers") Create a Class
a.btn.btn-primary.btn-lg(href="/teachers/freetrial", data-i18n="new_home.request_demo")
a.btn.btn-primary-alt.btn-lg(href="/courses/teachers", data-i18n="new_home.create_a_class")
div
if me.isAnonymous()
span.spr Already have an account?
span.spr(data-i18n="new_home.have_an_account")
a.login-button Login
else
span.spr You are currently logged in as #{me.broadName()}.
a(href="/courses/teachers") View my classes
span.spr.spl or
span.spr(data-i18n="new_home.logged_in_as")
span= me.broadName()
span .
a(href="/courses/teachers", data-i18n="new_home.view_my_classes")
span.spr.spl(data-i18n="general.or")
a#logout-button logout
h3.text-center Computer science courses for all ages
h3.text-center(data-i18n="new_home.computer_science")
h4.text-center
span#school-level-label Show me lesson time estimates for:
span#school-level-label(data-i18n="new_home.show_me_lesson_time")
select#school-level-dropdown.form-control.text-navy
option(value='elementary') Elementary School
option(value='middle', selected=true) Middle School
option(value='high') High School
option(value='elementary', data-i18n="teachers_quote.elementary_school")
option(value='middle', selected=true, data-i18n="teachers_quote.middle_school")
option(value='high', data-i18n="teachers_quote.high_school")
h5.text-center#total-hours-header
span.spr Total curriculum hours:
span.spr(data-i18n="new_home.curriculum")
span#semester-duration
#courses-row.row
- var conceptsSeen = {};
@ -182,7 +185,7 @@ block content
.media.course-details(data-course-slug=course.get('slug'))
if courseIndex === 0
.free-course
h6 Free for all students
h6(data-i18n="new_home.ffa")
.media-body(title=course.get('description'))
h6.course-name= course.get('name') + ':'
p.small
@ -203,7 +206,7 @@ block content
img.media-object(src="/images/pages/home/course"+(courseIndex+1)+".png")
- lastScreenshot = course.get('screenshot');
h6.course-duration
span.spr Lesson time:
span.spr(data-i18n="new_home.lesson_time")
span.course-hours= course.get('duration') || 0
span.spl.unit(data-i18n="units.hours")
for upcomingCourse in ['Computer Science 6', 'Computer Science 7', 'Computer Science 8']
@ -211,22 +214,22 @@ block content
.media.disabled
.media-body
h6.course-name= upcomingCourse + ':'
p.small Coming soon!
p.small(data-i18n="new_home.coming_soon")
img.media-object(src="/images/pages/home/inprogress.png")
.clearfix
.text-center
h4
img(src="/images/pages/home/course_languages.png")
div Courses are available in JavaScript, Python, and Java (coming soon!)
div(data-i18n="new_home.courses_available_in")
.testimonials-rows
.testimonials-filler-left
.testimonials-filler-right
.row
.col-lg-offset-2.col-lg-7.col-sm-8
blockquote
h3 Boasts riddles that are complex enough to fascinate gamers and coders alike.
h3(data-i18n="new_home.boast")
.col-lg-2.col-sm-3.text-center
img.img-circle(src="/images/pages/home/opensource.png")
@ -236,18 +239,18 @@ block content
.row
.col-lg-7.col-sm-8.col-sm-push-4.col-lg-push-3
blockquote
h3 A winning combination of RPG gameplay and programming homework that pulls off making kid-friendly education legitimately enjoyable.
h3(data-i18n="new_home.winning")
.col-lg-2.col-sm-3.col-lg-offset-1.text-center.col-sm-pull-8.col-lg-pull-7
img.img-circle(src="/images/pages/home/pcmag.png")
h6 PC Mag
.small pcmag.com
.request-demo-row.text-center
h3 Everything you need to run a computer science class in your school today, no CS background required.
h3(data-i18n="new_home.run_class")
p
a.btn.btn-primary.btn-lg(href="/teachers/freetrial") Request a Demo
a.btn.btn-primary-alt.btn-lg(href="/courses/teachers") Create a Class
a.btn.btn-primary.btn-lg(href="/teachers/freetrial", data-i18n="new_home.request_demo")
a.btn.btn-primary-alt.btn-lg(href="/courses/teachers", data-i18n="new_home.create_a_class")