AngularNYC | AngularNYC - Creating Video Hub App with Angular and Electron - Boris Yakubchik (@whyboris) @Angularnyc | Uploaded March 2018 | Updated October 2024, 10 minutes ago.
With Electron you can write your code once and nearly effortlessly build three, identically-performing, native apps: Mac, Windows, and Linux. Learn what Electron is capable of, see how the Video Hub App (http://videohubapp.com) was built, and avoid some pitfalls of interacting with and building for the OS. We'll explore the power of Angular pipes: chaining and reusing them to offer users advanced search functionality. And we'll find out how just a few lines of reusable Angular animations code will make your app feel smooth.
CONTENTS
0:06 - Intro
0:22 - Agenda
0:39 - You can do it!
1:40 - Demo
3:03 - Electron
3:49 - angular-electron
6:03 - electron-builder
7:19 - Dev console
7:49 - Miscellaneous notes
9:41 - Angular Pipes
11:32 - Anatomy of a pipe
12:21 - How pure are your pipes?
15:28 - Angular Animations
15:35 - Appear and Disappear animation
17:42 - Animations demo
18:24 - Online demo
19:04 - Credits
RESOURCES
Online demo
dev.yboris.com/vh
Slides
slideshare.net/yboris/creating-video-hub-app-with-angular-electron-88441515
angular-electron
github.com/maximegris/angular-electron
electron-builder
github.com/electron-userland/electron-builder
node-fluent-ffmpeg
github.com/fluent-ffmpeg/node-fluent-ffmpeg
node-ffmpeg-installer
github.com/kribblo/node-ffmpeg-installer
node-ffprobe-installer
github.com/SavageCore/node-ffprobe-installer
angualar2-virtual-scroll
github.com/rintoj/angular2-virtual-scroll
With Electron you can write your code once and nearly effortlessly build three, identically-performing, native apps: Mac, Windows, and Linux. Learn what Electron is capable of, see how the Video Hub App (http://videohubapp.com) was built, and avoid some pitfalls of interacting with and building for the OS. We'll explore the power of Angular pipes: chaining and reusing them to offer users advanced search functionality. And we'll find out how just a few lines of reusable Angular animations code will make your app feel smooth.
CONTENTS
0:06 - Intro
0:22 - Agenda
0:39 - You can do it!
1:40 - Demo
3:03 - Electron
3:49 - angular-electron
6:03 - electron-builder
7:19 - Dev console
7:49 - Miscellaneous notes
9:41 - Angular Pipes
11:32 - Anatomy of a pipe
12:21 - How pure are your pipes?
15:28 - Angular Animations
15:35 - Appear and Disappear animation
17:42 - Animations demo
18:24 - Online demo
19:04 - Credits
RESOURCES
Online demo
dev.yboris.com/vh
Slides
slideshare.net/yboris/creating-video-hub-app-with-angular-electron-88441515
angular-electron
github.com/maximegris/angular-electron
electron-builder
github.com/electron-userland/electron-builder
node-fluent-ffmpeg
github.com/fluent-ffmpeg/node-fluent-ffmpeg
node-ffmpeg-installer
github.com/kribblo/node-ffmpeg-installer
node-ffprobe-installer
github.com/SavageCore/node-ffprobe-installer
angualar2-virtual-scroll
github.com/rintoj/angular2-virtual-scroll