HOME > Development > Master Electron Framework And Build 5 Advanced Desktop Apps

Master Electron Framework And Build 5 Advanced Desktop Apps

  • Development
  • Dec 15, 2024
SynopsisMaster Electron Framework And Build 5 Advanced Desktop Apps,...
Master Electron Framework And Build 5 Advanced Desktop Apps  No.1

Master Electron Framework And Build 5 Advanced Desktop Apps, available at $54.99, has an average rating of 4.4, with 89 lectures, based on 128 reviews, and has 1142 subscribers.

You will learn about How to easily build native desktop applications with HTML, CSS and Javascript (JS) Build cross platform desktop applications from scratch How to package and distribute electron desktop applications for macOS, windows and linux How to give your desktop applications a native feel across all operating systems How to build stunning desktop app Interface with Photon Kit How to use the electron documentation when building desktops apps How to go about adding any extra feature you want to a desktop application using Electron How the electron framework works This course is ideal for individuals who are Beginner web developers who want to learn how to build desktop apps for all operating systems with HTML, CSS and Javascript or Advanced web developers who want to apply their existing knowledge to build native cross platform desktop apps or Programmers who want to learn how to build native desktops with web technologies or Anyone looking to build native desktop applications the easiest way possible It is particularly useful for Beginner web developers who want to learn how to build desktop apps for all operating systems with HTML, CSS and Javascript or Advanced web developers who want to apply their existing knowledge to build native cross platform desktop apps or Programmers who want to learn how to build native desktops with web technologies or Anyone looking to build native desktop applications the easiest way possible.

Enroll now: Master Electron Framework And Build 5 Advanced Desktop Apps

Summary

Title: Master Electron Framework And Build 5 Advanced Desktop Apps

Price: $54.99

Average Rating: 4.4

Number of Lectures: 89

Number of Published Lectures: 89

Number of Curriculum Items: 89

Number of Published Curriculum Objects: 89

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

  • How to easily build native desktop applications with HTML, CSS and Javascript (JS)
  • Build cross platform desktop applications from scratch
  • How to package and distribute electron desktop applications for macOS, windows and linux
  • How to give your desktop applications a native feel across all operating systems
  • How to build stunning desktop app Interface with Photon Kit
  • How to use the electron documentation when building desktops apps
  • How to go about adding any extra feature you want to a desktop application using Electron
  • How the electron framework works
  • Who Should Attend

  • Beginner web developers who want to learn how to build desktop apps for all operating systems with HTML, CSS and Javascript
  • Advanced web developers who want to apply their existing knowledge to build native cross platform desktop apps
  • Programmers who want to learn how to build native desktops with web technologies
  • Anyone looking to build native desktop applications the easiest way possible
  • Target Audiences

  • Beginner web developers who want to learn how to build desktop apps for all operating systems with HTML, CSS and Javascript
  • Advanced web developers who want to apply their existing knowledge to build native cross platform desktop apps
  • Programmers who want to learn how to build native desktops with web technologies
  • Anyone looking to build native desktop applications the easiest way possible
  • Build stunning and advanced desktop applications that matters – with web technologies you already know or heard of (HTML, CSS and Javascript).

    Desktop applications is a billion dollar business and it’s only going to keep on growing as companies like WhatsApp, Skype, Adobe, Microsoft, GitHub among other top companies are still pushing a lot into desktop application development.

    The only down side is that, there are fewer desktop developers than web developers and that is where you come in. Now is the best time for you to learn desktop application development and put yourself at the forefront of this billion dollar industry.

    Whether you want to get a job as a desktop application developer or build the next billion dollar desktop application that matters. Whether you鈥檙e an advanced web developer or you鈥檙e now starting out.

    Now is your best time to enroll in this electron course and learn everything you need, from setup to building traditional desktop applications, all the way to building system tray applications and even packaging and distributing your desktop apps on all operating systems including windows, macOS and linux.

    What Do You Get For Enrolling In This Course?

    This course is supported on macOS, windows and linux.

    This is the most up-to-date Electron Course created with you in mind and for you. This course has over 80 lessons and 8+ hours of invaluable content and resources, which is everything you’ll need to design, build and package your electron desktop applications for all operating systems including windows, macOS and Linux, whether you鈥檙e an advanced developer or you鈥檙e now starting out.

    I keep this course updated so you will get notifications from me whenever I add new sections.

    Electron is used by top multi-billion dollar companies for desktop applications like Skype, Whatsapp desktop, WordPress for desktop, Slack, Atom editor, Visual Studio Code and other very popular desktop applications and yours can be next.

    What you鈥檒l build in this course

    1. A Fully Fledged Text Editor: We’re going to cover the moving parts of an electron application by building this very first app. We鈥檒l cover concepts like main and renderer process, Inter process communication (IPC), Dialogs among others, which should get you familiar with how electron apps are built.

    2. A Complex Music Player: We will take things a step further by building a complex music player which has playlist, can pause, play next, play previous etc.

    3. A System Tray Music Player: We will then convert our music player from a traditional desktop application to a system tray app. At the end, we should be able to start and stop our music player from the system tray.

    4. A Top Headlines News Reader: We will then have some fun with a news reader application which also has the complexity of multiple categories and article search. We will learn how to launch multiple 鈥減ages鈥?in our app.

    5. A Radio Streaming App: I can now stream my favourite radio stations with this app almost every time I code. We鈥檒l build this radio streaming app from scratch, which you can also use.

      There’s more

    6. Packaging: We will package and distribute the music player app we built in this course for windows, macOS and Linux. After this section, you should know how to package and distribute your application for all operating systems.

    Hear From Students Who Took This Course – (More in reviews section below):

    The course is exactly what it promises to be; a practical demonstration of the core concept of Electron applications and its most relevant capabilities. The sample applications chosen are really on-point and pragmatic.Joan Carballo

    Initially, I thought this was gonna be just one of those courses, but going through this course I realized its one in a million. You are a great teacher.Quaqu Henry

    I was sceptic at first because the instructor’s voice in preview videos was not confident and with a strong accent. But he proved me wrong. After the first “boom” line I was sucked in and I learnt a lot and I’m very thankful. Yes, he made some typos along the course, but I was proud of myself when I realised them before he pointed them out and fixed. The applications you build are great base for further electron experimentation. This course is a career starter – it is a must.Jonas Krotil

    This is by far one of the best electron courses I’ve seen. It was easy to understand underlying concepts. Following the tutorial, I have been able to rebuild the apps without any assistance. Also, Mubarak was almost always available to answer all my questions.Mohammed Zakari

    Very good. It is fast paced without unnecessary filler.Peter Weston

    Best Introductory Course!! I recommend it to people just getting into Electron. Well Explained, and anyone can get the hang of this. Great Instructor! I feel confident in writing my own Apps 馃檪Ro Nin

    We鈥檙e Going To Cover Topics Like:

  • Setting up your PC for building electron apps

  • Packaging and distributing your electron applications for all operating systems

  • Designing stunning and native interface for your desktop apps

  • Creating traditional desktop applications

  • Creating desktop applications that run in the system tray

  • Building applications with multiple 鈥減ages鈥?/p>

  • The history behind electron and what it’s all about

  • Using the electron documentation

  • After Taking This Course You Should Be Able to:

  • Design and Build electron applications that matters.

  • Package and distribute your electron application for windows, linux and macOS

  • Secure an electron desktop application developer position

  • Use the electron documentation for any desktop app feature that isn鈥檛 covered in this course

  • This is a hands-on practical electron course that get’s you up to speed with building cross platform native desktop applications with web technologies you’re already familiar with. Learn everything you need to become a master electron desktop application developer. Enroll now and i’ll see you in the course!!

    Course Curriculum

    Chapter 1: Introduction

    Lecture 1: What You Have to Know About Electron

    Lecture 2: Recommended Resources For Learning HTML, CSS, Javascript (JS)

    Chapter 2: Setup

    Lecture 1: What is Node JS?

    Lecture 2: Installing Node JS on macOS and Linux

    Lecture 3: Installing Node JS on Windows

    Lecture 4: Summary

    Chapter 3: Project 1: Electro Editor

    Lecture 1: Demo of Electro Editor

    Lecture 2: Installing Electron v5 With npm

    Lecture 3: Main.js And Running Electron

    Lecture 4: Adding our Renderer Process

    Lecture 5: Introduction to Photon UI Kit

    Lecture 6: Building Renderer With Photon Kit

    Lecture 7: Building Renderer With Photon Kit (Continuation)

    Lecture 8: Increasing and Decreasing The Font Size

    Lecture 9: Getting The Text Logged

    Lecture 10: All About Inter Process Communication (IPC)

    Lecture 11: Sending Data to The Main Process

    Lecture 12: Node Integration – Watch Out!!!

    Lecture 13: Writing Content to File

    Lecture 14: Adding The Save Dialog

    Lecture 15: Showing The Save Dialog First Time Only

    Lecture 16: Sending Data Back to The Renderer Process

    Lecture 17: Adding a Save Status Alert to Renderer

    Lecture 18: Native Menu in Electron – The Template

    Lecture 19: Making Menu Compatible with macOS

    Lecture 20: Finishing Up Our Menu

    Lecture 21: Adding Menu Keyboard Shortcut

    Lecture 22: Wrap Up With Electro Editor Desktop App

    Chapter 4: Project 2: Music Player

    Lecture 1: Demo of Electron Music Player

    Lecture 2: Init npm And Install Electron v5

    Lecture 3: Setup Main and Renderer Process

    Lecture 4: Building The Renderer

    Lecture 5: Button Click to Choose Songs

    Lecture 6: Get Songs and Intro to mm Package

    Lecture 7: Using The mm Package to Get Data From Songs

    Lecture 8: Displaying All Songs in Our Renderer Process

    Lecture 9: Playing The Song

    Lecture 10: Showing Current Playing Song Title

    Lecture 11: Making Our Play-Pause Button Work

    Lecture 12: The Previous And Next Song Buttons

    Lecture 13: Showing The Current Song Time and Total Duration

    Lecture 14: Lets Clear The Playlist

    Lecture 15: Wrap Up With Music Player

    Lecture 16: NEW!!! Adding Volume Control

    Lecture 17: NEW!!! Style Your App Challenge

    Chapter 5: Project 3: Tray Player

    Lecture 1: Introduction To Tray Applications

    Lecture 2: Demo of Tray Player

    Lecture 3: Tray in The Docs and Setup

    Lecture 4: Adding The Tray Icon

    Lecture 5: Fix Disappearing Icon and Remove App Frame

    Lecture 6: Hide App on Blur and Remove From Dock

    Lecture 7: Icon And Application Bounds

    Lecture 8: Adding a Context Menu and Tooltip

    Lecture 9: Were Almost There

    Lecture 10: DESKTOP NOTIFICATIONS!!! – Adding notification to our App

    Chapter 6: Project 4: Electro News

    Lecture 1: Demo of Electro News App

    Lecture 2: npm Init and Install Electron

    Lecture 3: Starting The Electron Process

    Lecture 4: Building The Renderer Process

    Lecture 5: Intro and Installing NewsAPI

    Lecture 6: Getting Top Headlines From NewsAPI

    Lecture 7: Showing All News In Renderer

    Lecture 8: Reading Articles

    Lecture 9: Lets Add News Categories

    Lecture 10: Some Highlight to The Active Category

    Lecture 11: Lets Not Forget The News Search

    Lecture 12: Wrap Up With Electro News App

    Chapter 7: Project 5: Electro Radio

    Lecture 1: Demo of Electro Radio

    Lecture 2: Lets Setup

    Lecture 3: Main and Renderer Process

    Lecture 4: Finish Renderer and Intro to FM API

    Lecture 5: Getting All Radio Stations

    Lecture 6: Showing all Stations in the Renderer

    Lecture 7: Streaming The Radio Stations

    Lecture 8: Some Highlight to Current Station

    Lecture 9: Wrap Up With Electro Radio App

    Chapter 8: Packaging Electron Apps

    Lecture 1: Lets Package Our Music Player

    Lecture 2: Requirements for Windows Operating System

    Lecture 3: Requirements for macOS and Linux

    Lecture 4: Packaging Electron Apps for Windows Operating System

    Lecture 5: Packaging Electron Apps for macOS

    Lecture 6: Packaging Electron Apps for Linux

    Lecture 7: Shortcuts to Make Everything Simpler

    Chapter 9: Helpful Electron Tools and Links

    Lecture 1: Official Electron Documentation

    Lecture 2: Electron Fiddle

    Lecture 3: Electron Forge

    Lecture 4: Electron Builder

    Chapter 10: Outro (Bonus)

    Lecture 1: Electron Docs: Everything Else You Need

    Lecture 2: Bonus Lecture

    Instructors

  • Master Electron Framework And Build 5 Advanced Desktop Apps  No.2
    Mubarak Awal
    Software Engineer, Teaching Fellow, Lifelong Learner
  • Rating Distribution

  • 1 stars: 1 votes
  • 2 stars: 4 votes
  • 3 stars: 15 votes
  • 4 stars: 36 votes
  • 5 stars: 72 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!