Windows nostalgia
| Task: | Create an old WIN screen with HTML and CSS |
| Live-URL: | ./1_Primer/HTML/Windows-nostalgia/index.html |
| Repository: | ./1_Primer/HTML/Windows-nostalgia/ |
Course parts
Repo: wbs-training1 Primer
Repo: wbs-primerResume
| Task: | Create a crappy, static resume |
| Live-URL: | ./1_Primer/HTML/Resume/index-semantic-css.html |
| Repository: | ./1_Primer/HTML/Resume/ |
Landing page
| Task: | Create a random landing page |
| Live-URL: | ./1_Primer/HTML/Landing-Page/index-semantic-css.html |
| Repository: | ./1_Primer/HTML/Landing-Page/ |
Multipage website
| Task: | Create a random website with multiple pages |
| Live-URL: | ./1_Primer/HTML/Multipage-Website/index-semantic-css.html |
| Repository: | ./1_Primer/HTML/Multipage-Website/ |
Time travel agency
| Task: | Create a random website for a time travel agency |
| Live-URL: | ./1_Primer/HTML/Time-Travel-Agency/index.html |
| Repository: | ./1_Primer/HTML/TimeTravelAgency/ |
Project 1 (Abood, me)
| Task: | Create a random website, but focus on workflow and using tools |
| Live-URL: | gittyx3b.github.io/wbs-project_1/ |
| Repository: | github.com/GittyX3b/wbs-project_1 |
2 Frontend
Repo: wbs-frontendPlayground Tailwind
| Task: | Get in touch with tailwind css |
| Live-URL: | ./2_Frontend/TailwindCSS/playground/index.html |
| Repository: | ./WDG-25/2_Frontend/Tailwind-CSS/playground |
JS Intro
| Task: | Get in touch with javascript basics |
| Repository: | ./WDG-25/2_Frontend/1_JS-Intro |
Web APIs
| Task: | Get in touch with Web APIs and js objects |
| Repository: | ./WDG-25/2_Frontend/2_Web-APIs |
Command Line Games
| Task: | Create three different games for terminal |
| Repository: | ./WDG-25/2_Frontend/2_Web-APIs/Project-Solo-CommandLineGames |
Project 2 (Monica, Jan, me)
| Task: | Create a random website, but focus on workflow and using tools |
| Live-URL: | gittyx3b.github.io/wbs-project_2/ |
| Repository: | github.com/GittyX3b/wbs-project_2 |
Web APIs - timer and storage
| Task: | Get in touch with timer and browser storage |
| Repository: | ./WDG-25/2_Frontend/3_JS-Modules/1_Globals_and_more_Web-APIs |
Vite - Frontend bundler
| Task: | Get in touch with Vite |
| Repository: | ./WDG-25/2_Frontend/3_JS-Modules/2_Modules/Bundlers/Vite |
ESM - Multi Module App
| Task: | Get in touch with ESM (ECMA script module) |
| Live-URL: | ./2_Frontend/3_JS-Modules/2_Modules/ESM_MultiModuleApp/index.html |
| Repository: | ./WDG-25/2_Frontend/3_JS-Modules/2_Modules/ESM_MultiModuleApp |
Project 3 (Anna, Simone, me)
| Task: | Create a random website, but focus on workflow and using tools |
| Live-URL: | gittyx3b.github.io/wbs-project_3/ |
| Repository: | github.com/GittyX3b/wbs-project_3 |
| Task: | Refactor your project using Vite and ESM |
| Repository: | github.com/GittyX3b/wbs-project_3-refactored-vite |
React Intro
| Task: | Get in touch with react |
| Repository: | ./WDG-25/2_Frontend/4_React-Intro |
Building Apps with React
| Task: | Get in touch with hooks, router and testing/td> |
| Repository: | ./WDG-25/2_Frontend/5_Building-Apps-with_React |
Building Apps with React: react-router
| Task: | Get in touch with react-router |
| Repository: | ./WDG-25/2_Frontend/5_Building-.../02_React-Router |
Project 4 (exercise react-router)
| Task: |
Create a Travel Agency Website using react-router
(switch to HashRouter for deployment on github) |
| Live-URL: | gittyx3b.github.io/wbs-project_4/ |
| Repository: | github.com/GittyX3b/wbs-project_4/ |
Project 5 (solo)
| Task: | Create a personal diary using router, hooks and localStorage |
| Repository: | github.com/GittyX3b/wbs-project_5 |
Building Apps with React: data mutations (with forms)
| Task: | Get in touch with using forms |
| Repository: | ./WDG-25/2_Frontend/5_Building-.../03_Data_Mutations_(with_forms) |
Typescript Intro
| Task: | Get in touch with typescript |
| Repository: | ./WDG-25/2_Frontend/6_TypeScript |
Project 6 (Alissa, Monica, me)
| Task: | Create an event planner using react, tailwind and typescript |
| Repository: | github.com/GittyX3b/wbs-project_6 |
Typescript with React
| Task: | Get in touch with typescript in react apps |
| Repository: | ./WDG-25/2_Frontend/7_TypeScript-in-React |
Project 7 (solo)
| Task: | Create an art gallery using react, tailwind, api and typescript with zod |
| Repository: | github.com/GittyX3b/wbs-project_7 |