Play all
Play all

Heartbeat

Let's build a desktop app using web technologies.
1

Playlist Intro

2

00 - Intro to Heartbeat

3

00_1 - NW.js

4

00_2 - Vue / Vuetify

5

01 - Vue CLI

6

01_1 - nvm & avn

7

02 - Walkthrough Vuetify Project

8

03 - Starting Layout

9

04 - Starting Custom Components

10

05 - Remote Component

11

06 - Implementing the footer

12

07 - Vue Router

13

08 - Remote Form Component

14

09 - Progress bar

15

10 - Vuex

16

10_1 - Store - getters

17

10_2 - Store - Save remotes

18

10_3 - Store - Remove Remote

19

10_4 - Store - Finish Saving

20

10_5 - Store - Commit changes

21

10-6 - Store - Edit Remotes

22

10_7 - Store - Edit Remotes Part 2

23

11 Adding transitions

24

12 - Filters

25

13 - Bugfix saving

26

14 - Bugfix - Commit changes

27

15 - nwjs-builder-phoenix

28

16 - nw - Running the Built App

29

17 - nw - Running the Dev env

30

18 - nw - vue-devtools

31

19 - nw - Concurrent tasks

32

20 - nw - Window configs

33

21 - nw - Custom Close Button

34

22 - ping-monitor

35

22 - ping-monitor - Mixin

36

22 - ping-monitor - destroyed hook

37

22 - ping-monitor - icons

38

22 - Refactor - dynamic icons

39

22 - ping-monitor - commit changes

40

22 - ping-monitor - v-switch

41

23 - keep-alive

42

24 - nedb - intro

43

24 - nedb - initial setup

44

24 - nedb - persisting remotes

45

24 - nedb - remove

46

24 - nedb - wiring to vuex

47

24 - Bugfixes - editing remotes

48

24 - nedb - IndexedDB

49

24 - nedb - External File

50

24 - nedb - remove remote

51

24 - nedb - Commit Changes

52

25 - notifications

53

25 - notifications - node-notifier

54

25 - notifications - freesound.org

55

25 - notifications - adding audio

56

26_1 - Bugfix - relative URI issue

57

26_2 - Improvement - Reset monitor

58

26_3 - Bugfix - Down event

59

26_4 - Deduping notifications

60

27 - Watcher

61

28 - Notifications recap and git commit

62

29 - node upgrade

63

30 - npm audit

64

30 - npm audit continued

65

31 - Settings Dialog

66

31 - Settings Dialog - controls

67

31 - Settings Dialog - toggle (part 1)

68

31 - Settings Dialog - toggle (part 2) and finishing controls

69

31 - Settings Dialog - fs promises

70

31 - Settings Dialog - storeSettings action

71

31 - Settings Dialog - loadSettings action

72

31 - Settings Dialog - connecting the store

73

31 - settings dialog - writing and reading file

74

31 Settings Dialog - Bugfix changes explained

75

31 - Settings Dialog - Bugfix demo

76

31 - Settings - Prevent Notifications and Sounds

77

31 - Upgrading ping-monitor

78

Icon - create a PNG

79

31 - Settings - review and commit

80

32 - Icons for Mac OSX

81

33 - Build the app

82

33 - Run the built nw app

83

33 Automating Builds with npm tasks

84

33 Commiting changes

85

34 Tray icon - dev env

86

34 Tray icon - built app

87

35 npx

88

36 fixes and updates

89

37 MacOS installer