Code Monkey home page Code Monkey logo

seattle-javascript-401n12's Introduction

CF 401 Advanced Javascript

Course At a Glance

Block 1 Block 2 Block 3 Block 4
01: JS Fundamentals 06: HTTP & REST 11: Authentication 15: Events
02: Classes/Inheritance 07: Express 12: OAuth 16: TCP Protocol
03: Async 08: REST & Data Modeling 13: Bearer Auth 17: Socket.io
04: Buffers 09: API Server 14: RBAC / ACL 18: Socket.io
Project: Bitmap Project: Book App Project: API Server Project: Q
Project Week
Block 5 Block 6 Block 7 Block 8
26: React Basics 31: Redux 36: Context API 41: React Native
27: Testing & Deployment 32: Forms 37: Login/Auth 42: React Native
28: Props & State 33: Remote APIs 38: Sockets 43: UI Frameworks
29: Routing & Composition 34: CRUD 39: Sockets 44: Web CMS
Project: City Explorer Project: CMS Project: Yakker Final Exam
Project Week

Block 1 - Javascript Fundamentals

  • Class 01
    • TDD and Deployments
    • Lab: Arithmetic & Greet Modules. Tested & CI with Travis
  • Class 02
    • Classes, Inheritance
    • Lab 1: Move between Factory, Constructors, Classes.
    • Lab 2: List Constructor
  • Class 03
    • Async, Callbacks
    • Read multiple files with Callbacks, Promises, Async/Await
  • Class 04
    • Buffers and Binary Data
    • Lab: Read and Write text file, using only raw buffers
  • Data Structure: Stacks and Queues
  • Project: Bitmap Transformer

Block 2 - API Servers

  • Class 06
    • HTTP and REST
    • Warm Up: Holy Grail
    • Design: Navigation
  • Class 07
    • Express, Middleware
    • Warm Up: Express Server
    • Design: Form Layout and UX
  • Class 08
    • REST API Server and Basic Data Modeling
    • Warm Up: DSA Practice
    • Design: Form Fields - Input
  • Class 09
    • Dynamic API Server, Advanced Data Modeling
    • Warm-Up: Async
    • Design: Form Fields - Multi
  • Data Structure: Trees
  • Project: Book App

Block 3 - Auth/Auth

  • Class 11
    • Authentication
    • Warm Up: Holy Grail
    • Design: Media Queries / Mobile
  • Class 12
    • OAuth
    • Warm Up: Express Server
    • Design: Grid Based Layouts
  • Class 13
    • Authorization
    • Warm Up: DSA Practice
    • Design: Deck Layouts
  • Class 14
    • Access Control (ACL)
    • Warm-Up: Async
    • Design: Card Layouts
  • Data Structure:
  • Project: Complete API Server

Block 4 - Realtime

  • Class 16
    • Event Driven Development
    • Lab: Read File (Refactor) & Fire Events
    • Warm Up: Holy Grail
    • Design: Scaffold
  • Class 17
    • TCP Servers
    • Lab: Event Driven Chat Server (Refactor from iterative)
    • Warm Up: Express Server
    • Design: Variables
  • Class 18
    • Socket.io
    • Lab: Repeat Lab 06, but with socket.io & external logging service
    • Warm Up: DSA Practice
    • Design: Mixins
  • Class 19
    • Socket.io Namespaces/Rooms
    • Lab: Build NS/Room Based Socket.io Server to feed a React App
    • Warm-Up: Async
    • Design: Modules
  • Data Structure: Linked Lists
  • Project: Q Server

Block 5 - Mid-Term Project

Block 6 - React Basics

  • Class 26
    • React Basics
    • Warm Up: Holy Grail
    • Design: HTML Tables
  • Class 27
    • React Ecosystem, Tests, Deployments
    • Warm Up: Express Server
    • Design: Responsive Tables
  • Class 28
    • Props and State
    • Warm Up: DSA Practice
    • Design: React Table Component
  • Class 29
    • Routing and Composition
    • Warm-Up: Async
    • Design: Lists
  • Data Structure: Hash Maps
  • Project: City Explorer Front End
    • Built with create-react-app
    • Deployed to AWS

Block 7 - CRUD and Global State

  • Class 31
    • Application State (Redux)
    • Warm Up: Holy Grail
    • Design: Tags and Chips
  • Class 32
    • Dynamic Forms
    • Warm Up: Express Server
    • Design: Buttons & Links
  • Class 33
    • Remote APIs
    • Warm Up: DSA Practice
    • Design: Slideouts and Drawers
  • Class 34
    • CRUD
    • Warm-Up: Async
    • Design: Multiplicity
  • Data Structure: Graphs
  • Project: CMS
    • Built with gifted webpack
    • Deployed to Netlify

Block 8 - Auth and Realtime

  • Class 36
    • Context, Render Props, Hooks
    • Warm Up: Holy Grail
    • Design: <Modal />
  • Class 37
    • Login/Auth
    • Warm Up: Express Server
    • Design: <Drag and Drop />
  • Class 38
    • Socket.io
    • Warm Up: DSA Practice
    • Design: <Rotator />
  • Class 39
    • Socket.io Pub/Sub
    • Warm-Up: Async
    • Design: <Autocomplete />
  • Data Structure: Sorting Algorithms
  • Project: Hot Takes
    • Built with parcel
    • Deployed to Zeit/now

Block 9 - React Native and UI Frameworks

  • Class 41
    • React Native Ecosystem
    • Warm Up: Holy Grail
    • Design:
  • Class 42
    • React Native Development
    • Warm Up: Express Server
    • Design:
  • Class 43
    • Web Servers & Apps. UI Frameworks
    • Warm Up: DSA Practice
    • Design:
  • Class 44
    • Web CMS - Wordpress
    • Warm-Up: Async
    • Design:
  • Data Structure: Final Exam
  • Project: UI Framework Reports

Block 10 - Final Project

seattle-javascript-401n12's People

Contributors

vladimirsan avatar jjblues86 avatar

Watchers

James Cloos 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.