Stopwatch Timer Tutorial using Svelte and TailwindCSS

Channel:
United States Web Dev Cody
Subscribers:
254,000
Published on ● Video Link: https://www.youtube.com/watch?v=fq6pVp4lTCg


Category:
Tutorial
Duration: 24:58
2,068 views
81

Svelte is an enjoyable framework to use for building out your front-end application. This tutorial pairs Svelte with TailwindCSS to create a stopwatch timer using a glassmorphic design, kind of

00:00 Introduction
00:40 Building the Glass Panel and BG
02:35 Adding the Title and Buttons
07:30 Conditionally showing the buttons
10:37 Start Button Logic
13:35 Reset Button Logic
15:28 Pause Button Logic
16:45 Resume Button Logic
19:07 Formatting the Elapsed Time

------------

🔔 Newsletter http://eepurl.com/hnderP

🤓 ES6 Udemy Course https://tinyurl.com/yxdvf2zl

🐦 Twitter https://twitter.com/CodyLSeibert

💬 Discord https://discord.gg/4kGbBaa

📁. GitHub https://github.com/codyseibert/youtube



Other Videos By Web Dev Cody


2021-02-03CSS Battle - #16 Eye of the Tiger
2021-02-02Check out this awesome 3d ring I made 6 years ago
2021-01-31CSS Battle - #61 ImprovMX
2021-01-30CSS Battle - #19 Cube
2021-01-29CSS Battle - #5 Acid Rain
2021-01-28CSS Battle - #34 Christmas Tree
2021-01-27Trying to Learn Neumorphism Design - Building a Login Form
2021-01-25CSS Battle - #48 Wash Your Hands
2021-01-23CSS Battle - #47 Corona Virus
2021-01-22Drag and Drop inside the Vue Tree Browser
2021-01-21Stopwatch Timer Tutorial using Svelte and TailwindCSS
2021-01-18Building a Pricing Page using TailwindCSS Tutorial
2021-01-17Building a Pricing Page using TailwindCSS (timelapse)
2021-01-15I tried using TailwindCSS for the first time and it is...
2021-01-10CSS Battle #44 Stripes
2021-01-06CSS Battle #62 Sunset
2021-01-04How to Upload to a Private S3 Bucket from the Browser
2021-01-03Trying out Contentful, a Headless CMS
2021-01-02CSS Battle #11 - Target #54 Black Lives Matter
2020-12-31Absolute vs Relative Positioning CSS Tutorial
2020-12-30CSS Battle #12 - Target #66 🦇 Batmicky


Tags:
web development
programming
coding
code
learn to code
tutorial
software engineering
javascript
svelte
tailwind
tailwindcss
stop watch timer
stop watch in code
coding a stop watch
coding a stop watch timer
coding in svelte
svelte tutorial
tailwindcss tutorial
programming tutorial
javascript tutorial