- HTML
- Semantic HTML
- Start work on the project phase 1
- CSS
- CSS Box model
- About CSS Formatting (self-study)
- Forms
- CSS Grid (self-study)
- CSS Flexbox (self-study)
- CSS Responsive design (self-study)
- Assignment
- DOM
- Event handling
- JavaScript - Arrow functions, special operators, destructuring, modules (self-study)
- JavaScript - Array methods, foreach, map, filter reduce (self-study)
- Getting started, Components, JSX and Props
- State management
- Routing, Views and Navigation (self-study)
- Finalize frontend project using HTML and CSS
- Project work: Finalize Period 1 project deliverables
- Mid-term presentation session
- HTTP request - response
- Server side programming, Restful API, Node.js, NPM
- Express - intro
- Create database (only the database creation part)
- Project work: Start project phase 2
- JavaScript recap - AJAX
- Express - Routing
- Express - Middleware, File upload
- Project work: Initialize backend for personal project
- Express - Database access (verify that your database exists, if not, follow the instructions)
- Authentication, JWT
- Validation, error handling
- Project work: Build REST API for personal project using modern JavaScript
- Hooks
- Custom hooks
- Project work: Add routing and hooks to React frontend
- Forms
- Shared State
- File upload
- Project work: Add forms and file upload to React frontend
- Tailwind CSS, Delete + Update + Likes
- Project work: Polish project, work on backend
- Project work: Finalize project
- Prepare for final presentations
- Presentations: Project presentations with code demonstrations and peer comments
- Project work: Final project documentation with instructions on how to install and run the project
Course material originally by Ilkka Kylmäniemi.