Skip to content

Whooolia/Founders-and-coders-FAC15

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 

Repository files navigation

✨ FAC15

Founders & Coders programme offers 16-week full-stack JavaScript course for 16 students. It is peer-led and project-based working in 4 teams. To apply to the programme, I needed to complete course prerequisites first. Afterwards, I invited to interview and offered places. The course for cohort 15 started on 29 October and will end 22 February 2019.

✔️ My first Portfolio builted as part of application
✔️ Calculate builted as part of pre-course

FAC15 PICTURE

✏️ Learning

Each week introduces a new topic

WEEK       ACTIVITIY       WEEK ACTIVITY     
week 1 Toolkit week 6 PostgreSQL
week 2 Testing week 7 Authentication
week 3 APIs week 8 Express
week 4 Node.js 1/2 weeks 10-12 self-selected project
week 5 Node.js 2/2 weeks 13 React

Every day has a mixed of learning coding and soft-skills.

DAY ACTIVITY
Monday Workshops, Client workshops
Tuesday Workshops, Research
Wednesday Workshops, Team project, Guest speaker
Thursday Team project
Friday Code review, Team project presentations, Stop-Go-Continue (SGC), Guest speaker

Other cool things we also did throughout the entire course..:blush:

  • All programming (workshops, projects and code review) done as pair programming
  • Have weekly SGC meetings discussing improvements to the course for the next cohort
  • Run weekly workshops with clients in the tech for good sector
  • Host meetups for other prospective students who want to apply to future cohorts and a 'Coding for Women' meetup open to the general public
  • Mentor the next cohort for one week

🚀 Projects

The second half of the course is focused on two 3-week projects addressing a specific real-world problem, building a product over two sprints, and using Design Thinking and Agile techniques to build a 3 week prototype.

1. Student project : Snowflakes

  • Created an application to provide a starting point for young people looking to get involved with climate change activism. Click here to read more about my student project.
  • Tech Stack : Node | Express | Handlebars | PostgreSQL | Jest | CSS | SASS

2. Client project : The Real Junk Food Project

  • Created a tech product to ensure verification between charitable organisations and suppliers of food waste, allowing quicker and more secure access to surplus food. Click here to read more about my client project.
  • Tech Stack : React | Node | Express | Handlebars | PostgreSQL | Jest | CSS | SASS | JWT Authentication

WEEK 13 : React

💎 What We Learn

  • ES6 classes, destructuring and this, React API, JSX, Functional & class-based components, Component state, Lifecycle methodsTesting React components, bundlers(Parcel)

💡 Team Project : Game - pop your face


WEEK 8 : Express

💎 What We Learn

  • Express middleware, Understand the purpose of templating, Use templating with Handlebars, Testing of Express.js routes, Integrate a PostgreSQL database with an Express app, Deploy an Express app to Heroku

💡 Team Project : Shopping list

  • A website built with Express.js and Handlebars.js
  • Add/view to a history of user's shopping list (product, quantity, an estimate of price)
  • 3 main sections - Welcome User page / Shopping List form page / Current shopping list page
  • A GitHub repo ready for code review

    Alt week8-1 Alt week8-2 Alt week8-3

WEEK 7 : Authenication

💎 What We Learn

  • Password management(hashing/bcryptjs), Cookie management(setting them/deleting them), Session management (signing cookies/JWTs), Secure routing, Promises

💡 Team Project : A guidebook to Finsbury park ➕ USER ACCOUNTS

  • Signup form validation on the client side (unmatching passwords, patterns)
  • Test for server side and database seperately
  • Check for cookie to see if user is logged in, and direct to the proper page
  • A GitHub repo ready for code review

    Alt week7-1 Alt week7-2

week7-3


WEEK 6 : Databases

💎 What We Learn

  • PostgreSQL, Database - retrieving and storing information in a postgres database, Test database

💡 Team Project : Build a guidebook to Finsbury park

  • Team Project: A website storing data on a Heroku-hosted database
  • A GitHub repo ready for code review

    Alt week6-1 Alt week6-2

WEEK 5 : Node.js server making back-end API requests

💎 What We Learn

  • API calls from the back-end using the Request module, Test the routes of your server using Supertest, Continuous integration with Travis, Read and Write Streams in Node, Buffers in Node, How to deploy projects on Heroku

💡 Team Project : CoTech Hackathon - Build a component for the CoTech website

  • Team Project : API calls from the back-end and testing the server using Supertest :no_good: Unfortunatley, it was an temporary API for just Hackathon, so that its no longer bring any data.
  • A GitHub repo ready for code review

    Alt week5

WEEK 4 : Node.js server making front-end API requests

💎 What We Learn

  • Learn how to use Node.js, Node server basics, Module design pattern and server file structure, Back-end testing, Basic ES6 syntax, heroku

💡 Team Project : Autocomplete website/widget

  • Team Project : Find your favortie beers! 🍺
  • A GitHub repo ready for code review

    Alt week4

WEEK 3 : APIs

💎 What We Learn

  • Flexbox, API, XMLHttp requests, XHR, JSON, Software Architecture

💡 Team Project : A simple web app includes two APIs and use the results to update the DOM

  • Team Project : Using movie, recipe and Giphy API 🎥 🍔
  • A GitHub repo ready for code review

    Alt week3

WEEK 2 : Testing

💎 What We Learn

  • The Test-driven Development(TDD), Unit & Integration tests, Recatoring, Tape, Callback function, Array methods, IIFE, DOM manipulation

🌱 Personal Stretch Goal

  • Be familiar with Array method

💡 Team Project : Unit testing and TDD for client-side code

  • Team Project : To do list app(learning TDD rather than building an app) ☑️
  • A GitHub repo ready for code review

    Alt week2

WEEK 1 : Github

💎 What We Learn

  • Semantic HTML, Accessibility,CSS - BEM, Mobile-First, Responsive Web Design, Gitflow and use of github, Pair programming, Command Line, Regular Expressions

🌱 Personal Stretch Goal

  • CSS - Make a navbar
  • CSS - Learn how to use grid
  • JS - Make a validator to check the valid form

💡 Team Project : Be familiar with Git & Github :octocat:

💙💛❤️ Thank you for reading! ❤️💛💙

About

💥Click to see 10 different projects through Founders & Coders💥 16-week full stack JavaScript bootcamp

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published