Skip to content

Instantly share code, notes, and snippets.

View kylecoberly's full-sized avatar

Kyle Coberly kylecoberly

View GitHub Profile
@kylecoberly
kylecoberly / notes.md
Last active October 7, 2023 18:52
Why Johnny Can't Code Notes

Hook

  • Act out Why Johnny Can't Add
  • Talk about teaching music theory
    • Lost students
    • Learned the value of little lies
      • ABCDEFG
      • The staff
      • Wholes and halfs
  • Temperment
<template>
<div>
<button class="mentor" @click="this.decrement">-</button>
<input class="number" :value="this.number" type="number" size="3" min="0">
<button class="mentor" @click="this.increment">+</button>
</div>
</template>
<script>
export default {

What do we do?

  • Outcomes and standards-based education
  • Not a curriculum company

Who is this for?

  • Turning juniors/mids into mids/seniors
  • Turning seniors into leads, principles, VPs
  • Not necessarily with career alignment- they don't have to go all-in

The 5 developers I never want to work with again

Categories

anti-patterns, people, assholes, dopes

Description

Development is a minefield of big shots, jerks, and jamokes. How do you steer clear of the saps-- and make sure that you're not being one yourself? By learning the signs. From the Weekend Commando to the Pharisee, we'll learn how to spot 5 different development jabronis in the wild. Most importantly, you'll learn some tricks for being less of a mark-ass buster and more of an ace.

Setting up a Vue app

  1. Run vue create to make a new Vue app, and manually select features:
    • Router
    • Vuex
    • CSS Pre-processors / SCSS
    • Unit Testing / Mocha + Chai
    • E2E Testing / Cypress
    • Dedicated config files
  2. Clean up files:

Setting Up Express

  1. Initialize a new repo with git init
  2. Add .env and node_modules to your .gitignore
  3. npm init to start a new project
  4. Install your production dependencies with npm install -S express cors morgan dotenv body-parser knex pg
  5. Install your development dependencies with npm install -D nodemon mocha supertest
  6. touch index.js app.js
  7. Write an app.js file that initializes Express, uses the cors, body-parser, and morgan middleware, and exports app as a module
  8. Write 404 and 500 error handlers

Features

Deploy a Galvanize Vote Splash page

  • Generate a vue app
  • Clean up files
  • Add .env and node_modules to .gitignore
  • Add sign-in route and view
  • Add SASS files: resets, typography, colors
  • Add icon fonts

Observing Brooks Live-Coding gMoney

3:22pm

+ Good job repeating the question for the video/remotes
+ Good job modeling good great git workflow!
+ I love your tasks for the students on the whiteboard ("How did the coder solve the problem? Did the coder get stuck? What did the coder do that I will now do?")
- ...BUT, they aren't objectives. Objectives are the way you want the students to be changed, not what you want them to do. Objectives for those might be "Identify 2 or more ways to solve programming problems", or "Commit to changing one coding behavior."
+ Doing a great job narrating your thought process

Observing Brent - Helping Milo

11:46

- You're typing on your computer instead of Milo typing on his- anything a student can do, a student should do
+ Good leading question: "We need to go from one thing to three things. How would we do that?"
+ "When does it change?" taking good opportunities to ask questions
- Don't touch a student's computer
- To make that lesson stick, Milo needs to have done something- Find ways for him to prove some of that variable assignment stuff himself, either through tests, node scripts, or in the browser REPL