Syllabus.md

6 Month Part-Time Bootcamp

Module 1: Html and CSS

Week 1: Intro to HTML

• Wed: Intro to Class
  • HW: Intro to HTML
• Sat: Machine Setup & Intro to HTML
  • HW: Basic CSS

Week 2: Basic CSS

• Wed: Learning Basic Css
  • HW: HTML Forms
• Sat: In Class group creating Coffee Shop Menu with basic HTML and CSS
  • In-Class: Build out https://elementalcoffee.com/contact/
  • HW: CSS Box Model

Week 3: Box Model and Flexbox

• Wed: Learning Box Model & Complex Units
  • HW: CSS FlexBox
• Sat: Flex Box
  • HW: CSS Positioning

Week 4: Responsive Design and Final Project (Build a Coffee Shop)

• Wed: Learn Positioning and Multi-Page apps
  • HW: CSS Media Queries
• Sat: Final Project

Above follows this curriculum

Module 2: Intro to Javascript

follows this - Free Code Camp intro to JS

Core concepts:

• DOM (Concept, querying, manipulating)
• Syntax (Comments, declaration and assignment, calls)
• Native Types
• Control Flow / Logic Branching
• The Event Loop / Listeners / Handlers
• Transforms - Destructuring, Map / Filter / Reduce
• Scopes
• Mutability
• Working with Objects (dot/bracket notation, use as map, JSON stringify/parse intro)

Pre-Work

• Learn Basic Javascript by Building a Role Playing Game

Week 1

• Weds: Intro to JS Ecosystem and Data Structures
  • HW:
    • Finish RPG (if needed)
    • review:
      • The Modern JS Tutorial 1.1-2.8 OR
      • Legacy FCC Intro to JS through "Shopping List"
• Sat: Interacting with the DOM, Strings, and Arrays
  • HW: Learn Form Validation by Building a Calorie Counter

Week 2

• Weds: Functions and Scopes
  • HW: Learn Basic String and Array Methods by Building a Music Player
• Sat: Build Day - Coffee Shop 2.0!
  • HW: FCC / Coffee Shop catch up as needed
    • review:
      • The Modern JS Tutorial 2.9-2.18 OR
      • Legacy FCC Intro to JS Shopping list through multiple ternary operators"

Week 3

• Weds: Boolean Logic and Control Flow
  • HW:Build a Palindrome Checker (Certification Project)
• Sat: Objects in More Depth (Maps, Sets, Classes)
  • HW:Learn the Date Object

Week 4

• Weds: Iterators / Loops
  • HW:Learn Modern JavaScript Methods by Building Football Team Cards
• Sat: Build Day - Coffee Shop 2.5!
  • HW: Review and rest!

Module 3: Intermediate Javascript

Core Concepts:

• Week 1: Terminal, Github, Node.js,
• Week 2: Data Structures Continued
• Week 3: Functional Programming
• Week 4: Algorithm Scripting

Pre-Work for Day 18

• First Github Tutorial
• Learn the Commandline

Above follows multiple free code camp sections:

- [ES6](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/#es6)
- [Basic Data Structures](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/#basic-data-structures)
- [Basic Algorithm Scripting](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/#basic-data-structures)
- [Functional Programming](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/#functional-programming)
- [Intermediate Algorithm Scripting](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/#intermediate-algorithm-scripting)

Week 1

Pre-Work For Day 2

• Compare Scopes of the var and let Keywords
• Mutate an Array Declared with const
• Prevent Object Mutation
• Use Arrow Functions to Write Concise Anonymous Functions
• Write Arrow Functions with Parameters
• Set Default Parameters for Your Functions
• Use the Rest Parameter with Function Parameters
• Use the Spread Operator to Evaluate Arrays In-Place
• Use Destructuring Assignment to Extract Values from Objects
• Use Destructuring Assignment to Assign Variables from Objects
• Use Destructuring Assignment to Assign Variables from Nested Objects
• Use Destructuring Assignment to Assign Variables from Arrays
• Destructuring via rest elements
• Use Destructuring Assignment to Pass an Object as a Function's Parameters
• Create Strings using Template Literals
• Write Concise Object Literal Declarations Using Object Property Shorthand
• Write Concise Declarative Functions with ES6

Pre-Work For Day 3

• everything in here: debugging
• everything in here: - data structures

Pre-Work For Day 4

• everything in here: - functional programming

Pre-Work For Day 5

• everything in here: algorithm scripting

Pre-Work For Day 6

• as much as you can in here: intermediate algorithm scripting

Pre-Work For Day 7

• promises and async/await - read chapters 1, 2, 3, 4, and 8
• intro to http
• fetch api

Pre-Work For Day 8

• catch-up

Module 4: React

- Week 1: Intro to React
- Week 2: JSX and Rendering Components
- Week 3: State
- Week 4: Conditional Rendering and Events

Above follows this curriculum

Module 5: Backend (Nextjs, MongoDB)

- Week 1: Servers and Nextjs
- Week 2: Nextjs and MongoDb
- Week 3: Intro to Mongoose
- Week 4: Intro to building Restful Apis

Continued Learning

Programming Principles to cover throughout

- Researching, and learning something new
- Debugging, and pushing through having difficulty completing something (getting stuck)
- Stepping away, and knowing when to get another set of eyes
- Staying curious and open to other ways of doing things, there are many ways to solve a problem
- Give input but don't be opinionated
- SOLID, YAGNI, other abstract design principles

Module 1: Intermediate Command Line, Git, and Docker (Week 1)

- All basic and intermediate commands
- Git
- Bash scripts
- Running docker images

Module 2: Typescript (Week 2)

- Type signatures
- Classes
- Enums
- Interfaces
- Generics

Module 3: Advanced Express (Weeks 3 and 4)

- Many routers
- Middleware
- Error Handling
- Cors
- Configuration
- Services
- Files
- Other Apis (stripe, twillio, mailchimp)
- Logging

Module 4: Advanced Databases (Week 5)

- Advanced Modeling
- Related Data
- Search
- Aggregation
- Indexes
- Permissions
- Paging and Sorting
- Mongoose

Module 5: Graphql (Week 6)

- Models
- Resolvers
- Mutations

Module 6: Advanced React (Weeks 7 and 8)

- Routing
- Single Store
- Auth
- Component Libraries
- Themes
- Mobile and Desktop views

Module 7: Testing (Week 9)

- Unit tests
- Integration tests
- E2e tests

Module 8: Real-world flow and interview prep (Weeks 10, 11, 12, 13, 14)

- Gitflow
- Issue based tasks and prs
- Working with others
- Real world group projects
- Performance
- Monitoring
- Deploying
- Logging
- Prod down
- Algorithm and interview prep