CodeNow Level One Curriculum

Welcome to the CodeNow Level One curriculum repository!

Below is a table of contents linking to a series of guides to help you prepare for and teach your students during the program.

Table of Contents

Workshop Timelines

• Day One
• Day Two
• Day Three
• Day Four

Product Development

• How to Find a Meaningful Problem to Solve

  • Solve a Problem You Care About
  • Examples of Successful Companies and the Problems That Started Them
  • Marshmallow Challenge Activity

• The Problem We'll Be Solving During the Workshop

  • A Problem Worth Solving
  • Peer Interviews Activity

• Brainstorm the Features

  • All the Possible Features
  • Draw Your Country Map and Rank the Features Activity

• Pick the First Feature To Build

  • Scope Down and Hone In
  • Feature Map Activity

• Sketch

  • Sketch Your Vision
  • Sketch Your Screens Activity

The Command Line, Git, and GitHub

• The Command Line

  • What is the Command Line?
  • Navigate Through the Command Line
  • Create Files In the Command Line

• Git and GitHub

  • Initialize Your First Directory
  • Save and Push Your First Commit
  • Pull Request Activity

Workspace and Account Setup

• Weekend One

  • Create Your GitHub Account
  • Create Your Cloud9 Account
  • Connect GitHub to Cloud9
  • Create Your First GitHub Repository
  • Create Your First Cloud9 Workspace

• Weekend Two

  • Create a GitHub Repository for Your Rails Application
  • Create a Cloud9 Ruby on Rails Workspace
  • Push Your Application to GitHub
  • Create Your Heroku Account
  • Deploy to Heroku

Front End Development - CodeNow Sample Todo Application - Front End Mockup Codebase

• Hyper Text Markup Language

  • HTML Starts With Content
  • HTML Tags and Basic Document Structure
  • Different Tags for Different Content
  • Add a New Todo Inputs
  • The Show Page Activity

• Cascading Style Sheets

  • All About Style
  • CSS Selectors
  • The Box Model
  • Block vs. Inline Elements
  • CSS Layout Properties
  • Front End Mockup Example Code
  • DRYing Up the CSS

• JavaScript

  • Introduction to JavaScript
  • Mark a Todo Complete
  • 'Add' a Todo

Back End Development - CodeNow Sample Todo Application - Back End Mockup Codebase

• Ruby

  • Try Ruby Tutorial

• Ruby on Rails

  • Welcome to Ruby on Rails
  • Routes, Controllers, Actions, and Views
  • Put Your Front End In Rails - Part One
  • Put Your Front End In Rails - Part Two
  • Show RCAV Flow Activity
  • Make Your HTML Smart
  • Many Show Pages, One View File
  • Conditional Logic
  • Link the Todos On the Index Page
  • Welcome to the Database
  • Plan Your Data Model
  • Install Postgres
  • Create Your First Database Table
  • Add Todos to the Database from the Rails Console
  • Add Todos to the Database With an HTML Form
  • Edit, Update, and Delete
  • Back to the Todo Index
  • The Root Route