GithubHelp home page GithubHelp logo

2020-fall-web-dev's Introduction

CUNY Tech Prep 2020-2021

CUNY Tech Prep is a NYC Tech Talent Pipeline program designed to provide exceptional Computer Science students in the CUNY senior college system with in-demand software development and professional skills.


Fall 2020 Web Dev Track
Class Schedule and Materials

Summer Prep Work

Summer Homework

(9/1 - 9/4) Week 1

Lecture Slides

Bootstrap Lab

Topics:

  • Semester Overview
  • Designing Web Apps
  • Review: HTML & CSS
  • Intro to Bootstrap

Assignments:

  • Project Ideation: provide your idea in the ideation document
  • Meet your classmates and form teams

(9/8 - 9/11) Week 2

Lecture Slides

Learn React 1: Step by Step

Topics:

  • React Intro

Assignments:

  • Form a team of 3

(9/15 - 9/18) Week 3

Note: CUNY has no classes on Friday 9/18. CTP WILL have class. If you can't attend let your instructor know.

Lecture Slides (URL's and http)

Lecture Slides (fetch() and React)

Zip Code React Lab

Topics:

  • Client-Server Communication
    • Parts of a URL
    • Understanding HTTP Request-Response
  • fetch(...) and Promises
  • More React

Assignments:

(9/22 - 9/25) Week 4

Topics:

  • More fetch() and React
  • React Router

(9/29 - 10/2) Week 5

Lecture Slides (Full Stack, npm, express.js intro)

Zip Code API Lab

Topics:

  • Fullstack Review: Frontend vs Backend
  • About npm
  • Building a backend with Express.js
    • Routing
    • Route Parameters
    • Query Parameters
    • Body Parameters
  • RESTful Routing

(10/6 - 10/9) Week 6

Lecture Slides (SDLC, MVC, Data modeling, ORM's)

Topics:

  • Career Coach Workshop 1
  • SDLC
  • MVC (Models-Views-Controllers) Project Structure
  • Databases and Data Modeling
  • ORM's (Sequelize.js)
  • Views and Templates (Handlebars)

(10/13 - 10/16) Week 7

Note: Wednesday 10/14 is a Monday schedule. If you can't attend class let your instructor know.

Project Starter

Topics:

  • Using MVC app structure
  • Using Sequelize.js
  • How to design an app using: mockups, models, and routes

Assignments:

  • First Project Presentation
    • During Week 9 class (10/27-10/30)
    • Presentation Guidelines
      • 8 minutes per team (5 min presentation, 3 min Q&A)
      • All team members must present at least one slide
      • See a presentation template here: first_project_presentation_template.pdf
      • (Optional) Show a demo of work in progress if you can

(10/20 - 10/23) Week 8

Learn Sequelize lab

Topics:

  • Using Sequelize.js
  • Testing (Jest)

(10/27 - 10/30) Week 9

Authentication in Project Starter

Topics:

  • Project Presentations
  • Implementing Authentication
  • Sessions
  • Passport.js, Bcrypt

(11/3 - 11/6) Week 10

Lecture Slides (code reviews)

Topics:

(11/10 - 11/13) Week 11

Topics:

  • Lab Time: Work on Projects

(11/17 - 11/20) Week 12

Topics:

  • Career Coach Workshop 2
  • Lab Time: Work on Projects

(11/24 - 11/27) NO CLASS

Thanksgiving Break

(12/1 - 12/4) Week 13

Topics:

  • Practice Demo Night Pitches and Demos
  • Lab Time: Work on Projects

(TBA) DEMO NIGHT

Demo Night

  • Location: TBA
  • Time: TBA

2020-fall-web-dev's People

Contributors

medgardo avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.