Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Create a Calculator with HTML, CSS, and Vanilla JavaScript - The HTML & CSS

Kevin Powell via YouTube

Overview

Join a live stream featuring JavaScript expert Zell Liew and CSS specialist Kevin Powell as they collaborate to build a calculator using HTML, CSS, and vanilla JavaScript. Focus on the HTML and CSS aspects of the project, covering topics such as grid layout, accessibility, VS Code tips, button styling, and hover states. Learn valuable front-end development techniques, explore the GitHub repository for the project, and connect with a community of like-minded learners through various social media platforms and Discord.

Syllabus

Introduction
CSS
DisplayGrid
Auto Columns
Grid Template
Accessibility Concerns
VS Code Power User
Grid Template Area
Grid Equal
Hover Focus
Grey
Operators
Button Border Radius
Button Border
Hover State
Active State
Black Box
Focus
Subgrid
Wrap Up
CSS Demystified
Outro

Taught by

Kevin Powell

Reviews

Start your review of Create a Calculator with HTML, CSS, and Vanilla JavaScript - The HTML & CSS

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.