Lab 19 - 'I Want It Now': Frontend Build Tools
Build with the tools of tomorrow, today.
Labs
1-2-Day In-Class Assignments
Categories:
less than a minute
Lab 18 - WCAG Checklist
Use RegEx to convert Markdown to JSON and create an interactive accessibility checklist!
Lab 17 - Git Revert Undo
Use the WAVE tool to asses the accessibility of a web page and then practice git undo when things go awry.
Lab 16 - Persistence: Import/Export
Build on earlier experience with the browser’s localStorage using the FileReader to support export/import of app state.
Lab 15 - Persistence: User Experience
Build on earlier experience with the browser’s localStorage and location Web APIs to create a more featureful user experience.
Lab 14 - Play Fetch
Use fetch() to interact with third-party APIs and modify HTML based on the result.
Lab 13 - HTTP Requests: Making Requests of Third-Party APIs
Work with PostMan and Promises (via fetch) to make requests to third-party API.
Lab 12 - Them Problem
You’ve been spinning asynchronous code for a while now, primarily as event listeners using callbacks. In preparing to sling more complex asynchronous code, it would be helpful to have a few more cartridges in your utility belt.
Lab 11 - Card Viewer
Make a viewer (and editor) for your greeting cards!
Lab 10 - Card Creator
Make greeting cards to send to your friends (or enemies)!
Lab 9 - Midterm 2 Review
Review CSS and Beginning JS for Midterm
Lab 8 - Personal Professional Profile
Who do you think you are?
Lab 7 - Dark Grid
I am the terror that flaps in the night! - Responsive mode: Dark 🦆
Lab 6 - Tiny Grid
Responsive mode: TINY! 🥹
Lab 4.5 - Position with Quokkas! 😍
In this lab, you will work on using different CSS position values to accomplish frequent, if quirky layout tasks.
Lab 5 - Clicking
In this lab, you will work with flexbox and event listeners.
Lab 4 - Centering
In this lab, you will work on centering content on a webpage.
Lab 3 - Bootstrap
In this lab, you will try out the Bootstrap design framework.
Lab 2 - Document Structure with HTML
In this lab, you will use HTML to “markup” plain text into a structured document.
Lab 1 - File Publishing and Validation
In this activity, you will publish a web site!
Last modified August 11, 2024: moved a bunch of things for archival purposes (6652bbe)