Master Electron Framework And Build 5 Advanced Desktop Apps

Focused View

Mubarak Awal

8:11:41

138 View

1. Introduction

1.1 Official Electron Website.html

1. What You Have to Know About Electron.mp4

06:04

2.1 Codecademy.html

2.2 Mimo.html

2.3 Sololearn.html

2. Recommended Resources For Learning HTML, CSS, JS.mp4

04:18

2. Setup

1.1 NodeJS Official Webiste.html

1. What is Node JS.mp4

02:16

2.1 Node Js download page.html

2. Installing Node JS on macOS and Linux.mp4

03:24

3.1 Node JS website.html

3. Installing Node JS on Windows.mp4

04:18

4. Summary.mp4

00:19

3. Project 1 Electro Editor

1.1 Link to Editor Source Code.html

1. Demo of Electro Editor.mp4

02:53

2. Installing Electron v5 With npm.mp4

05:46

3. Main.js And Running Electron.mp4

09:50

4. Adding our Renderer Process.mp4

05:43

5.1 photon.zip

5. Introduction to Photon UI Kit.mp4

04:21

6. Building Renderer With Photon Kit.mp4

13:13

7. Building Renderer With Photon Kit (Continuation).mp4

05:08

8. Increasing and Decreasing The Font Size.mp4

05:51

9. Getting The Text Logged.mp4

05:10

10. All About Inter Process Communication (IPC).mp4

07:25

11. Sending Data to The Main Process.mp4

08:08

12. Node Integration - Watch Out!!!.mp4

03:58

13. Writing Content to File.mp4

07:20

14. Adding The Save Dialog.mp4

13:32

15. Showing The Save Dialog First Time Only.mp4

07:59

16. Sending Data Back to The Renderer Process.mp4

06:46

17. Adding a Save Status Alert to Renderer.mp4

05:18

18. Native Menu in Electron - The Template.mp4

09:07

19. Making Menu Compatible with macOS.mp4

15:13

20. Finishing Up Our Menu.mp4

08:45

21. Adding Menu Keyboard Shortcut.mp4

07:31

22. Wrap Up With Electro Editor Desktop App.mp4

03:46

4. Project 2 Music Player

1.1 Link to Music Player Source Code.html

1. Demo of Electron Music Player.mp4

05:29

2. Init npm And Install Electron v5.mp4

04:58

3. Setup Main and Renderer Process.mp4

05:41

4.1 index.html

4.2 photon.zip

4. Building The Renderer.mp4

02:48

5. Button Click to Choose Songs.mp4

06:50

6. Get Songs and Intro to mm Package.mp4

07:52

7. Using The mm Package to Get Data From Songs.mp4

10:03

8. Displaying All Songs in Our Renderer Process.mp4

06:13

9.1 helper function.zip

9. Playing The Song.mp4

11:45

10. Showing Current Playing Song Title.mp4

02:30

11. Making Our Play-Pause Button Work.mp4

09:37

12. The Previous And Next Song Buttons.mp4

08:23

13. Showing The Current Song Time and Total Duration.mp4

11:07

14. Lets Clear The Playlist.mp4

06:13

15. Wrap Up With Music Player.mp4

01:40

16. NEW!!! Adding Volume Control.mp4

09:22

17. NEW!!! Style Your App Challenge.mp4

04:41

5. Project 3 Tray Player

1.1 Link To Trap App Source Code.html

1. Introduction To Tray Applications.mp4

03:24

2. Demo of Tray Player.mp4

01:51

3. Tray in The Docs and Setup.mp4

04:04

4.1 images.zip

4. Adding The Tray Icon.mp4

04:05

5. Fix Disappearing Icon and Remove App Frame.mp4

04:48

6. Hide App on Blur and Remove From Dock.mp4

04:28

7. Icon And Application Bounds.mp4

13:18

8. Adding a Context Menu and Tooltip.mp4

05:53

9. Were Almost There.mp4

01:08

10. DESKTOP NOTIFICATIONS!!! - Adding notification to our App.mp4

08:50

6. Project 4 Electro News

1.1 Link To News App Source Code.html

1. Demo of Electro News App.mp4

02:19

2. npm Init and Install Electron.mp4

04:01

3. Starting The Electron Process.mp4

05:53

4.1 index.html

4.2 photon.zip

4. Building The Renderer Process.mp4

02:50

5. Intro and Installing NewsAPI.mp4

05:43

6. Getting Top Headlines From NewsAPI.mp4

06:32

7. Showing All News In Renderer.mp4

09:17

8. Reading Articles.mp4

04:40

9. Lets Add News Categories.mp4

09:23

10. Some Highlight to The Active Category.mp4

02:38

11. Lets Not Forget The News Search.mp4

08:56

12. Wrap Up With Electro News App.mp4

01:16

7. Project 5 Electro Radio

1.1 Link to Radio App Source Code.html

1. Demo of Electro Radio.mp4

02:03

2. Lets Setup.mp4

04:09

3. Main and Renderer Process.mp4

03:51

4.1 index.html

4. Finish Renderer and Intro to FM API.mp4

05:43

5. Getting All Radio Stations.mp4

06:50

6. Showing all Stations in the Renderer.mp4

04:22

7. Streaming The Radio Stations.mp4

05:33

8. Some Highlight to Current Station.mp4

05:24

9. Wrap Up With Electro Radio App.mp4

01:05

8. Packaging Electron Apps

1. Lets Package Our Music Player.mp4

01:20

2.1 icons.zip

2. Requirements for Windows Operating System.mp4

01:23

3.1 icons.zip

3. Requirements for macOS and Linux.mp4

03:05

4. Packaging Electron Apps for Windows Operating System.mp4

12:15

5. Packaging Electron Apps for macOS.mp4

04:41

6. Packaging Electron Apps for Linux.mp4

04:29

7. Shortcuts to Make Everything Simpler.mp4

08:18

9. Outro (Bonus)

1. Electron Docs Everything Else You Need.mp4

02:29

2. Bonus Lecture.mp4

00:50

Description

Become an Advanced Desktop Apps Developer by Building Native Cross Platform Desktop Apps With Electron JS, HTML and CSS

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

Who is this for?

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

What You Need to Know?

Should Know Basics of HTML, CSS and JavaScript (I have recommended some helpful resources in the course to get you started if you don't know these basics)

Knowing How Node JS Applications work is a Plus But Not Necessary

More details

Description
**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â€™re an advanced web developer or youâ€™re 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â€™re an advanced developer or youâ€™re 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â€™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.

------There's more------

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â€™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

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!!
Who this course is for:
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

User Reviews

Rating

average 0

Total votes0

Focused display

I'm Mubarak Awal, a Software engineer, a teaching fellow and a lifelong learner.I started out in tech as a curious kid when i used to open up any gadget that came my way. Growing up, i realized i was and still passionate about sharing whatever knowledge i acquire. These two interest led me to become a software engineer where i've built apps that are used directly by libraries and schools in the US to source funding from the US government.Aside from building web and mobile apps, I also work with Codetrain, a software training company where I've helped trained over 10,000 people in person and help over 220 students become professional software developers. I mentor over 100 students, in-person, at every point in time and help these students become experienced and great software developers.I'm a lifelong learner and i like to take complex information, digest it and make it simple for newbies and beginners to easily grasp what ever i teach. Aside from programming, learning, teaching and mentoring, I also enjoy music, traveling and dancing kizomba.Join me in any of my courses and let's learn something new and worth your time today.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.