Projects fac22 Pre-Apprenticeship
Partner Project Sprints
BAgency
Mock digital agency website with Adriana
Image Generator
Mobile-first API Image Generator with Mohamed
To do List
Mobile-first, testing library with Saira
Guided Tutorials
To do List Practice
Workshop on changing/checking DOM elements
DOM Manipulation
Workshop on changing/checking DOM elements
Checkboxes & Shift
JS30 Project: multi-select with shift key
Dev Tool & Console Tips
JS30 Project: 14 Dev Tool & Console Tips
Flex Panels Gallery
JS30 Project: flex-grow, transition, translateY
Array Cardio 2
JS30 Project: ES6 array methods
Dark Mode Toggle
Workshop on modifying CSS Variables, Dark Mode
Array Cardio 1
JS30 Project: ES6 array methods
Change CSS-Variables with JS
JS30 Project: user-responsive CSS-Variables through JS
BBC News
Replica as CSS Grid Exercise
Facstagram
Instagram replica as CSS Composite Layout Exercise
Clock (real time)
JavaScript30 Project: CSS & JS
Upcoming Variation: Time Zones
Drum Kit
JavaScript30 Project: JS, audio, user-keyboard-input
Upcoming Variation: Violin Tuner
The Speakeasy
Workshop on Accessibility
HTML tidy-up
Workshop on Semantic HTML