Projects in Electron: Learn to Build Real World Desktop Apps

The rise of more complex websites that are more interactive, has made traditional coding practices difficult. The different platforms all require different languages or technologies and mastering all...

  • All levels
  • English

Course Description

The rise of more complex websites that are more interactive, has made traditional coding practices difficult. The different platforms all require different languages or technologies and mastering all of them for one app is quite impossible. This has resulted in developers and innovators creating frameworks, that combine the best of all worlds when developing the app and allowing it work across mul...

The rise of more complex websites that are more interactive, has made traditional coding practices difficult. The different platforms all require different languages or technologies and mastering all of them for one app is quite impossible. This has resulted in developers and innovators creating frameworks, that combine the best of all worlds when developing the app and allowing it work across multiple platforms.Electron is one of the most popular framework that is currently on the market and simplifies the process of developing apps, allowing developers to build cross-platform, dynamic apps and websites using JavaScript, HTML and CSS.

What you’ll learn
  • Pomodoro Clock: You will learn how to design a complete clock from scratch, including how to set the timer logic, and integrate sounds as well as add multiple clocks.
  • Tic Tac Toe Game: In this project, you will learn how to design the game board, add the Xs and Os and notifications.
  • Tic Tac Toe Game: In this project, you will learn how to design the game board, add the Xs and Os and notifications.
  • Currency Converter: This will also include using an API, and you will learn how to actually create conversions from one currency to the other.
  • Body Mass Index: In this app, you will learn how to calculate the BMI by using a person’s weight and height. You will learn how to add calculations to your logic in this app.

Covering Topics

1
Section 1 : Introduction

2
Section 2 : Introduction To Electron

3
Section 3 : Pomodoro Clock

4
Section 4 : Tic Tac Toe

5
Section 5 : Weather App

6
Section 6 : BMI Calculator

7
Section 7 : Currency Converter

8
Section 8 : Course Summary

Curriculum

      Section 1 : Introduction
    1
    Intro
      Section 2 : Introduction To Electron
    2
    Introduction
    3
    Overview of Electron Preview
    4
    Code Editor
    5
    Hello World - Bootstrapping
    6
    Hello World - View and Model Preview
    7
    Summary
      Section 3 : Pomodoro Clock
    8
    Introduction
    9
    Boostrapping The App
    10
    Building the View Preview
    11
    Dynamic View Implementation
    12
    Getting Started on index.js
    13
    Building Long Break Clock Functionality
    14
    Start Timer Function Preview
    15
    Maintaining Internal State Of Breaks
    16
    Completing index.js
    17
    Running The App Preview
    18
    Summary
      Section 4 : Tic Tac Toe
    19
    Introduction
    20
    Initializing New Project
    21
    Styling and Starting Controller
    22
    Handling Gameplay Movement
    23
    Deciding Winner or Drawn Game
    24
    New Game Creation
    25
    Playing The Game
    26
    Summary
      Section 5 : Weather App
    27
    Introduction
    28
    Introduction To Weather App
    29
    Building Out The Controller
    30
    Accessing Weather API
    31
    Summary
      Section 6 : BMI Calculator
    32
    Introduction
    33
    Initializing Project And Starting View
    34
    Completing View
    35
    Creating Conversion Functions
    36
    Finalizing Controller and Running App
    37
    Summary
      Section 7 : Currency Converter
    38
    Introduction
    39
    Creating The View
    40
    Currency Converter Function
    41
    Creating Specific Conversion Function
    42
    Finalizing Controller and Running App
    43
    Summary
      Section 8 : Course Summary
    44
    Course 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.