Practical Math for Frontend Developers Tutorial

Learn practical math skills essential for frontend development in this one-hour tutorial. Gain proficiency in mathematical concepts through three hands-on projects: a shopping cart, a weekly scheduling app, and a monthly expense sheet. Master techniques like calculating totals, applying tax rates, manipulating dates, and implementing CSS shapes. Enhance your development efficiency with interactive coding challenges and expert guidance from Ryan Gonyon, an experienced web developer and math tutor. Discover how to leverage JavaScript's Date object, utilize the reduce function, and employ CSS calc() for improved layouts. Perfect for developers seeking to strengthen their mathematical foundation without delving into complex calculations.

Syllabus

- Practical Math For Front-End Developers
- App Layout and CSS calc Introduction
- Your roll Function
- Shopping Cart - Generate Data / Build Layout
- Shopping Cart - Calculate Total / Apply Tax Rate
- Shopping Cart Bonus Challenge - Weights
- An Intro to JavaScript's Date Object
- Weekly Schedule - Using Date to Build Week / Generating Tasks
- Weekly Schedule - Build Layout / Display Data
- A Brief Exploration of CSS Shapes
- Monthly Expense Sheet - Generate and Display Month
- Monthly Expense Sheet - Generate, Display, and Track Expenses
- That's all Folks