🖌️
HTML/CSS - MERN 2021
  • Overview
  • Class Notes
    • Week 1 - Apr 17, 21st
    • Week 2 - Apr 24, 28th
    • Week 3 - May 1st, 5th
    • Week 4 - May 8th, May 12th
  • Intro
    • Welcome to MERN Full Stack
  • How The Web Works
    • DNS, TCP/IP, HTTP, HTML
    • Evolution of the Web Page
    • How a Web Page Gets Loaded
    • Chrome Dev Tools
  • Getting Started
    • IDE - Visual Studio Code
    • Version Control - Git/GitHub
  • Building An Article
    • Organizing Projects
    • Boilerplate HTML
    • Important HTML Rules
    • Common HTML Elements
    • Article HTML
    • Container Elements
    • Article Layout
    • Introduction to CSS
    • Article CSS
    • First Article - Chrome Dev Tools
  • Building a News site
    • Article Grid
    • Showcase Article
    • Navigation Bar
    • Footer
  • Important CSS Concepts
    • Colors
    • Typography
    • Block-level vs. Inline Elements
    • Box-Model
    • Emphasizing Text
    • Centering Elements on the Page
    • Border-radius
    • Box-shadow
    • Background Images
    • Grid vs Flexbox
    • Flexbox
    • Grid
    • Units
  • OTHER
    • Forms
  • Exercises
  • Chrome Development Tools Intro
  • html-tags
  • HTML Cheatsheet
  • super-hero CSS
  • FE Masters - 3 Column Preview
  • CSS Box Model
  • CSS Display Property
  • Orange & Black
  • Four Square
  • Chrome Developer Tools - CSS
  • Centering Page Content
  • Basic HTML/CSS
  • Grids/Flex
  • DOM API
  • COPYING A MODEL
    • Basic Article With Image Float
    • Student Profile Page
    • Profile Card
    • Front-end Mentor Challenges
    • Collectionui.com
    • HTML & CSS - Jon Duckett
    • Others
  • RESOURCES
    • CSS Cheatsheets
    • Browser Support for HTML/CSS
    • Normalize CSS
    • Other Resources
Powered by GitBook
On this page
  • Saturday April 24th
  • Homework
  • Wednesday April 28th
  • Homework
  • Resources

Was this helpful?

  1. Class Notes

Week 2 - Apr 24, 28th

PreviousWeek 1 - Apr 17, 21stNextWeek 3 - May 1st, 5th

Last updated 3 years ago

Was this helpful?

Saturday April 24th

Enrollment Forms

Review

Get assignment submitted

Start exercise

Work on

Homework

Finish html-tags exercise, submit CodePen url as assignment

Finish First Article semantic layout in prep for styling next class

Watch scrimba Intro to CSS video lesson in prep for styling next class.

Wednesday April 28th

Visual Studio Code Ayu Theme

If anyone is interested in the theme that I was using today, you can go to this site to install.

Class Topics

Intro to CSS

Super-hero CSS

Front-end Mentors 3 Column Preview

Class Recording

Homework

Finish super-hero-css exercise.

You don't need to turn this assignment in, but you should work through this one first, before proceeding on to the Front-end Mentors challenge.

Finish Front-end Mentors 3 Column Preview

Turn this assignment in by creating a git repository on your local computer and pushing it to GitHub and netifly. See directions in exercise.

Resources

These are links to topic pages in the Important CSS Concepts Section.

html-tags
Article Layout
super-hero CSS
FE Masters - 3 Column Preview
Colors
Typography
Box-Model
Border-radius
Block-level vs. Inline Elements
Git/GitHub
First Article
html-tags
Article Layout
LogoCSS course: an intro tutorial on CSS | ScrimbaScrimba
https://marketplace.visualstudio.com/items?itemName=teabyii.ayumarketplace.visualstudio.com