Back to the Learning!

Laracasts is packed full with over 1,000 lessons just like this one.
Sign up to get full access or log in to your account and sit back.

Watch everything for $15/mo Log In

Whatcha Working On

Subscribe to Series

A Countdown Vue Component

Episode 25 Run Time 15:33

Today, I need to whip up a countdown timer for an upcoming sale. While we could pull in a dedicated plugin for this functionality, it's fairly simple to implement on our own with Vue. Come along, as I knock it out in this episode.

View the source code for this episode on GitHub.

Tags vue timer

Publish Date: November 21, 2017

Previous Next

Looking for the archived Disqus comments?

01

Episode 1 Run Time 24:48

Laravel Test Helpers for Selenium
02

Episode 2 Run Time 21:10

Elixir Refactoring
03

Episode 3 Run Time 8:06

Adding Featured Content
04

Episode 4 Run Time 14:43

Turbolinks with Laravel
05

Episode 5 Run Time 20:18

Elixir Webpack Plugins
06

Episode 6 Run Time 19:26

How to Animate an Object Along a Circle With CSS
07

Episode 7 Run Time 12:05

Working With the Simplecast API
08

Episode 8 Run Time 9:20

A Webpack-Only Elixir
09

Episode 9 Run Time 18:29

Dynamic Asset Paths Using TDD
10

Episode 10 Run Time 35:48

How I Personally Learn: Dusk Edition
11

Episode 11 Run Time 9:26

Testing Implementation Details
12

Episode 12 Run Time 13:21

An Ad Component
13

Episode 13 Run Time 21:46

Coupon Generation With TDD
14

Episode 14 Run Time 11:14

Make Sure the Dang Thing Works
15

Episode 15 Run Time 8:20

Vue and Turbolinks Sitting in a Tree
16

Episode 16 Run Time 14:12

Incredibly Fast Instant Search With Algolia and Vue
17

Episode 17 Run Time 13:31

High-Level Overview of the Laracasts Search Integration
18

Episode 18 Run Time 9:38

Please Come Back
19

Episode 19 Run Time 22:18

Refactoring in the Real World
20

Episode 20 Run Time 18:14

Refactoring in the Real World: Part 2
21

Episode 21 Run Time 21:03

Learn Vuex With Me: Part 1
22

Episode 22 Run Time 10:33

Learn Vuex With Me: Part 2
23

Episode 23 Run Time 19:59

Learn Vuex With Me: Part 3
24

Episode 24 Run Time 11:55

Filling In Missing Tests
Episode 25 Run Time 15:33

A Countdown Vue Component
26

Episode 26 Run Time 19:01

Vue Modals, Spinners, and Tailwind
27

Episode 27 Run Time 16:48

Refactoring to Mix Plugins
28

Episode 28 Run Time 16:06

Feature Testing Real JavaScript
29

Episode 29 Run Time 19:29

Custom 404 Pages and the Borg
30

Episode 30 Run Time 22:03

Improved Refactoring and Responsibilities
31

Episode 31 Run Time 25:17

Focus on Small Refactors
32

Episode 32 Run Time 11:58

Vue Convenience Components
33

Episode 33 Run Time 24:31

Mentionable Usernames with TDD
34

Episode 34 Run Time 8:49

Publishing Beta Releases to NPM
35

Episode 35 Run Time 26:39

Commentable Workshop
36

Episode 36 Run Time 17:03

Frontend Authorization Brainstorming
37

Episode 37 Run Time 7:17

The Smallest Feature We Can Implement in Seven Minutes
38

Episode 38 Run Time 16:09

How to Dynamically Inline SVG Files in Vue Components

Back to the Learning!

Whatcha Working On

A Countdown Vue Component

Laravel Test Helpers for Selenium

Elixir Refactoring

Adding Featured Content

Turbolinks with Laravel

Elixir Webpack Plugins

How to Animate an Object Along a Circle With CSS

Working With the Simplecast API

A Webpack-Only Elixir

Dynamic Asset Paths Using TDD

How I Personally Learn: Dusk Edition

Testing Implementation Details

An Ad Component

Coupon Generation With TDD

Make Sure the Dang Thing Works

Vue and Turbolinks Sitting in a Tree

Incredibly Fast Instant Search With Algolia and Vue

High-Level Overview of the Laracasts Search Integration

Please Come Back

Refactoring in the Real World

Refactoring in the Real World: Part 2

Learn Vuex With Me: Part 1

Learn Vuex With Me: Part 2

Learn Vuex With Me: Part 3

Filling In Missing Tests

A Countdown Vue Component

Vue Modals, Spinners, and Tailwind

Refactoring to Mix Plugins

Feature Testing Real JavaScript

Custom 404 Pages and the Borg

Improved Refactoring and Responsibilities

Focus on Small Refactors

Vue Convenience Components

Mentionable Usernames with TDD

Publishing Beta Releases to NPM

Commentable Workshop

Frontend Authorization Brainstorming

The Smallest Feature We Can Implement in Seven Minutes

How to Dynamically Inline SVG Files in Vue Components

Want us to email you occasionally with Laracasts news?