m4v15 / master-reference

A master reference for the running of Founders & Coders

Founders & Coders

A master reference for the running of Founders & Coders, including the curriculum.

All pull requests welcome. Checkout our contribution guidelines.

master-reference's Issues

Ensure students have github set up well

Software Architecture WS

Requires NPM to test

Will probably just install it before hand on that day

Set more fixed times in Schedule

Makes it easier for us and the students

Checklist of things to think about & challenges after first 8 weeks

Hi everybody! 👋

I made a list of things to test yourself against after week 8, it can be found here.

As I say in the link DO NOT WORRRY if you can't answer all of the questions, you are not supposed to be able to! Just have a look and see what you do know, and things you don't know - ask your fellow students or mentors on gitter 💃

Additionally, I made some specs for a potential project you might want to do, which can be found here
(it's very similar to week 8, unsurprisingly)

Error first callbacks

Is this covered?

Links to all workshops

Please comment below if one of these links seems wrong or you think something is missing!

Week 1

DOM-manipulation-Challenge: Introduction to DOM manipulation

JavaScript HTML DOM - Exercises, Practice, Solution - w3resource

git-workflow-workshop-for-two: An exercise for two programmers to practice git workflow skills

Week 2

research-afternoon.md at master · m4v15/master-reference

css-gallery-challenge: A morning challenge to practice a bit of css to create a lovely space themed gallery

intro to api-workshop

ws-github-api: A workshop about XHR requests and callbacks, written for week 3 of the Founders & Coders course

call-it-back: Introducing callbacks and some other function concepts

Flexbox Froggy - A game for learning CSS flexbox

Workshop-Software-Architecture-Design: A Founders & Coders workshop, maintained by @lucyrose93

npm-introduction: An introduction to npm and installing node modules

ws-software-design-js: Introduction to elements of software design in JS

array-methods

mc-objects-and-arrays: A morning challenge by @eliascodes to get students more comfortable manipulating data structures

Week 3

testing-tdd-intro: An introduction to unit testing and test-driven development

fizzbuzz: Using Test Driven Development to solve FizzBuzz - workshop written for week 2 of the Founders & Coders course

roman-numeral-tdd-codealong: A code-along roman numeral converter solution for teaching test-driven development

morning-challenge-traffic-lights: Traffic light callback challenge!

ws-pure-functions-easy-testing: A workshop to help people start testing their code

research-afternoon.md at master · m4v15/master-reference

mc-waterfall-chaser: Don't Go Chase[ing] Waterfalls - fun with async callbacks!

Week 4

Node-Intro-Workshop: An introduction to http servers with node.js

node-girls/node-workshop: Build a CMS in Node with no frameworks.

/morning-challenge-day-2.md at master · ES6 to ES5

master-reference/research-afternoon.md at master ·

morning-challenge-day-3.md at master · modularising a node server

Week 5

ws-tdd-node-server: A guide to creating a server using Test Driven Development

error-handling-workshop: Don't let Errors bite you , get a handle on them

mc-airbnb-css

going-on-a-bear-hunt: 🐻 ws to learn core node modules

/research-afternoon.md at master · m4v15/master-reference

Node-Shell-Workshop: A node shell scripting workshop

Week 6

sql-commands-intro

postgres-workshop: An introductory workshop to Postgres

pg-walkthrough: postgres database with nodejs

pg-workshop

ws-database-testing: 🗃Setup a separate test db, so your tests don't wipe your dev one 🙈

research-afternoon.md at master · m4v15/master-reference

db-morning-challenge: A coding challenge about databases

Week 7

ws-password-hashing

ws-cookies

mc-client-side-validation: Morning Challenge: validating a sign up form on the client side

mc-promise-me-this: Promises Morning Challenge

ws-jwt-stateless-session: Week 7 - Session Management Workshop

research-afternoon.md at master · m4v15/master-reference

css-layout: learn flex by matching a design

Week 8

introduction-to-express: An Introduction to Express JS

express-workshop

express-and-testing-workshop: A Founders and Coders workshop to teach testing an express backend connected to a PSQL DB

server-side-validation

morning-challenge-animated-app-drawer: A Founders and Coders Morning Challenge

Handlebars:
- Presentation
- Templating examples
- Handlebars

express-handlebars-challenge

Suggested Week 5 Schedule

Current Schedule:

Suggested Schedule:

Changes:

• Expand request module to talk about other core node modules (aisha has developed this workshop here). This would go where the current error handling workshop is.
• Add a bit more of an introduction to the error handling workshop, this replaces the Node shell workshop.
• Keep the first part of the node shell workshop to replace the request module MC
• also add a better intro to linters

create a simple array / object workshop

arrays

const colorsArray = ["yellow", "red", "turquoise", "green", "blue"]

1. use the filter method to create an array with all colors from colorsArray that are longer than 5 letters long. expected answer is [ 'yellow', 'turquoise']

2. a) use the forEach method to create an array that has each color from colorsArray in capital letters. expected answer is [ 'YELLOW', 'RED', 'TURQUOISE', 'GREEN', 'BLUE' ]

   b) create the same array using the map method

3. use the reduce method to find the color with the most amount of letters in colorsArray.
   expected answer is 'turquoise' (as a string, not in an array)

objects

const myDog = {
  name: "Clyde", 
  breed: "boxer",
  age: 3, 
}

1. create an object called anotherDog with the properties name, breed and age (you can choose the values for these properties)

2. add the information gender:female to myDog

3. add the information gender:male to anotherDog using a different method to the one you used for question 2.

4. change the age of myDog from 3 to 7

5. create a method on the myDog object called 'playFetch' that, when called console.logs 'i am playing fetch'

6. create a method on myDog called "myName" that uses the 'this' keyword so that when called it console.logs 'my name is Clyde' . Note the name should be inserted dynamically such that if we changed the name the function would reflect the change.

7. delete the property 'breed' from anotherDog

8. create a function called hasBreed that takes an object and checks if it has the property 'breed'. hasBreed(myDog) should return true, hasBreed(anotherDog) should return false.

9. calculate how many key value pairs myDog contains

10. create a copy of myDog object so that if you change the name of the copy it does not change the name of the original.

Week 2 project remove tests

So that people don't think they need them

Design bursts

We need to allow time to teach these things in the week (Biz Dev?)

DOM reminder in week 3

They won't do much DOM stuff between weeks 1 & 3.

We may need to remind them

SGC

Bring up commitment exams etc

push skeleton folder