Week 2: Intro to HTML and CSS

Learn the basics of HTML & CSS including different techniques and methods. Refer to the following videos and links for more information!

Assignment Brief

Deadline: 10.18.2024

For your assignment you will need to practice HTML and CSS. Access your personal page and create a profile. Introduce yourself by briefly telling us about you. Practice correct HTML semantics. Then create a “Skills” section. Create a list of your skills. Once you complete the HTML, starting designing your CSS. Make sure to use the techniques taught in the workshop.

flexbox

html

media queries

Weekly Timeline

Review our recommended weekly timeline to stay on track with the resources and materials.

Sun

Mon

Tues

Wed

Thur

Fri

Sat

Front-End Video

Workshop Slide Deck

Figma

Something Else

Materials

Refer to these workshop materials for this week's topics. These links will also be a great resource to come back to during the development of the client project!

Workshop Slides

Workshop Recording

Lessons

Here are a some helpful demos for important concepts from this week.

Flexbox

Position

Try It Out!

import './styles.css';

export default function App() {
	return (
		<div className="mainContainer">
			<h1>Hello, cohort members!</h1>
			<p>Try editing the styles!</p>
		</div>
	);
}

Open Sandbox

Additional Resources

Figma

Website

CSS Selector Game

Website

Installing Git

Website

CSS Cheat Sheet

Website

HTML Semantics

Website

HTML File Setup

Website