this repo is where we will store starter code and upload example code that we work with during workshops!
covered basic html file structure, introduced basic element tags (p, img, a, li, ul, ol, h1-h6) as well as structure tags (div, header, nav, footer)
covered css basics and different types of selectors, like element, id, class, and pseudo selectors. also covered box model and flex box basics (padding, border, margins).
covered javascript basics like syntax, javascript in combination of html, and how to get familiar with the language. there is a code outline, script0, that has steps to play around with random numbers, arrays, and javascript in general.
covered the set up of a react environment and use of components to modularize development. also worked on creating a navbar component in workshop, with the final code updated here.
covered react hooks and state when working on the todo list demo, this included adding new todo list items and marking them as done.
covered next.js basics like routing, client vs server components, and apis. went over the creation of a projects page for the personal portfolio website that utilizes next.js components.
covered some handy tips and tricks for translating a figma design into code, like groupings to divs, grabbing hex values, and exporting images/objects as svgs. also went over contact page creation for the personal portfolio website project.