Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
LEARNING PATH: Electron: App Development with Electron
Rating: 4.0 out of 5(21 ratings)
302 students
Created byPackt Publishing
Last updated 1/2018
English

What you'll learn

  • Find out which desktop applications Electron makes sense
  • Accelerate your application development using Electron
  • Create high quality desktop experiences using web technologies
  • Get an Understanding about how Electron works
  • Prepare your Electron application for application store submissions
  • Code-sign your Electron application to ensure integrity
  • Automate your deployments using continuous integration services
  • Configure Travis CI and Appveyor CI to automatically build and deploy Electron applications

Course content

2 sections • 55 lectures • 5h 44m total length

  • The Course Overview5:33

    This video provides an overview of the entire course.

  • What is Electron?7:14

    This video explains what Electron is and how it works at high level point.

  • Why Would You Like to Develop an Electron Application?6:03

    This video explains where the Electron framework is a better fit. It also explains where the native desktop application, or a traditional web app makes more sense.

  • How Electron Development Differs from Traditional SPAs5:59

    Despite both being based on web technologies, Electron development is not the same as traditional frontend development. In this video, we are going to see the difference between two web technologies.

  • Electron Hello World7:59
    In this video, we will learn how to build our first Electron application.
  • Electron BrowserWindow7:01
    In this video, Electron developers will get to know the ins and outs of the browser window class.
  • Children Windows7:06

    Some applications consist of more than one browser window. In this video, we will learn to manage those scenarios.

  • Electron Dialogs9:32
    In this video, we will learn to use Electron dialogs, which is a major feature of the Electron framework.
  • Electron Menus7:09

    In this video, we will learn to use Electron application and context menus

  • Electron Tray2:33

    In this video, we will create tray entries using Electron.

  • Electron Notifications1:32

    In this video, we will make use of native desktop notifications using Electron

  • Window Progress Bars1:24

    In this video, we will make use of Electron window progress bars

  • Desktop Specific Styles8:01

    In this video, you will be able to transfer your frontend CSS knowledge to the paradigm of desktop web applications

  • File Protocols5:10
    This video explains what file protocols are and how we can register custom ones
  • Clipboard6:39
    In this video, youwill learn to make use of the clipboard Electron module
  • Shell3:57
    This video explains the various desktop-integration Electron shell functions
  • Elevation6:05

    This video explains how to execute privileged processed using Electron.

  • Keyboard Shortcuts3:45
    This video explains how to register keyboard shortcuts on Electron
  • Storing Settings and Misc Files4:09

    This video explains how and where to store internal application files, such assettings

  • Unit Testing with Electron-Mocha7:39

    In this video, weneed to unit test Electron applications.

  • Integration Testing with Spectron5:34

    This video explains how to write integration tests for Electron applications.

  • Set Up a Cross Platform Manual Testing Environment5:32

    In this video, you will learn to easily perform manual testing on all the major platforms

  • Electron Crash Reporter5:00

    This video explains how to make use of the Electron crash reporter module

  • Introduction to Electron DevTools5:50
    This video explains how to effectively make use of Electron's DevTools
  • The Electron Architecture5:36

    In this video, youwill learn about the Electron architecture and how it works

  • The Electron IPC4:39

    In this video, youwill learn the Electron IPC capabilities in more depth

  • Electron vs NW.js4:20

    In this video, we will understand which framework is better, Electron or NW.js,and which one should be chosen

  • How to Build Electron5:14
    In this video,you will learn to build Electron from source and use it on applications.
  • Test your Knowledge

Requirements

  • Prior knowledge of building static web pages using HTML and CSS is needed.

Description

Electron is a popular open source framework that allows you to build desktop applications using the skills you already possess as a front-end developer. So, if you are a web developer who wants to build modern apps with Electron, then go for this Learning Path.

Packt’s Video Learning Paths are a series of individual video products put together in a logical and stepwise manner such that each video builds on the skills learned in the video before it. The highlights of this Learning Path are:

  • Build your Electron application and debug it
  • Create high quality desktop experiences using web technologies
  • Automate your deployments using continuous integration services

Let’s take a quick look at your learning journey. You will start with the introduction of Electron. You will then dive into all you need to know to start writing your first Electron application, where you will learn the main APIs provided by the platform and how to apply them to real-world scenarios. You will then know how to test and debug Electron applications, and will conclude with an in-depth knowledge of how Electron works, and how its architectured, so you have all the necessary knowledge to tackle even the most challenging problems. Next, you will go through detailed explanation on how to properly package, sign, and distribute Electron applications. You will also cover every single major operating system in detail by using tools that automate the whole process. Finally, you will address how to set up an auto-updating infrastructure, and discuss various tips & tricks related to packaging and distribution.

By the end of this Learning Path, you will be well versed with building and distributing applications using the Electron framework.

Meet Your Expert:

We have the best works of the following esteemed author to ensure that your learning journey is smooth: Juan Cruz Viotti is a software engineering team lead at resin .io. He is an active member of the open source community, and is the maintainer of several open source projects, most notably Etcher, a cross-platform image writer desktop application focused on IoT.  Juan approaches software engineering with a focus on testability, and maintainability, and has extensive experience with web technologies on browser, server, mobile, desktop, and embedded applications.

Who this course is for:

  • This Learning Path is targeted at emerging web developers who have experience of building static web pages using HTML and CSS.

Report abuse