Download appDownload App

Beginners Guide to Electron Framework

Building apps is not as easy as it seems, it requires extensive knowledge of languages, APIs, processes and even different technologies. But, what if you could build high-quality, powerful cross-platf...

  • All levels
  • English

Course Description

Building apps is not as easy as it seems, it requires extensive knowledge of languages, APIs, processes and even different technologies. But, what if you could build high-quality, powerful cross-platform desktop apps by using just JavaScript, HTML, CSS and one library? You can now with Electron. Electron is an open-source framework that simplifies the task of building complex desktop apps by re...

Building apps is not as easy as it seems, it requires extensive knowledge of languages, APIs, processes and even different technologies. But, what if you could build high-quality, powerful cross-platform desktop apps by using just JavaScript, HTML, CSS and one library? You can now with Electron. Electron is an open-source framework that simplifies the task of building complex desktop apps by removing the hard parts of coding, so that developers can focus on actually building the app rather than on other time consuming aspects of coding and programming.

What you’ll learn
  • Detailed introduction and overview of Electron, including understanding the IDE
  • Learning how to modularize your app as well utilizing associated JavaScript files
  • Understanding the different Electron components
  • Installing and running the Hello World
  • Learning how to integrate other frameworks such as Angular, Photon, and Bootstrap
  • Building Real World Apps to learn hands-on experience
  • Building a complete project – a Calculator App!

Covering Topics

1
Section 1 : Introduction
2
Section 2 : Introduction To Electron
3
Section 3 : Integrating Frameworks
4
Section 4 : Real World Apps
5
Section 5 : Project
6
Section 6 : Summary

Curriculum

      Section 1 : Introduction
1
Intro
      Section 2 : Introduction To Electron
2
Introduction
3
Overview of Electron
4
IDE
5
Hello World - Part 1
6
Hello World - Part 2
7
Modularzing Your App
8
Menus
9
Utilizing Associated JS Files
10
Communication Between Components - Part 1
11
Communication Between Components - Part 2
12
Distribution
13
Installing and running Hello World
14
Updating and Managing Packages
15
Summary
      Section 3 : Integrating Frameworks
16
Introduction
17
Using Angular with Electron
18
Building Great Looking UI with Photon
19
Integrating Bootstrap
20
Summary
      Section 4 : Real World Apps
21
Introduction
22
WebView
23
Simple Database Driven App
24
Simple Database Driven App - Part 2
25
Simple Database Driven App - Part 3
26
Advanced Database Driven App - Part 1
27
Advanced Database Driven App - Part 2
28
Advanced Database Driven App - Part 3
29
Advanced Database Driven App - Part 4
30
Advanced Database Driven App - Part 5
31
Splitting Responsibilities - Part 1
32
Splitting Responsibilities - Part 2
33
Fetching Data From The Internet - Part 1
34
Fetching Data From The Internet - Part 2
35
Fetching Data From The Internet - Part 3
36
Fetching Data From The Internet - Part 4
37
Summary
      Section 5 : Project
38
Introduction
39
Building A Calculator App - Part 1
40
Building A Calculator App - Part 2
41
Building A Calculator App - Part 3
42
Summary
      Section 6 : Summary
43
Summary

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.