Projects fac22 Pre-Apprenticeship
Partner Project Sprints
BAgency
![](resources/img/project-thumbs/bagency-adriana.png)
Mock digital agency website with Adriana
Image Generator
![](resources/img/project-thumbs/api-no-gallery.png)
Mobile-first API Image Generator with Mohamed
To do List
![](resources/img/project-thumbs/02-form.png)
Mobile-first, testing library with Saira
Guided Tutorials
To do List Practice
![](resources/img/project-thumbs/02-form.png)
Workshop on changing/checking DOM elements
DOM Manipulation
![](resources/img/project-thumbs/dom-challenge.png)
Workshop on changing/checking DOM elements
Checkboxes & Shift
![](resources/img/project-thumbs/js30-checkboxes.png)
JS30 Project: multi-select with shift key
Dev Tool & Console Tips
![](resources/img/project-thumbs/js30-tools.png)
JS30 Project: 14 Dev Tool & Console Tips
Flex Panels Gallery
![](resources/img/project-thumbs/js30-panels.png)
JS30 Project: flex-grow, transition, translateY
Array Cardio 2
![](resources/img/project-thumbs/js30-arr-cardio-2.png)
JS30 Project: ES6 array methods
Dark Mode Toggle
![](resources/img/project-thumbs/dark-mode.png)
Workshop on modifying CSS Variables, Dark Mode
Array Cardio 1
![](resources/img/project-thumbs/js30-arr-cardio-1-edit.png)
JS30 Project: ES6 array methods
Change CSS-Variables with JS
![](resources/img/project-thumbs/js30-css-var-visible.png)
JS30 Project: user-responsive CSS-Variables through JS
BBC News
![](resources/img/project-thumbs/bbc-visible.png)
Replica as CSS Grid Exercise
Facstagram
![](resources/img/project-thumbs/facstagram-visible.png)
Instagram replica as CSS Composite Layout Exercise
Clock (real time)
![](resources/img/project-thumbs/js30-clock-visible.png)
JavaScript30 Project: CSS & JS
Upcoming Variation: Time Zones
Drum Kit
![](resources/img/project-thumbs/js30-drum-visible.png)
JavaScript30 Project: JS, audio, user-keyboard-input
Upcoming Variation: Violin Tuner
The Speakeasy
![](resources/img/project-thumbs/speakeasy-visible.png)
Workshop on Accessibility
HTML tidy-up
![](resources/img/project-thumbs/html-tidy-visible.png)
Workshop on Semantic HTML