Bummer! This is just a preview. You need to be signed in with a Pro account to view the entire video.
Start a free Basic trial
to watch this video
Learn what Electron is and the benefits of using Electron over traditional desktop app development. Also, who is using Electron?
Examples of companies using Electron:
- Github https://atom.io
- Slack https://slack.com
- Microsoft https://code.visualstudio.com
- Brave https://brave.com
- Wordpress.com https://apps.wordpress.com/desktop/
- Basecamp https://basecamp.com
-
0:00
[MUSIC]
-
0:05
Hello world, Andrey here, lifelong learned developer and teacher here at tree house.
-
0:10
Welcome to this workshop on electron.
-
0:12
First off, what is Electron?
-
0:14
Electron is a way to build desktop applications on Windows, Mac OS and
-
0:19
Linux with HTML, CSS and JavaScript, Electron is known as a framework because
-
0:26
it comes bundled with a number of tools that help you build your application.
-
0:31
It has the latest version of the open source branch of Google Chrome called
-
0:36
Chromium this means you have access to dome APIs for your UI.
-
0:40
It also has the latest version of Node.js, so
-
0:43
you can use acme script 2015 syntax without transpiring.
-
0:49
Electron has a Node.js one time bundled with it.
-
0:52
You can use all the file and network higher modules built into node,
-
0:56
or even use third party npm modules that you know and love.
-
1:01
Finally, there are a few specific JavaScript APIs that electron has built in
-
1:05
for gluing your application together and
-
1:08
creating native UI components like tray icons, notifications and dialogs.
-
1:14
There are a number of benefits for using electron.
-
1:17
You only need one thing, not three working on a single code base.
-
1:22
If you can build a website, you can build a desktop app.
-
1:26
You don't need to know C++, C#, Swift or Objective C.
-
1:31
You're only developing for one version of chromium.
-
1:34
You know how painful is developing for multiple browsers.
-
1:37
Well, the same goes for different operating systems but it's even worse.
-
1:42
There's no standard for native UIs.
-
1:45
Having one browser allows you to focus on your application and not battle between
-
1:50
the differences in implementations the user interfaces on different platforms.
-
1:56
One you may not need to know any native code operating system specific
-
2:00
native components like menus, tray icons, notifications, and
-
2:05
dialogs can be triggered via an electron API, let's take a look
-
2:10
at some companies who use electron and the types of applications they're building.
-
2:16
GitHub, the company behind electron use it in their cross platform code editor,
-
2:20
Atom If you use the chat service slack on the desktop that's an electron app too.
-
2:27
Microsoft uses electron to create their cross platform text editor
-
2:31
Visual Studio code.
-
2:33
It has the IntelliSense you'd expect from a Microsoft IDE.
-
2:37
The web browser Brave from JavaScript inventor Brendan Eich is
-
2:42
an electron application.
-
2:43
WordPress.com, allows users to install desktop publications
-
2:48
to manage their blogs hosted on the service.
-
2:52
Project management platform base camp uses electron for that desktop applications
-
2:57
In the next video we're going to create an electron application ourselves.
You need to sign up for Treehouse in order to download course files.
Sign up