Cross-Platform Desktop Apps with Electron

•Download as PPTX, PDF•

1 like•635 views

Cross-Platform Desktop Apps with Electron, Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS.

Technology

ELECTRON
Cross-Platform Desktop Apps with Electron
Jarosław Jarnot

What is Electron?
Electron is a framework for creating native
applications with web technologies like
JavaScript, HTML, and CSS.
https://electron.atom.io/

NOWY FRAMEWORK
BASIC INFO
• open source library developed by
GitHub
• cross-platform: build and run on
Windows, Linux, Mac
• written in C++ and JavaScript
• MIT license
www:
twitter:
repository:
https://electron.atom.io
https://twitter.com/electronjs
https://github.com/electron/electron

APRIL 2013 Atom Shell is started
MAY 2014 Atom Shell is open sourced
APRIL 2015 Atom Shell is re-named - Electron

MAY 2016 Electron releases v1.0.0
MAY 2016 Electron apps compatible with Mac App Store
AUGUST 2016 Windows Store support for Electron apps
APRIL 2017 Electron version - 1.6.7

COMPONENTS
CHROMIUM
56.0.2924.87
NODE 7.40 V8 5.6.326.50
ELECTRON 1.6.7

ARCHITECTURE
https://www.youtube.com/watch?v=WVb2OD49pUA

PROCESSES
https://medium.com/@ccnokes/deep-dive-into-electrons-main-and-renderer-processes-7a9599d5c9e2

SAMPLE APPS BUILT ON ELECTRON
ATOM
https://atom.io/

SAMPLE APPS BUILT ON ELECTRON
VISUAL STUDIO CODE
https://code.visualstudio.com/

SAMPLE APPS BUILT ON ELECTRON
BRAVE BROWSER
https://brave.com/

SAMPLE APPS BUILT ON ELECTRON
POSTMAN
https://www.getpostman.com

SAMPLE APPS BUILT ON ELECTRON
SLACK
https://slack.com/downloads/windows

HOW TO START?
https://electron.atom.io/docs/
https://github.com/sindresorhus/awesome-electron

ELECTRON API DEMOS
https://github.com/electron/electron-api-demos

CLI do tworzenia aplikacji w elektronie.Zawiera szablony:- Vanilla ES6/7-
React- React + TypeScript- Angular 2- Vue.JS 2.0- Jade Templating
ELECTRON FORGE
https://beta.electronforge.io/
https://github.com/electron-userland/electron-forge
The command line interface for ambitious
Electron applications
Forge templates:
- Vanilla ES6/7
- React- React + TypeScript
- Angular 2
- Vue.JS 2.0
- Jade Templating

CLI do tworzenia aplikacji w elektronie.Zawiera szablony:- Vanilla ES6/7-
React- React + TypeScript- Angular 2- Vue.JS 2.0- Jade Templating
SAMPLE PACKAGES TO GET STARTED
BUILD AND PACKAGE
1. electron-packager
2. electron-builder
AUTOMATIC UPDATES
3. nuts
4. electron-release-server
5. squirrel-updates-server
6. auto-updater
CRASH REPORTING
7. Socorro
8. mini-breakpad-server
USER-SET APPLICATION CONFIGURATION
9. electron-config
DEBUGGING
10. DevTron
TESTING
11. Spectron
https://nodesource.com/blog/fifteen-essential-packages-to-get-started-with-electron/

ELECTRON vs NW.JS
https://insights.stackoverflow.com/trends
http://freecontent.manning.com/electron-in-action-article-1/

STATS
https://insights.stackoverflow.com/trends
https://github.com/electron/electron

STATS
https://npm-stat.com/charts.html?package=electron&to=2017-05-11

THANKS!
Jarosław Jarnot
jaroslaw.jarnot@vimanet.com

REFERENCES
https://electron.atom.io/
https://github.com/electron/electron
https://en.wikipedia.org/wiki/Electron_(software_framework)
https://www.youtube.com/watch?v=WVb2OD49pUA
https://medium.com/@ccnokes/deep-dive-into-electrons-main-and-renderer-processes-7a9599d5c9e2
https://beta.electronforge.io/
https://nodesource.com/blog/fifteen-essential-packages-to-get-started-with-electron/
https://insights.stackoverflow.com/trends
http://freecontent.manning.com/electron-in-action-article-1/
https://npm-stat.com/charts.html?package=electron&to=2017-05-11

What's hot

Electron. Build cross platform desktop apps with web technologies!

*instinctools

Building Native Experiences with Electron

Ben Gotow

Electron - Build desktop apps using javascript

Austin Ogilvie

Electron

Jens Siebert

Building Cross Platform Apps with Electron

Chris Ward

Building desktop applications with web technologies - ELECTRON the easy way

stefanjudis

Develop Desktop Apps with Electron

Eueung Mulyana

.NET no Browser - Webassembly com Blazor!

Rodrigo Kono

Mobile native-hacks

DevelopmentArc LLC

Building Browser Extensions with Ember

Alex Blom

iOS Build Infrastructure at Square

Michael Tauraso

iOS applications have unique constraints that make continuous integration and release automation difficult. We’ll be going through techniques used at Square to scale and measure the effectiveness of our iOS test cluster which is used by dozens of engineers to build a handful of applications. Testing is incredibly important to Square because our mobile applications process payments. We’ve built speedy and scalable OSX infrastructure for builds; written a configuration language for describing iOS builds that separates release code from application code; tamed the iOS simulator; and reduced the overall flakiness of our iOS tests to the 0.5% level.

Taming iOS Testing at Square -- JUC West 2015

Michael Tauraso

Marmalade: bittersweet experience

Max Klyga

"It is a profoundly erroneous truism, repeated by all copybooks and by eminent people making speeches, that we should cultivate the habit of thinking of what we are doing. The precise opposite is the case. Civilization advances by extending the number of important operations we can perform without thinking about them. Operations of thought are like cavalry charges in a battle - they are strictly limited in number, they require fresh horses, and must only be made at decisive moments." -- Alfred North Whitehead,

Automation

John Ashmead

Phonegap Day 2016: Ember/JS & Hybrid Apps Tips

Alex Blom

Ember Conf 2016: Building Mobile Apps with Ember

Alex Blom

Mobile web-debug

FINN.no

iPhone/iPad开发讲座第一讲 Ios开发简介

Hao Peiqiang

This lecture discusses the value of finding and incorporating third party libraries and frameworks into your iOS app. Why re-invent the wheel when you can developer a much better iOS app with less work? We mention a number of commonly used 3rd party iOS frameworks, and also provide short tutorial on using CocoaPods - the de facto standard for managing dependencies in iOS projects. This lecture is part of a course intended to be an intensive and very compressed deep dive into iOS development in Swift. Visit the course web page to get copies of the course outline, lecture notes, sample code, etc. Course website: http://www.themobilemontage.com/2015/05/12/ios-bootcamp-learning-to-create-awesome-apps-on-ios-using-swift/

iOS Bootcamp: learning to create awesome apps on iOS using Swift (Lecture 09)

Jonathan Engelsma

Air Presentation

refreshdenver

What's hot (20)

Electron. Build cross platform desktop apps with web technologies!

Building Native Experiences with Electron

Electron - Build desktop apps using javascript

Electron

Building Cross Platform Apps with Electron

Building desktop applications with web technologies - ELECTRON the easy way

Develop Desktop Apps with Electron

.NET no Browser - Webassembly com Blazor!

Mobile native-hacks

Building Browser Extensions with Ember

iOS Build Infrastructure at Square

Taming iOS Testing at Square -- JUC West 2015

Marmalade: bittersweet experience

Automation

Phonegap Day 2016: Ember/JS & Hybrid Apps Tips

Ember Conf 2016: Building Mobile Apps with Ember

Mobile web-debug

iPhone/iPad开发讲座第一讲 Ios开发简介

iOS Bootcamp: learning to create awesome apps on iOS using Swift (Lecture 09)

Air Presentation

Similar to Cross-Platform Desktop Apps with Electron

Electron

Mark Lechtermann

Electron - cross platform desktop applications made easy

Ulrich Krause

Electron presentation

StanislavNikolaenko2

Learn Electron for Web Developers

Kyle Cearley

Speedupiosdevelopment

slidepaddemo

Eclipse Demo Camp 2010 - Eclipse e4 – The Status and the Future

Tonny Madsen

You have streaming data and want to expose it as reactive streams with Spring Boot. Great! Spring WebFlux makes that pretty easy. But what about the UI? Can you stream that data to the UI and have it be reactive and constantly updating too? This workshop explores techniques for making your app fully reactive with Spring WebFlux and React. Instructions: https://github.com/oktadeveloper/okta-spring-webflux-react-example/blob/react-app/workshop.adoc

Full Stack Reactive with React and Spring WebFlux Workshop - KCDC 2019

Matt Raible

[OWASP Poland Day] A study of Electron security

OWASP

State ofappdevelopment

gillygize

JS digest, March 2017

ElifTech

What's new and what's next in Electron & Chromium [2016]

Ben Gotow

Appcelerator Titanium Intro (2014)

Nicholas Jansma

Meteor Rails-2015

MeteorJS

Build mini - Windows 10 Dev & Cross platform Dev

Ian Chen

Desktop apps in JavaScript

The Software House

You have streaming data and want to expose it as reactive streams with Spring Boot. Great! Spring WebFlux makes that pretty easy. But what about the UI? Can you stream that data to the UI and have it be reactive and constantly updating too? This session explores techniques for making your app fully reactive with Spring WebFlux and React. Mostly live coding, with plenty of time for Q & A in the midst of it all. * Blog post: https://bit.ly/webflux-and-react * Screencast: https://youtu.be/1xpwYe154Ys

Full Stack Reactive with React and Spring WebFlux - Switzerland JUG 2020

Matt Raible

iFour Technolab is a custom software development and software consulting firm in India which has experienced developers of ASP.Net development to increase their business growth and sustainability for small and large enterprises across the globe. We stand as a technology partner which accelerates client growth by means of providing key technology solutions, based on a variety of industry or domain experiences & operations.

ASP Dot Net Software Development in India - iFour Technolab

iFour Technolab Pvt. Ltd.

Intro to Electron - Creating Desktop Applications with HTML5

Felicia O'Garro

Eric ShangKuan

You have streaming data and want to expose it as reactive streams with Spring Boot. Great! Spring WebFlux makes that pretty easy. But what about the UI? Can you stream that data to the UI and have it be reactive and constantly updating too? This session explores techniques for making your app fully reactive with Spring WebFlux and React. Mostly live coding, with plenty of time for Q & A in the midst of it all. * Blog post: https://developer.okta.com/blog/2018/09/25/spring-webflux-websockets-react * Screencast: https://youtu.be/1xpwYe154Ys

Full Stack Reactive with React and Spring WebFlux - Dublin JUG 2019

Matt Raible

Similar to Cross-Platform Desktop Apps with Electron (20)

Electron

Electron - cross platform desktop applications made easy

Electron presentation

Learn Electron for Web Developers

Speedupiosdevelopment

Eclipse Demo Camp 2010 - Eclipse e4 – The Status and the Future

Full Stack Reactive with React and Spring WebFlux Workshop - KCDC 2019

[OWASP Poland Day] A study of Electron security

State ofappdevelopment

JS digest, March 2017

What's new and what's next in Electron & Chromium [2016]

Appcelerator Titanium Intro (2014)

Meteor Rails-2015

Build mini - Windows 10 Dev & Cross platform Dev

Desktop apps in JavaScript

Full Stack Reactive with React and Spring WebFlux - Switzerland JUG 2020

ASP Dot Net Software Development in India - iFour Technolab

Intro to Electron - Creating Desktop Applications with HTML5

Full Stack Reactive with React and Spring WebFlux - Dublin JUG 2019

Recently uploaded

Tracing the root cause of a performance issue requires a lot of patience, experience, and focus. It’s so hard that we sometimes attempt to guess by trying out tentative fixes, but that usually results in frustration, messy code, and a considerable waste of time and money. This talk explains how to correctly zoom in on a performance bottleneck using three levels of profiling: distributed tracing, metrics, and method profiling. After we learn to read the JVM profiler output as a flame graph, we explore a series of bottlenecks typical for backend systems, like connection/thread pool starvation, invisible aspects, blocking code, hot CPU methods, lock contention, and Virtual Thread pinning, and we learn to trace them even if they occur in library code you are not familiar with. Attend this talk and prepare for the performance issues that will eventually hit any successful system. About authorWith two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Victor Rentea

When you’re building (micro)services, you have lots of framework options. Spring Boot is no doubt a popular choice. But there’s more! Take Quarkus, a framework that’s considered the rising star for Kubernetes-native Java. It always depends on what's best for your situation, but how to choose the best solution if you're comparing 2 frameworks? Both Spring Boot and Quarkus have their positives and negatives. Let us compare the two by live coding a couple of common use cases in Spring Boot and Quarkus. After this talk, you’ll be ready to get started with Quarkus yourself, and know when to select Quarkus or Spring Boot.

Spring Boot vs Quarkus the ultimate battle - DevoxxUK

Jago de Vreede

The microservices honeymoon is over. When starting a new project or revamping a legacy monolith, teams started looking for alternatives to microservices. The Modular Monolith, or 'Modulith', is an architecture that reaps the benefits of (vertical) functional decoupling without the high costs associated with separate deployments. This talk will delve into the advantages and challenges of this progressive architecture, beginning with exploring the concept of a 'module', its internal structure, public API, and inter-module communication patterns. Supported by spring-modulith, the talk provides practical guidance on addressing the main challenges of a Modultith Architecture: finding and guarding module boundaries, data decoupling, and integration module-testing. You should not miss this talk if you are a software architect or tech lead seeking practical, scalable solutions. About the author With two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Victor Rentea

Retrieval augmented generation (RAG) is the most popular style of large language model application to emerge from 2023. The most basic style of RAG works by vectorizing your data and injecting it into a vector database like Milvus for retrieval to augment the text output generated by an LLM. This is just the beginning. One of the ways that we can extend RAG, and extend AI, is through multilingual use cases. Typical RAG is done in English using embedding models that are trained in English. In this talk, we’ll explore how RAG could work in languages other than English. We’ll explore French, Chinese, and Polish.

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Zilliz

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Discover the innovative features and strategic vision that keep WSO2 an industry leader. Explore the exciting 2024 roadmap of WSO2 API management, showcasing innovations, unified APIM/APK control plane, natural language API interaction, and cloud native agility. Discover how open source solutions, microservices architecture, and cloud native technologies unlock seamless API management in today's dynamic landscapes. Leave with a clear blueprint to revolutionize your API journey and achieve industry success!

WSO2's API Vision: Unifying Control, Empowering Developers

WSO2

Vector Search -An Introduction in Oracle Database 23ai.pptx

Remote DBA Services

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

Dubai, known for its towering skyscrapers, luxurious lifestyle, and relentless pursuit of innovation, often finds itself in the global spotlight. However, amidst the glitz and glamour, the emirate faces its own set of challenges, including the occasional threat of flooding. In recent years, Dubai has experienced sporadic but significant floods, disrupting normalcy and posing unique challenges to its infrastructure. Among the critical nodes in this bustling metropolis is the Dubai International Airport, a vital hub connecting the world. This article delves into the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

Orbitshub

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

Zilliz

Exploring Multimodal Embeddings with Milvus

Zilliz

presentation ICT roal in 21st century education

jfdjdjcjdnsjd

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

Introduction to use of FHIR Documents in ABDM

Kumar Satyam

The presentation was made in “Web3 Fusion: Embracing AI and Beyond” is more than a conference; it's a journey into the heart of digital transformation. The conference a provided a platform where the future of technology meets practical application. This three-day hybrid event, set in the heart of innovation, served as a gateway to the latest trends and transformative discussions in AI, Blockchain, IoT, AR/VR, and their collective impact on the information space.

AI in Action: Real World Use Cases by Anitaraj

AnitaRaj43

Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on the deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Jeffrey Haguewood

Dubai, often portrayed as a shimmering oasis in the desert, faces its own set of challenges, including the occasional threat of flooding. Despite its reputation for opulence and modernity, the emirate is not immune to the forces of nature. In recent years, Dubai has experienced sporadic but significant floods, testing the resilience of its infrastructure and communities. Among the critical lifelines in this bustling metropolis is the Dubai International Airport, a bustling hub that connects the city to the world. This article explores the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Orbitshub

Following the popularity of "Cloud Revolution: Exploring the New Wave of Serverless Spatial Data," we're thrilled to announce this much-anticipated encore webinar. In this sequel, we'll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you're building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

apidays

Recently uploaded (20)

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Spring Boot vs Quarkus the ultimate battle - DevoxxUK

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Introduction to Multilingual Retrieval Augmented Generation (RAG)

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

WSO2's API Vision: Unifying Control, Empowering Developers

Vector Search -An Introduction in Oracle Database 23ai.pptx

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

Exploring Multimodal Embeddings with Milvus

presentation ICT roal in 21st century education

How to Troubleshoot Apps for the Modern Connected Worker

Introduction to use of FHIR Documents in ABDM

AI in Action: Real World Use Cases by Anitaraj

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

AWS Community Day CPH - Three problems of Terraform

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

Cross-Platform Desktop Apps with Electron

1. ELECTRON Cross-Platform Desktop Apps with Electron Jarosław Jarnot

2. What is Electron? Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS. https://electron.atom.io/

3. NOWY FRAMEWORK BASIC INFO • open source library developed by GitHub • cross-platform: build and run on Windows, Linux, Mac • written in C++ and JavaScript • MIT license www: twitter: repository: https://electron.atom.io https://twitter.com/electronjs https://github.com/electron/electron

4. APRIL 2013 Atom Shell is started MAY 2014 Atom Shell is open sourced APRIL 2015 Atom Shell is re-named - Electron

5. MAY 2016 Electron releases v1.0.0 MAY 2016 Electron apps compatible with Mac App Store AUGUST 2016 Windows Store support for Electron apps APRIL 2017 Electron version - 1.6.7

6. COMPONENTS CHROMIUM 56.0.2924.87 NODE 7.40 V8 5.6.326.50 ELECTRON 1.6.7

7. ARCHITECTURE https://www.youtube.com/watch?v=WVb2OD49pUA

8. PROCESSES https://medium.com/@ccnokes/deep-dive-into-electrons-main-and-renderer-processes-7a9599d5c9e2

9. HELLO WORLD

10. HELLO WORLD

11. HELLO WORLD

12. HELLO WORLD

13. HELLO WORLD

14. HELLO WORLD

15. SAMPLE APPS BUILT ON ELECTRON ATOM https://atom.io/

16. SAMPLE APPS BUILT ON ELECTRON VISUAL STUDIO CODE https://code.visualstudio.com/

17. SAMPLE APPS BUILT ON ELECTRON BRAVE BROWSER https://brave.com/

18. SAMPLE APPS BUILT ON ELECTRON POSTMAN https://www.getpostman.com

19. SAMPLE APPS BUILT ON ELECTRON SLACK https://slack.com/downloads/windows

20. SAMPLE APPS BUILT ON ELECTRON

21. HOW TO START? https://electron.atom.io/docs/ https://github.com/sindresorhus/awesome-electron

22. ELECTRON API DEMOS https://github.com/electron/electron-api-demos

23. CLI do tworzenia aplikacji w elektronie.Zawiera szablony:- Vanilla ES6/7- React- React + TypeScript- Angular 2- Vue.JS 2.0- Jade Templating ELECTRON FORGE https://beta.electronforge.io/ https://github.com/electron-userland/electron-forge The command line interface for ambitious Electron applications Forge templates: - Vanilla ES6/7 - React- React + TypeScript - Angular 2 - Vue.JS 2.0 - Jade Templating

24. CLI do tworzenia aplikacji w elektronie.Zawiera szablony:- Vanilla ES6/7- React- React + TypeScript- Angular 2- Vue.JS 2.0- Jade Templating SAMPLE PACKAGES TO GET STARTED BUILD AND PACKAGE 1. electron-packager 2. electron-builder AUTOMATIC UPDATES 3. nuts 4. electron-release-server 5. squirrel-updates-server 6. auto-updater CRASH REPORTING 7. Socorro 8. mini-breakpad-server USER-SET APPLICATION CONFIGURATION 9. electron-config DEBUGGING 10. DevTron TESTING 11. Spectron https://nodesource.com/blog/fifteen-essential-packages-to-get-started-with-electron/

25. ELECTRON vs NW.JS https://insights.stackoverflow.com/trends http://freecontent.manning.com/electron-in-action-article-1/

26. STATS https://insights.stackoverflow.com/trends https://github.com/electron/electron

27. STATS https://npm-stat.com/charts.html?package=electron&to=2017-05-11

28. DEMO

29. THANKS! Jarosław Jarnot jaroslaw.jarnot@vimanet.com

30. REFERENCES https://electron.atom.io/ https://github.com/electron/electron https://en.wikipedia.org/wiki/Electron_(software_framework) https://www.youtube.com/watch?v=WVb2OD49pUA https://medium.com/@ccnokes/deep-dive-into-electrons-main-and-renderer-processes-7a9599d5c9e2 https://beta.electronforge.io/ https://nodesource.com/blog/fifteen-essential-packages-to-get-started-with-electron/ https://insights.stackoverflow.com/trends http://freecontent.manning.com/electron-in-action-article-1/ https://npm-stat.com/charts.html?package=electron&to=2017-05-11