Learn Electron by Building 5 Advanced Desktop Apps

preview_player
Показать описание
Learn and master Electron framework by building 5 advanced desktop Apps in this tutorial. Become an Advanced Desktop Apps Developer by Building Native Cross Platform Desktop Apps With Electron JS, HTML and CSS

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.

What you’ll build in this course

A Fully Fledged Text Editor: We're going to cover the moving parts of an electron application by building this very first app. We’ll 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.

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.

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.

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 “pages” in our app.

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

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.

We’re 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 “pages”

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’t covered in this course

What you'll 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

Note: If you have any copyright issue with the content used in our channel or you find something that belongs to you, before you claim it to Youtube, SEND US A MESSAGE and the respective content will be DELETED right away. Thanks for understanding.
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
Комментарии
Автор

Here are the timestamps 🙏

First project text editor : 20:40
Second project musicplayer: 3:05:22
Third project (system tray ): 4:58:55
Fourth project ( news app ): 5:50:49
Fifth project ( radio app ): 6:54:23

miraclemark
Автор

My brother, you are doing well. Love from Nigeria

glareminds
Автор

The best course to learn about way through and already learning a lot of

theinsaneworld
Автор

This was turning out to be a brilliant course then... BAM there's a critical error at 1:36:58. The code [as presented] does *not* remove the reference error. Is this because the Electron package is now much changed? A solution or suggestion on a cure would be much appreciated.

pdep
Автор

Hi, I noticed that there are no subtitles available for this video. Could you please add them if possible? It would help a lot. Thank you!

kaikings
Автор

i just subscribed this channel because of this excellent video

On_The_Way_To_Krishna
Автор

fix it, write the followin statement right after nodeIntegration: true, contextIsolation: false

marcoramirez
Автор

awesome course, really great, but i need some help in the first textapp, I got an error cannot access 'textarea' before initialization, please help

marcoramirez
Автор

Ironic how Electron was created to make Atom and them Atom died and Electron prospered. Thank you Microsoft? That being said, VS Code is pretty good and it made little sense to keep both VS Code and Atom.

gustavinus
Автор

was expecting electronmon (nodemon) in the first few half of the main building

rfryanfavour
Автор

Finally found in detail informative video about electron js thank u for sharing 🫡

akadeadahot
join shbcf.ru