This is a draft of the course. The topics we'll cover and the order. It will be established and modified based on student needs and how things are going / what people ask for as far as needing things that match the trajectory we're on.
- Git lecture + feedback from last assignment
- Slides: https://docs.google.com/presentation/d/1zDuXtOf2EwwG3RzczyohsgU_GC0tfXvGitI9decDr6I/edit?usp=sharing
- Git activity in class
- Exercise to do between Tues and Thurs to jump start on hw
EVERYTHING BELOW HERE IS SUBJECT TO CHANGE
EVERYTHING BELOW HERE IS SUBJECT TO CHANGE
- A basic demonstration of Git / Github with an activity to collaboratively author content
- Discussing base line topics around HTML and how the DOM works
- Semantic, responsive design, accessibility, and design topics will be practiced
- We'll glance at design libraries and other approaches to CSS management
- There will be multiple options for how to complete the in class (thursday) activity which should lead out into homework + some individual work.
- Homework watching:
- How JS can access and modify HTML and CSS
- VanillaJS vs jQuery, Event Loop and how JS works
- Let's look at template literals (we'll use them later on)
- I need to learn about them, so Mozilla docs - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#tagged_templates
- https://codepen.io/btopro/pen/ExpNyQx?editors=1111 - let's see how this can be used
- Tooling, how people work in industry, different projects (high level)
- Hello world a palooza. Set up a working deployed copy of each, review the code on GitHub. What are the similarities, what are the differences in repo structure? Look at the syntax of a js/template file from each. What is vanilla and what seems to be library specific?
- Why web components, understanding how Wcs interplay with other libraries, who’s using them and why
- OpenWC specifically running through the cli and making a new project to collaborate on GitHub. Reading the lit docs
- CSS in ShadowRoot, prop drilling, leveraging existing packages
- Mid-term
- Thursday prior to spring break there is no class
- Publishing to NPM
- Vercel and project publishing and communication
- Creating an API endpoint to return data
- Creating a basic web component to render data from an end point using fetch to obtain information
- Final projects laid out. Lectures / lessons / code reviews still happen but are more focused on ways of helping pairs complete the project in question.
- Scope / requirements of each project will vary. Students will pick from one of a variety of options
- https://github.com/elmsln/issues/labels/7B
- Check ins / progression expectations each week
- MobX / State management practice
- Routing
- localStorage
- Peformance enhancements
- Class held for last minute office hours / debugging