Chapter 19: CSS Flexbox Alignment and JavaScript Function Declaration

A Complete Frontend Developer Textbook for Beginners (2023 Edition)

This is the textbook version of Lesson 19 of 100 from the Udemy video course: A Complete Frontend Developer Course for Beginners

← Chapter 18: CSS Web Fonts and Colors

← Table of Contents

Overview

This lesson covers the following HTML tags, CSS properties, and JavaScript topics for the first time:

HTML

1. ul
2. menu
3. li

CSS

1. list-style-type
2. justify-content
3. align-items

JS

1. onclick handler
2. function declaration

This lesson begins with a fresh Codepen. Open a new one and code along with me to increase retention!

Lecture

Having gone through Unit 1 and Unit 2, we are ready to try and build a music editor similar to Flat’s: