Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Cross-platform Desktop App Development for Windows Mac Linux

Adria Jimenez, Software Engineer, Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
64 Videos (6h 51m)
    • Introduction and welcome to the course

      2:19
    • The reasons behind the technology that we will use

      2:57
    • The foundation: Installing Node on MacOS

      5:16
    • The foundation: Installing Node on Windows

      4:41
    • The text editor: Installing Atom on MacOS

      2:50
    • The text editor: Installing Atom on Windows

      1:41
    • Properly configuring Atom for cross-platform development

      6:09
    • The required component: Installing Electron

      2:09
    • Installing GIT Windows

      4:31
    • How to use the resources

      1:38
    • Creating a Hello World simple application - The basics

      18:35
    • Improving the Hello World Application

      12:03
    • Saving the application as a template

      2:04
    • Main process app responsible

      1:42
    • Renderer process working with your views

      2:03
    • How to add code to the main process

      3:03
    • How to add code to the renderer process

      3:27
    • Communication between processes

      19:00
    • How to speed up development process

      9:11
    • Seeing code changes live

      5:28
    • Live reloading without forge

      6:56
    • What is possible to do and what we will do

      1:57
    • Using custom fonts in your application

      6:14
    • Adding jQuery for fast DOM manipulation

      4:35
    • Adding underscore

      3:13
    • Resetting your styles to start from a clean state

      2:58
    • Basics first: Things to consider when designing a cross-platform desktop app

      1:44
    • The design of the Workout application we will build together

      4:20
    • Directory structure proper setup

      8:24
    • Creating the initial layout and style

      16:55
    • App menu layout, structure and style

      8:42
    • How to properly force an input type of value

      15:14
    • Adding buttons to the app menu which will change dynamically

      5:14
    • Creating the main application window

      13:24
    • Adding information for the user

      4:43
    • Validating user input

      13:11
    • Adding functionality to application buttons

      2:56
    • Timer initialization: TimerController

      11:26
    • Preparing the workout timer

      16:26
    • Updating the time properly

      13:40
    • Working with the app functionality: Prepare, Work and Rest

      17:17
    • Challenge: Building the global timer

      6:17
    • Playing audio, sounds or music

      10:57
    • Cross-platform desktop notifications

      4:19
    • Desktop application keyboard shortcuts

      5:29
    • App background and preventing the computer to sleep

      5:36
    • Custom cross-platform application menu

      11:12
    • Challenge: Saving application state

      9:16
    • How to properly debug local storage

      1:34
    • Advanced developer extensions

      3:46
    • Debugging the renderer process

      1:31
    • Cross-platform desktop applications accessibility

      3:03
    • Changing the name of your application

      1:43
    • Distribute to supported platforms

      4:01
    • Building and packaging your application in MacOS

      4:05
    • Building and packaging your application in Windows

      4:12
    • Building and packaging your application in Linux

      3:50
    • Final touches: the application icon

      5:17
    • Protecting your application code

      4:46
    • Signing your applications for Mac distribution

      1:14
    • Preparing your app for the Mac App Store

      7:26
    • Signing your applications for Windows distribution

      5:37
    • Preparing your app for the Microsoft Windows Store

      13:26
    • Congratulations, thank you and next steps

      2:32