Oli Treadwell (he/him) olitreadwell

Please do the following before our lesson to save us time and you money:

commit & push your latest code you've written to GitHub and send me the GitHub repo. Let me know if you're not sure how to do this. Here is a guide to do so

https://github.com/git-guides

send me all of the project/assignment details if you have a project/assignment. Including the due date.
send me some information about what you've been learning, or what you want to work on together.

Monday Lecture: HTML/CSS Review

Objective: At the end of this lesson, students will be able to:

Build websites without Repl.It
Use the VS Code Live Preview Extension
Open Website projects in the browser with Live Preview
Use Chrome DevTools
Understand the Chrome Dev Tools Element Tab

Remove `node_modules` from a Git Repo Project

The node_modules folder in a Node.js project contains a lot of files and directories that can be easily generated from the project's package.json file. Therefore, it's a good idea to exclude this folder from version control using a .gitignore file. Here are the steps to delete the node_modules folder, add it to .gitignore, commit the changes, push them to the remote repository, and then reinstall the dependencies using npm:

Delete the node_modules folder:

rm -rf node_modules

Create a .gitignore file in the root of your project if it doesn't exist already:

INSERT GRAPHIC HERE (include hyperlink in image)

Repository Title Goes Here

Subtitle or Short Description Goes Here

Barbara Liskov

Presentation

Link to Presentation

Overview

born November 7, 1939
born Barbara Jane Huberman
American Computer scientist
Professor at MIT

	#!/bin/zsh
	git reset
	mkdir -p ~/code/tmp/delete-me/
	secondsInterval=20
	branchName=`date +"%Y%m%d%H%M%S%Z"`
	commitDateTime=`date +"%Y-%m-%d %T%Z"`

	(git ls-files --modified --others --exclude-standard \| grep . > /dev/null) && git add . && git stash

	git checkout main && git pull

	.flexbox-centering {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	}

	/* Smartphones (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	/* Styles */
	}

	/* Smartphones (landscape) ----------- */
	@media only screen and (min-width: 321px) {
	/* Styles */
	}

	/*
	=======================================================================================
	Using negative margins equal to half of that width and height,
	after you've absolutely positioned it at 50% / 50% will center
	it with great cross browser support.
	======================================================================================
	*/

	.parent {
	position: relative;

	class CName extends Component {
	constructor() {
	this.state = {
	firstname: "",
	};
	}

	handleInputChange = (e) => {
	this.setState({
	firstname: e.target.value,