Week 1 & 2: HTML & CSS

• HTML Fundamentals
  • HTML Intro & Syntax
  • HTML Page Structure
  • HTML Content Elements
  • HTML Sectioning Elements
  • HTML Media Elements
  • HTML Text Elements
  • HTML Forms
• CSS Fundamentals
  • CSS Intro & Syntax
  • Basic Styles
  • Web Fonts
  • Colours
  • Box Model
  • Floats
  • Units
  • Responsive Design & Media Queries
  • Flexbox
  • Grid
• Web Theory
  • Devtools
  • Accessibility
  • Requirements gathering
  • Sampling & Wireframing
  • Design Systems
  • Design Handover & Breakdown
  • Upload to server
  • Testing
• CSS for Systems
  • Positioning
  • Imports
  • Variables
  • Atomic Design
  • BEM
  • Complex Selectors
  • Specificity

Week 3: Programming Fundamentals with JavaScript

• Fundamentals
  • Types
  • Variables
  • Logic
  • Conditionals
  • Loops
• Functions
  • Function Syntax
  • Scope
  • Pure Functions
  • Function Composition
  • Recursive Functions
• Arrays
  • Array Syntax
  • Iterating
  • Array Methods
  • Array Iterator Methods
• Objects
  • Object Literals
  • Standard Library
  • Classes

Week 4: The DOM

• Selecting Elements
  • Individual Elements
  • Groups of elements
  • Array.from
• Manipulating Elements
  • Reading Properties
  • Setting Properties
  • Creating Elements
  • Moving Elements
  • Removing Elements
• Events
  • Event Driven Programming
  • Event Listeners
• Advanced Events
  • The Event Object
  • Bubbling
  • Event Delegation

Week 5: Tooling - Git & Gulp

• Git
  • Add
  • Commit
  • Checkout
  • Branch
  • Revert
• GitHub
  • Pull
  • Push
  • Pull Requests
• SASS
• npm
  • npm init
  • npm install
  • package.json
  • Git+npm
• Gulp
  • gulpfile.js
  • Gulp plugins
  • Gulp tasks
  • Git+gulp

Week 6: OOP with PHP

• PHP Syntax
  • Composer
  • Variables
  • Logic
  • Functions
  • Arrays
  • Associative Arrays
• Regexes
  • Basic Regex
  • When to use Regex
  • When not to use Regex
• Classes in PHP
  • Class syntax in PHP
  • Properties
• Autoloading & Namespaces
  • Autoloading
  • Namespaces
• OOP
  • Bootstrapping
  • Objects talking to Objects
• Encapsulation
  • Visibility
  • Type Safety
  • Law of Demeter
• Polymorphism
  • Interfaces
  • Inheritance
  • Issues with Inheritance

Week 7 & 8: Laravel

• Server-Side Programming
  • What is a server?
  • Vagrant
• MySQL
  • Why?
  • Relational Data/Structure
  • Data Types
  • CLI
• Basic Laravel
  • Homestead
  • Routing
• Models
  • Eloquent
  • Database Migrations & Rollbacks
  • Seeding
• Unit Testing
• Blade
  • @extends
  • @section
  • Partials/@include
  • Passing in/around data
• Controllers
  • Route Model Binding
• Forms
  • GET & POST
  • Forms
  • Validation
  • SQL Injection/Mass Assignment
  • File uploads (Tricksy?)
• HTTP & RESTful APIs
  • HTTP
  • RESTful APIs
• APIs with Laravel
  • api routes
  • API Controllers
  • API Resources
  • CORS
• Relational Data
  • One-to-Many Relationships
  • Many-to-many Relationships
• Authentication
  • OAuth 2
  • Passport
• Deployment
  • AWS
  • EC2
  • SSH
  • Capistrano

Week 9 & 10: UIs with React

• JSX
  • Basic JSX
  • Components
  • CSS
• Props
  • Passing Strings
  • Passing Other Types
  • One-way data-flow
• State
  • Class-based components
  • Events
  • State
• Lifecycle Methods
• Controlled Components
  • Form Inputs
• ReactRouter
  • Routes
  • URL Parameters
  • Links
  • Routes in sub-components
  • History
  • Hash router (for deployment)
• Pre-built Components
• Deployment
• One-Way Data Flow
  • Lifting State
  • Passing Data Up
• AJAX
  • AJAX
  • Axios
• Hooks
  • useState
  • useReducer

Week 11: State Management with Redux

• Redux
  • Initial State
  • Reducers
  • The Store
  • Subscribing
  • Actions
• ReactRedux: State
  • mapStateToProps
• ReactRedux: Dispatch
  • mapDispatchToProps
• ReactRedux: Thunks
  • Thunks
  • API Requests

Week 12: Project Week

• Split into Groups
• Process
  • Feature Spec
  • Wireframing
  • Database Structure
  • API Design
  • Redux Actions