Electron - Build desktop apps using javascript

Feb 17, 20168 likes3,680 views

This document is a presentation about Electron, an open-source framework that allows developers to build desktop applications using JavaScript, HTML, and CSS. It discusses how Yhat, the company founded by Greg Lamp, uses Electron to build their code editor app Rodeo. The presentation covers how Electron works, common use cases, building a basic "Hello World" app, and packaging/distributing Electron apps. It also provides resources for learning more about developing with Electron.

Electron
Build desktop apps using javascript

Greg Lamp
● Founder/CTO of Yhat
● github.com/glamp
Here I am on the Internet.
Hi, I’m Greg!

- Founded in 2013
- HQ in DUMBO
- (Mighty) Team of 11
- Investors

Agenda
- Intro to Electron
- How Yhat uses Electron: Rodeo
- Project structure & Hello World
- Build our own Chat app

Single page
apps with
long session
duration

I sometimes
work on Rodeo.
I work on
Rodeo.

Project Structure
- Entrypoint / Back-end
- Static assets: HTML, js, css
- node_modules

Release Steps
- Package
- Sign
- Installer

electron-packager
Release Steps
- Package
- Sign
- Installer

Release Steps
- Package
- Sign
- Installer
nothing...yet

Release Steps
- Package
- Sign
- Installer electron-builder

Squirrel
Auto-updating framework for native apps

Hey Squirrel, I’m
running version
Rodeo v1.1.0!

https://rodeo-auto-update.herokuapp.com?version=1.1.0&platform=osx

There’s a new
version. Here’s the
link to download it!

${ "version": "1.2.1", "url": "http://yhat.com/Rodeo-v1.2.1-darwin_64.zip" }$

Gotchas
- Must be a .zip
- Must be over https
- Must be signed
- Testing is a pain

http://bird-chat.s3.amazonaws.com/BirdChat.dmg
yhat.com/BirdChat

Electron
- Build desktop apps in javascript
- Makes the hard stuff easy
- Check out Rodeo ;)

Thanks!
https://github.com/glamp/electron-chat-demo/
https://github.com/glamp/chat-server/
https://github.com/glamp/electron-hello-world

Other Resources
● https://github.com/sindresorhus/awesome-electron
● http://electron.atom.io/
● https://github.com/maxogden/electron-packager
● https://www.npmjs.com/package/electron-builder

${ "version": "1.2.1", "url": "http://yhat.com/Rodeo-v1.2.1-darwin_64.zip" }$

This document discusses JavaScript desktop applications and compares different frameworks for building them, including Electron, Node-Webkit, and MacGap. It outlines key differences between web and desktop applications, such as access to the operating system and native functionality. The document provides an overview of features like the main and render processes in Electron, communicating between them, and options for storage, distribution, and other tasks in JavaScript desktop applications.

Develop Desktop Apps with ElectronEueung Mulyana

This document describes how to build an AngularJS todo application using Electron and Photon. It includes code snippets and explanations for setting up the necessary package.json, main process file, and renderer files. Key steps shown include initializing the Electron app and main window, connecting the AngularJS controller and templates, integrating a LowDB database for data persistence, and adding Photon CSS styling and a custom context menu using remote.

ElectronVirginia Rodriguez

Electron is a framework that allows developers to build desktop applications using JavaScript, HTML, and CSS. It allows building cross-platform apps that can run on Mac, Windows, and Linux. Electron apps can use native menus, notifications, and dialogs while also supporting common web technologies. Some popular apps built with Electron include Slack, Visual Studio Code, and Atom. Electron works by using the Chromium rendering engine and Node.js to run a web page and its JavaScript in a separate process.

Electron - Build cross platform desktop appsPriyaranjan Mohanty

Building Cross Platform Apps with ElectronChris Ward

Cross-Platform Desktop Apps with ElectronDavid Neal

Electron allows developers to build desktop applications with web technologies like HTML, CSS, and JavaScript. It uses Chromium and Node.js to package these apps so they can run on Windows, Mac, and Linux. Some key benefits of Electron include rapid development, shared code/UI across platforms, offline capabilities, and access to native device functionality and APIs. Popular apps built with Electron include Atom, Slack, and Visual Studio Code. The document provides an overview of Electron and tips for developing desktop apps with its tools and frameworks.

Building desktop applications with web technologies - ELECTRON the easy waystefanjudis

Cross-Platform Desktop Apps with ElectronVimanet

Building a Desktop Streaming console with Electron and ReactJSEmanuele Rampichini

This document discusses building desktop applications using Electron and ReactJS. It summarizes how to set up an Electron project using ReactJS for the frontend, and describes some advantages like using Chromium's developer tools, desktop integration features, auto-updating capabilities, and easy packaging for distribution. It also notes some downsides like large app sizes and inability to be on official app stores.

Building a Desktop Streaming console with Node.js and WebKitEmanuele Rampichini

This document discusses building desktop applications using Node.js and Electron. It describes Electron as allowing you to build desktop apps using HTML, CSS, JavaScript, and Node.js modules. It highlights features like desktop integration, debugging with Chromium tools, autoupdating, and crash reporting. Downsides discussed include app size and inability to distribute through app stores. The overall message is that Electron enables fast, fun desktop development.

Cross-Platform Desktop Apps with Electron (CodeStock Edition)David Neal

Would you like to leverage your HTML, CSS, and JavaScript skills to build cross-platform desktop applications? Electron is an open source application shell created by GitHub, designed to make building great desktop applications easy. You may have already experienced Electron using applications such as Atom, Slack, or Visual Studio Code. In this talk, you will learn its features, how to quickly get started, and tips from my experience building Electron applications.

Building Native Experiences with ElectronBen Gotow

Native Desktop App with Node.js Webkit (HTML, CSS & Javascript)Eddie Lau

This document introduces Node-Webkit, which allows developers to create desktop applications using JavaScript, HTML, and CSS. Node-Webkit packages Node.js and Webkit to build executable applications for Windows and Mac. While the initial packaging was clumsy, the Grunt-Node-Webkit-Builder tool now simplifies building and testing updated Node-Webkit applications. Developing cross-platform desktop apps traditionally requires different technologies like Java Swing and is difficult, but Node-Webkit enables using a single code base for desktop apps.

Cross-Platform Desktop Apps with Electron (Condensed Version)David Neal

Electron allows developers to build desktop applications with web technologies like HTML, CSS, and JavaScript. It uses Chromium and Node.js to package these apps so they can run on Windows, macOS, and Linux. Electron provides features like rapid development, cross-platform deployment, native UI integration, and offline capabilities. Some example Electron apps include Atom, Slack, and Visual Studio Code. The document provides an overview of Electron and tips for developing desktop apps with its framework.

ElectronJens Siebert

This document discusses building cross-platform desktop applications using Electron. It describes Electron's architecture which uses Node.js and Chromium to build desktop apps with HTML, CSS, and JavaScript. It provides examples of creating an Electron app, using Node modules in the renderer process, and implementing inter-process communication. It also discusses distributing Electron apps using electron-builder to generate installers and packages for different platforms.

Desktop apps with node webkitPaul Jensen

Node Webkit allows you to create desktop applications using HTML, CSS, JavaScript and Node.js modules. It combines the Chromium browser and Node.js framework. This allows building cross-platform desktop apps that can include Node functionality and access system resources. Examples are given of apps built with Node Webkit. Key aspects covered include how it integrates Chromium and Node.js, building a basic app, window rendering options, menus, tray apps, and the developer tools. Benefits for a medical conference app replacement are discussed.

Debugging IE Performance Issues with xperf, ETW and NavigationTimingNicholas Jansma

This document discusses using ETW/xperf and Navigation Timing to analyze website performance. It covers: 1) ETW/xperf - tools for capturing system-level event traces on Windows, which can show browser performance events. 2) Navigation Timing API - a W3C spec that provides page load timing metrics via JavaScript for real-world performance monitoring. 3) How to use these tools to analyze page load times, resource usage, and CPU hot spots, both for debugging issues and monitoring performance over time.

Amsterdam.js talk: node webkitFabian Jakobs

Node-webkit allows developers to create native desktop applications using HTML, CSS, and JavaScript by embedding Node.js in the Chromium browser framework. It provides access to common web technologies like HTML5 features as well as Node.js modules and desktop capabilities like native menus, file system access, and more. Node-webkit applications can be built for Windows, Mac, and Linux and are useful for building games, editors, file browsers, and offline versions of web apps. More information on developing with node-webkit can be found on its GitHub wiki and in related presentations and podcasts.

electron for emberistsAidan Nulman

This document summarizes a presentation about building native desktop applications using Ember.js and Electron. It introduces Electron and explains how it allows composing desktop apps from JavaScript and HTML. It then discusses Ember Electron, a tool that integrates Electron workflows into Ember CLI. Key features covered include initializing Ember Electron, building and packaging the app, testing, adding shortcuts and dialogs, configuring icons and autoupdating. The presentation concludes with links to resources for learning more about Electron and Ember Electron.

Mobile native-hacksDevelopmentArc LLC

This document provides 14 lessons and hacks for building native and mobile web applications using JavaScript. It discusses issues like architecting for multiple platforms and environments, structuring the codebase, detecting the platform, improving performance of animations through CSS transitions, handling garbage collection of images and HTML, supporting touch events, adding sound, and leveraging tools like PhoneGap Build. The tips aim to help developers apply their web skills to build applications that run on both desktop and mobile devices using a single codebase.

Lessons Learned with Unity and WebGLLior Tal

Android development war storiesLope Emano

This document summarizes the author's experiences with Android development over the past few months. It discusses adopting a design-first process, using Android Studio as the IDE, and exploring various libraries including Guava, Butterknife, ORMLite, GreenDao, EventBus, and Android Priority JobQueue for background tasks such as image uploads. The author found EventBus and JobQueue most useful for communicating between app components and handling background tasks including offline support.

Developing Desktop Apps with Electron & Ember.js - FITC WebU2017Aidan Nulman

This document discusses developing desktop apps using Electron and Ember. It provides an overview of Electron and why developers use it to build hybrid apps. It then covers initializing an Ember app with Electron, using Electron Forge for features like live reloading and packaging, and extending an Electron app with things like global shortcuts, icons, and updates. Useful libraries like Render Vendor and FS Storage Plus that are well-suited for Electron apps are also mentioned.

Javascript Frameworks ComparisonDeepu S Nath

Play framework 2 : Peter HiltonJAX London

This presentation introduces the key innovations that Play 2 brings to web application development in Java and Scala. The Play framework has brought high-productivity web development to Java with three innovations that changed the rules on Java EE: Java class and template save-and-reload that just works, a simplified stateless architecture that enables cloud deployment, and superior ease-of-use. Following Play's rapidly-growing popularity, Play 2.0 was released in March 2012 with innovations that are not just new in the Java world: type-safe view templates and HTTP routing, compile-time checking for static resources, and native support for both Java and Scala. Type safety matters. After dynamically-typed programming languages such as PHP and Ruby set the standard for high-productivity web development, Play built on their advantages and has created a type-safe web development framework with extensive compile-time checking. This is essential for applications that will scale to tens of thousands of lines of code, with hundreds of view templates. Meanwhile, Play avoids the architectural-complexity that is promoted by Java EE-based approaches. The result is that Play 2 first enables rapid initial application development and then Play 2 helps you build big, serious and scalable web applications.

Building a PWA - For Everyone Who Is Scared ToRaymond Camden

This document provides an overview of building progressive web apps (PWAs). It discusses the key technologies needed for PWAs including manifest files, service workers, and app shells. It provides examples of how to add a manifest to enable installable web apps, how to cache assets using service workers, and how to send push notifications. While Safari and iOS do not fully support these technologies yet, the document notes they are being developed for future releases.

Heroes of Paragon: publishing Unity WebGL game on FacebookDevGAMM Conference

JavaScript Libraries: The Big PictureSimon Willison

This document provides an overview of popular JavaScript libraries including Dojo Toolkit, YUI, Prototype, and jQuery. It discusses problems they aim to solve like cross-browser inconsistencies. Key features of each library are mentioned like Dojo's widgets, YUI's controls, Prototype's Ruby-like syntax, and jQuery's chaining and node selection. The document also covers ideas from the libraries like progressive enhancement, animation APIs, and leveraging hosting on CDNs.

ggplot for pythonAustin Ogilvie

Yhat - Applied Data Science - Feb 2016Austin Ogilvie

More Related Content

What's hot (20)

Building a Desktop Streaming console with Electron and ReactJSEmanuele Rampichini

Building a Desktop Streaming console with Node.js and WebKitEmanuele Rampichini

Cross-Platform Desktop Apps with Electron (CodeStock Edition)David Neal

Building Native Experiences with ElectronBen Gotow

Native Desktop App with Node.js Webkit (HTML, CSS & Javascript)Eddie Lau

Cross-Platform Desktop Apps with Electron (Condensed Version)David Neal

Electron allows developers to build desktop applications with web technologies like HTML, CSS, and JavaScript. It uses Chromium and Node.js to package these apps so they can run on Windows, macOS, and Linux. Electron provides features like rapid development, cross-platform deployment, native UI integration, and offline capabilities. Some example Electron apps include Atom, Slack, and Visual Studio Code. The document provides an overview of Electron and tips for developing desktop apps with its framework.

ElectronJens Siebert

Desktop apps with node webkitPaul Jensen

Debugging IE Performance Issues with xperf, ETW and NavigationTimingNicholas Jansma

Amsterdam.js talk: node webkitFabian Jakobs

electron for emberistsAidan Nulman

Mobile native-hacksDevelopmentArc LLC

Lessons Learned with Unity and WebGLLior Tal

Android development war storiesLope Emano

Developing Desktop Apps with Electron & Ember.js - FITC WebU2017Aidan Nulman

Javascript Frameworks ComparisonDeepu S Nath

Play framework 2 : Peter HiltonJAX London

Building a PWA - For Everyone Who Is Scared ToRaymond Camden

Heroes of Paragon: publishing Unity WebGL game on FacebookDevGAMM Conference

JavaScript Libraries: The Big PictureSimon Willison

Building a Desktop Streaming console with Electron and ReactJSEmanuele Rampichini

Building a Desktop Streaming console with Node.js and WebKitEmanuele Rampichini

Cross-Platform Desktop Apps with Electron (CodeStock Edition)David Neal

Building Native Experiences with ElectronBen Gotow

Native Desktop App with Node.js Webkit (HTML, CSS & Javascript)Eddie Lau

Cross-Platform Desktop Apps with Electron (Condensed Version)David Neal

ElectronJens Siebert

Desktop apps with node webkitPaul Jensen

Debugging IE Performance Issues with xperf, ETW and NavigationTimingNicholas Jansma

Amsterdam.js talk: node webkitFabian Jakobs

electron for emberistsAidan Nulman

Mobile native-hacksDevelopmentArc LLC

Lessons Learned with Unity and WebGLLior Tal

Android development war storiesLope Emano

Developing Desktop Apps with Electron & Ember.js - FITC WebU2017Aidan Nulman

Javascript Frameworks ComparisonDeepu S Nath

Play framework 2 : Peter HiltonJAX London

Building a PWA - For Everyone Who Is Scared ToRaymond Camden

Heroes of Paragon: publishing Unity WebGL game on FacebookDevGAMM Conference

JavaScript Libraries: The Big PictureSimon Willison

Viewers also liked (20)

ggplot for pythonAustin Ogilvie

Yhat - Applied Data Science - Feb 2016Austin Ogilvie

Ggplot in pythonAjay Ohri

This document provides an introduction to using ggplot in Python. It discusses installing ggplot and importing necessary packages. It then uses a diamonds dataset to demonstrate how to explore the data, prepare it for analysis, evaluate relationships between variables like price and carat size, and use facets to differentiate results. The goal is to help beginners understand basic ggplot functions and how to visualize and analyze data.

Analyzing mlb data with ggplotAustin Ogilvie

Making basic, good-looking plots in Python is tough. Matplotlib gives you great control, but at the expense of being very detailed. The rise of pandas has made Python the go-to language for data wrangling and munging but many people are still reluctant to leave R because of its outstanding data viz packages. ggplot is a port of the popular R package ggplot2 into Python. It provides a high level grammar that allow users to quickly and easily make good looking plots. An example may be found here: http://blog.yhathq.com/posts/ggplot-for-python.html Greg will show you how to use ggplot to analyze data from the MLB's open data source, pitchf/x. He will take you through the basics of ggplot and show how easy it is to create histograms, plot smoothed curves, customize colors & shapes. http://www.meetup.com/PyData-Boston/events/184382092/

Building a Beer Recommender with Yhat (PAPIs.io - November 2014)Austin Ogilvie

Table of Useful R commands.Dr. Volkan OBAN

Hadley verseAjay Ohri

Hadley Wickham is known for authoring 63 R packages, collectively known as the "HadleyVerse". These packages cover a wide range of topics including data import, manipulation, visualization, and developer tools. Separately, Brian Ripley and Dirk Eddelbuettel are also known for authoring R packages, with 26 and 41 packages respectively under their names ("RipleyVerse" and "DirkVerse"). While presented as a lighthearted comparison, Hadley Wickham has authored the largest number of influential R packages that are widely used.

Using R for Social Media and Sports AnalyticsAjay Ohri

Sqor is a social network focused on sports that uses various technologies like Python, R, Erlang, and SQL in its data pipeline. R is used exclusively for machine learning and statistics tasks like clustering, classification, and predictive analytics. Sqor has developed prediction algorithms in R to identify influential athletes on social media and collaborate with them. Their prediction algorithms appear to be working effectively so far based on results. Sqor is also building an Erlang/R bridge to allow R scripts to be run and scaled from Erlang for tasks like predictive modeling.

Analyze thisAjay Ohri

This document provides an overview of analyzing data using open source tools and techniques to cut costs and improve metrics. It demonstrates tools like R, Python, and Spark that can be used for tasks like data exploration, predictive modeling, and clustering. Common techniques are discussed like examining median, mode, and standard deviation instead of just means. The document also gives examples of use cases like churn prediction, conversion propensity, and web/social network analytics. It concludes by encouraging the systematic collection and use of data to make decisions and that visualizing data through graphs is very helpful.

Python at yhat (august 2013)Austin Ogilvie

Yhat uses Python to integrate R code for data analysis and modeling. R code is compiled to bytecode and executed from Python to make predictions, which are returned via a REST API. This allows data scientists to use their preferred tools of R or Python without altering workflows, and ensures models can be deployed and validated across environments. Yhat is looking to hire and offers its platform to other companies to plug in different scientific environments.

What is r in spanish.Ajay Ohri

Este documento proporciona una introducción al lenguaje R para el análisis estadístico. Explica que R es ahora el idioma principal para el análisis de datos y estadísticas, y que este curso ofrece experiencia práctica utilizando R. También describe algunas de las características y capacidades básicas de R, como el manejo de datos, cálculos matriciales, herramientas estadísticas y gráficas.

RcppAjay Ohri

This document provides an overview of using the Rcpp package to integrate C++ with R code in order to improve performance. It discusses getting started with Rcpp, converting R functions to C++, attributes and classes in Rcpp, handling missing values, Rcpp Sugar for vectorization, using the Standard Template Library, and examples. The key points covered are how Rcpp allows embedding C++ code in R and compiling it to create faster R functions, as well as techniques like Rcpp Sugar and the STL that help write efficient C++ code for R.

Summer school python in spanishAjay Ohri

El documento describe las principales bibliotecas de Python para la ciencia de datos, incluyendo Pandas para manipulación de datos, NumPy para cálculos numéricos, Matplotlib y Seaborn para visualización de datos, y Scikit-learn para modelado de machine learning. También describe interfaces como IPython Notebook para interactuar con los datos y bibliotecas de una manera amigable para el usuario.

Kush stats alpha Ajay Ohri

Logical FallaciesAjay Ohri

Applied Data Science: Building a Beer Recommender | Data Science MD - Oct 2014Austin Ogilvie

The document outlines Greg Lamp's presentation at a Data Science MD Meetup in October 2014 about Applied Data Science with Yhat. The presentation covers the challenges of building analytical applications, a case study of a beer recommender system built in Python using beer review data, and a demonstration of deploying the model through Yhat's platform. It concludes with a question and answer section.

Training in Analytics and Data ScienceAjay Ohri

This document provides an introduction and overview of a summer school course on business analytics and data science. It begins by introducing the instructor and their qualifications. It then outlines the course schedule and topics to be covered, including introductions to data science, analytics, modeling, Google Analytics, and more. Expectations and support resources are also mentioned. Key concepts from various topics are then defined at a high level, such as the data-information-knowledge hierarchy, data mining, CRISP-DM, machine learning techniques like decision trees and association analysis, and types of models like regression and clustering.

Software Testing for Data ScientistsAjay Ohri

Data Visualization(s) Using PythonAniket Maithani

This document provides an introduction to data visualization using Python libraries like Pandas, Seaborn, NumPy, and SciPy. It begins with an about section for the author and then discusses data and visualization. Several Python libraries for visualization are introduced, including Pandas, Matplotlib, Seaborn, and examples are shown for each. The document concludes by asking for any other questions.

Training in Analytics, R and Social Media AnalyticsAjay Ohri

This document provides an overview of basics of analysis, analytics, and R. It discusses why analysis is important, key concepts like central tendency, variance, and frequency analysis. It also covers exploratory data analysis, common analytics software, using R for tasks like importing data, data manipulation, visualization and more. Examples and demos are provided for many common R functions and techniques.

ggplot for pythonAustin Ogilvie

Yhat - Applied Data Science - Feb 2016Austin Ogilvie

Ggplot in pythonAjay Ohri

Analyzing mlb data with ggplotAustin Ogilvie

Building a Beer Recommender with Yhat (PAPIs.io - November 2014)Austin Ogilvie

Table of Useful R commands.Dr. Volkan OBAN

Hadley verseAjay Ohri

Using R for Social Media and Sports AnalyticsAjay Ohri

Analyze thisAjay Ohri

Python at yhat (august 2013)Austin Ogilvie

What is r in spanish.Ajay Ohri

RcppAjay Ohri

Summer school python in spanishAjay Ohri

Kush stats alpha Ajay Ohri

Logical FallaciesAjay Ohri

Applied Data Science: Building a Beer Recommender | Data Science MD - Oct 2014Austin Ogilvie

Training in Analytics and Data ScienceAjay Ohri

Software Testing for Data ScientistsAjay Ohri

Data Visualization(s) Using PythonAniket Maithani

Training in Analytics, R and Social Media AnalyticsAjay Ohri

Similar to Electron - Build desktop apps using javascript (20)

Learn Electron for Web DevelopersKyle Cearley

Electron Firenze 2020: Linux, Windows o MacOS?Denny Biasiolli

Electron: Linux, Windows or Macos?Commit University

ElectronITCP Community

Dnepr JS Club #2 Speaker - Дмитрий Васин [full stack разработчик Anadea Inc.] Тема: "Electron: Разработка Desktop приложений используя HTML, CSS и JavaScript" "В этом докладе я опишу возможность создания красивых, крос-платформенных десктопных приложений используя современный стек технологий и веб-инструменты. Я покажу как разработать десктопное приложение используя HTML, CSS, and JavaScript. Рассмотрим: - что это и зачем это нужно - как это работает - плюсы такой разработки - фатальные минусы - итоги"

Electron. How To.Igor Kozlovsky

This document discusses building cross-platform applications using Electron. Electron allows you to create desktop applications using JavaScript, HTML, and CSS. It works by using Chromium and Node.js, allowing you to build the app using web technologies and then package it as a native application for various platforms like Windows, Mac, and Linux. The document covers how to set up an Electron project, the underlying architecture involving the main and renderer processes, how to debug apps, and when Electron may or may not be a good fit for a project.

Electron JS | Build cross-platform desktop applications with web technologiesBethmi Gunasekara

Electron allows developers to build desktop applications using web technologies like HTML, CSS, and JavaScript. It combines the Chromium rendering engine and Node.js to package web applications into installable desktop apps. Some key benefits of Electron include the ability to reuse code and resources from web apps, access native system features through Chromium, and distribute apps through auto-updating. While Electron provides rich functionality out of the box, apps may have higher memory usage than traditional desktop applications due to running the full Chromium engine.

Bringing Javascript to the Desktop with ElectronNir Noy

After Node.js brought JavaScript to the server, it was only inevitable that someone would take it to the next level and bring it to our desktop. And indeed this day has come. With the help of GitHub's Electron, front-end developers can now create fully featured desktop applications using JavaScript, HTML and CSS. In this talk, we'll go over the basics of developing an Electron app, talk about how Electron works under the hood and show how to build it and package it

Electron presentationStanislavNikolaenko2

This document discusses Electron, an open-source framework for building cross-platform desktop applications using JavaScript, HTML, and CSS. It explains that Electron allows you to create desktop apps using web technologies and includes Chromium and Node.js, making it easy to build apps that work on Windows, Linux, and Mac. The document provides steps for configuring Windows to develop Electron apps, including installing Node.js and NPM, creating a package.json file, and using the Electron module to control the app and create windows.

Electron - cross platform desktop applications made easyUlrich Krause

Ulrich Krause will be presenting at the Engage 2018 conference on May 22-23, 2018 in Rotterdam, The Netherlands. The presentation will cover building cross-platform desktop applications using Electron, a framework that allows creating such applications with JavaScript, HTML, and CSS. Krause will demonstrate how to build a basic "Hello World" Electron app, add features like menus, file access, and notifications, and how to package the application for distribution. Debugging techniques and ensuring the application works properly across different platforms will also be discussed.

ElectronMark Lechtermann

This document provides an overview of the Electron framework for building cross-platform desktop applications using web technologies. It discusses Electron's motivation as addressing the need for cross-platform apps, its usage of web technologies like HTML, CSS, and JavaScript to build desktop UIs, and its integration of native OS capabilities. The document outlines Electron's architecture, deployment options, and ways to integrate existing code like C/C++, native shared libraries, and .NET code into Electron applications. Sample code is referenced to demonstrate key concepts.

Get that Corner Office with Angular 2 and ElectronLukas Ruebbelke

Developing Desktop Apps with Electron & Ember.jsFITC

Presented at Web Unleashed 2017. More info at www.fitc.ca/webu Presented by Aidan Nulman, Isle of Code Overview A review of the tools used to package HTML + CSS + JS codebases as cross-platform desktop applications; in particular electron-forge and how it integrates with SPA build pipelines. Examples assume an Ember app, most of the concepts & principles discussed translate easily across frameworks. Objective Teach developers how readily their skills translate to building useful desktop apps (e.g. for system monitoring / automation, journaling, etc) Target Audience Developers familiar with modern SPA frameworks, including React, Angular, Vue, Cordova, and Ember Assumed Audience Knowledge See above  Five Things Audience Members Will Learn How to build & run a desktop application from code for a typical modern Javascript app The core concepts that make Electron work How electron-forge integrates with modern build pipelines Advanced techniques made easy with default Electron tools, e.g. auto-updates, system alerts What libraries exist to simplify other common desktop concerns, e.g. encrypted storage, print queues

Cross-platform Desktop Apps development using HTML, CSS, JS with ElectronEsinniobiwa Quareeb

Going Desktop with ElectronLeo Lindhorst

Building desktop applications for fun with electronTMME - TECH MEETUP FOR MYANMAR ENGINEERS IN JP

This document discusses building desktop applications using Electron JS, which allows using web technologies like HTML, CSS, and JavaScript to build desktop applications that can access native system features. It covers Electron's cross-platform capabilities, some example apps built with Electron using different UI frameworks, communicating with servers from the desktop app, desktop features like menus and notifications, packaging and distributing Electron apps, and ideas for potential Electron apps.

ElectronDebopam Sengupta

Electron allows developers to build desktop applications with web technologies like HTML, CSS, and JavaScript. It uses Chromium and Node.js to package apps so they can run natively on desktop and gain capabilities like offline use, while reusing existing frontend skills. Some benefits are auto-updates, debugging tools and native UI integration, though apps can be large and occasional performance issues occur. Developers can leverage existing JavaScript skills and libraries to build the app interface and backend, communicating between processes using Electron's IPC and remote APIs.

SubmitJS: Developing desktop applications with Electron. Mykyta SemenistyiBinary Studio

An overview of the architecture of electron.jsMoon Technolabs Pvt. Ltd.

Cross-Platform Desktop Apps with Electron (JSConf UY)David Neal

JavaScript and Desktop Apps - Introduction to ElectronBrainhub

Learn Electron for Web DevelopersKyle Cearley

Electron Firenze 2020: Linux, Windows o MacOS?Denny Biasiolli

Electron: Linux, Windows or Macos?Commit University

ElectronITCP Community

Electron. How To.Igor Kozlovsky

Electron JS | Build cross-platform desktop applications with web technologiesBethmi Gunasekara

Bringing Javascript to the Desktop with ElectronNir Noy

Electron presentationStanislavNikolaenko2

Electron - cross platform desktop applications made easyUlrich Krause

ElectronMark Lechtermann

Get that Corner Office with Angular 2 and ElectronLukas Ruebbelke

Developing Desktop Apps with Electron & Ember.jsFITC

Cross-platform Desktop Apps development using HTML, CSS, JS with ElectronEsinniobiwa Quareeb

Going Desktop with ElectronLeo Lindhorst

Building desktop applications for fun with electronTMME - TECH MEETUP FOR MYANMAR ENGINEERS IN JP

ElectronDebopam Sengupta

SubmitJS: Developing desktop applications with Electron. Mykyta SemenistyiBinary Studio

An overview of the architecture of electron.jsMoon Technolabs Pvt. Ltd.

Cross-Platform Desktop Apps with Electron (JSConf UY)David Neal

JavaScript and Desktop Apps - Introduction to ElectronBrainhub

More from Austin Ogilvie (6)

2013 - Yhat - YC app.pdfAustin Ogilvie

2013 05-27-yhat-aboutAustin Ogilvie

The document discusses a web platform called Yhat that allows data scientists to easily integrate predictive models into software applications. Yhat provides tools to deploy models written in R, Python, or Excel as web services with a simple API. This addresses the challenge of porting models between languages that developers currently face. Yhat has seen growing interest since its launch three months ago, with over 30,000 monthly visitors and 117 models deployed.

Yhat 2017 Investor DeckAustin Ogilvie

Finding Lanes for Self-Driving Cars - PyData Berlin Jul 2017- Ross Kippenbroc...Austin Ogilvie

This document discusses finding lane lines for self-driving cars. It covers the steps involved in perception including undistorting, warping, and isolating lanes from camera images. Color selection and edge detection techniques are used to find the lane lines, which are then curve fitted. Metrics like radius of curvature and distance to lane center are also calculated to help the car steer. Questions are welcomed and sources for further information are provided.

Applied Data Science with YhatAustin Ogilvie

This document summarizes a presentation about applied data science. The presentation introduces Yhat, a data science company, and covers a case study of building a beer recommendation engine. It discusses challenges in building analytical applications, and demonstrates Yhat's tools for moving quickly through the full data science process from getting and cleaning data to deploying models through a simple API. The presentation concludes with a Q&A.

Predictive Models for Production Apps with YhatAustin Ogilvie

2013 - Yhat - YC app.pdfAustin Ogilvie

2013 05-27-yhat-aboutAustin Ogilvie

Yhat 2017 Investor DeckAustin Ogilvie

Finding Lanes for Self-Driving Cars - PyData Berlin Jul 2017- Ross Kippenbroc...Austin Ogilvie

Applied Data Science with YhatAustin Ogilvie

Predictive Models for Production Apps with YhatAustin Ogilvie

Recently uploaded (20)

COBOL Programming with VSCode - IBM CertificateVICTOR MAESTRE RAMIREZ

Neuralink Templateeeeeeeeeeeeeeeeeeeeeeeeeealexandernoetzold

Async-ronizing Success at Wix - Patterns for Seamless Microservices - Devoxx ...Natan Silnitsky

In a world where speed, resilience, and fault tolerance define success, Wix leverages Kafka to power asynchronous programming across 4,000 microservices. This talk explores four key patterns that boost developer velocity while solving common challenges with scalable, efficient, and reliable solutions: 1. Integration Events: Shift from synchronous calls to pre-fetching to reduce query latency and improve user experience. 2. Task Queue: Offload non-critical tasks like notifications to streamline request flows. 3. Task Scheduler: Enable precise, fault-tolerant delayed or recurring workflows with robust scheduling. 4. Iterator for Long-running Jobs: Process extensive workloads via chunked execution, optimizing scalability and resilience. For each pattern, we’ll discuss benefits, challenges, and how we mitigate drawbacks to create practical solutions This session offers actionable insights for developers and architects tackling distributed systems, helping refine microservices and adopting Kafka-driven async excellence.

OpenTelemetry 101 Cloud Native BarcelonaImma Valls Bernaus

Migrating to Azure Cosmos DB the Right WayAlexander (Alex) Komyagin

Top 5 Task Management Software to Boost Productivity in 2025Orangescrum

dp-700 exam questions sample docume .pdfpravkumarbiz

Best Inbound Call Tracking Software for Small BusinessesTheTelephony

The best inbound call tracking software for small businesses offers features like call recording, real-time analytics, lead attribution, and CRM integration. It helps track marketing campaign performance, improve customer service, and manage leads efficiently. Look for solutions with user-friendly dashboards, customizable reporting, and scalable pricing plans tailored for small teams. Choosing the right tool can significantly enhance communication and boost overall business growth.

From Chaos to Clarity - Designing (AI-Ready) APIs with APIOps CyclesMarjukka Niinioja

Teams delivering API are challenges with: - Connecting APIs to business strategy - Measuring API success (audit & lifecycle metrics) - Partner/Ecosystem onboarding - Consistent documentation, security, and publishing 🧠 The big takeaway? Many teams can build APIs. But few connect them to value, visibility, and long-term improvement. That’s why the APIOps Cycles method helps teams: 📍 Start where the pain is (one “metro station” at a time) 📈 Scale success across strategy, platform, and operations 🛠 Use collaborative canvases to get buy-in and visibility Want to try it and learn more? - Follow APIOps Cycles in LinkedIn - Visit the www.apiopscycles.com site - Subscribe to email list -

Maximizing Business Value with AWS Consulting Services.pdfElena Mia

Revolutionize Your Insurance Workflow with Claims Management SoftwareInsurance Tech Services

How Insurance Policy Management Software Streamlines OperationsInsurance Tech Services

Software Engineering Process, Notation & Tools Introduction - Part 3Gaurav Sharma

Shell Skill Tree - LabEx Certification (LabEx)VICTOR MAESTRE RAMIREZ

GDG Douglas - Google AI Agents: Your Next Intern?felipeceotto

Meet You in the Middle: 1000x Performance for Parquet Queries on PB-Scale Dat...Alluxio, Inc.

Alluxio Webinar June 10, 2025 For more Alluxio Events: https://www.alluxio.io/events/ Speaker: David Zhu (Engineering Manager @ Alluxio) Storing data as Parquet files on cloud object storage, such as AWS S3, has become prevalent not only for large-scale data lakes but also as lightweight feature stores for training and inference, or as document stores for Retrieval-Augmented Generation (RAG). However, querying petabyte-to-exabyte-scale data lakes directly from S3 remains notoriously slow, with latencies typically ranging from hundreds of milliseconds to several seconds. In this webinar, David Zhu, Software Engineering Manager at Alluxio, will present the results of a joint collaboration between Alluxio and a leading SaaS and data infrastructure enterprise that explored leveraging Alluxio as a high-performance caching and acceleration layer atop AWS S3 for ultra-fast querying of Parquet files at PB scale. David will share: - How Alluxio delivers sub-millisecond Time-to-First-Byte (TTFB) for Parquet queries, comparable to S3 Express One Zone, without requiring specialized hardware, data format changes, or data migration from your existing data lake. - The architecture that enables Alluxio’s throughput to scale linearly with cluster size, achieving one million queries per second on a modest 50-node deployment, surpassing S3 Express single-account throughput by 50x without latency degradation. - Specifics on how Alluxio offloads partial Parquet read operations and reduces overhead, enabling direct, ultra-low-latency point queries in hundreds of microseconds and achieving a 1,000x performance gain over traditional S3 querying methods.

Porting Qt 5 QML Modules to Qt 6 WebinarICS

Have you upgraded your application from Qt 5 to Qt 6? If so, your QML modules might still be stuck in the old Qt 5 style—technically compatible, but far from optimal. Qt 6 introduces a modernized approach to QML modules that offers better integration with CMake, enhanced maintainability, and significant productivity gains. In this webinar, we’ll walk you through the benefits of adopting Qt 6 style QML modules and show you how to make the transition. You'll learn how to leverage the new module system to reduce boilerplate, simplify builds, and modernize your application architecture. Whether you're planning a full migration or just exploring what's new, this session will help you get the most out of your move to Qt 6.

Who will create the languages of the future?Jordi Cabot

Will future languages be created by language engineers? Can you "vibe" a DSL? In this talk, we will explore the changing landscape of language engineering and discuss how Artificial Intelligence and low-code/no-code techniques can play a role in this future by helping in the definition, use, execution, and testing of new languages. Even empowering non-tech users to create their own language infrastructure. Maybe without them even realizing.

Providing Better Biodiversity Through Better DataSafe Software

This session explores how FME is transforming data workflows at Ireland’s National Biodiversity Data Centre (NBDC) by eliminating manual data manipulation, incorporating machine learning, and enhancing overall efficiency. Attendees will gain insight into how NBDC is using FME to document and understand internal processes, make decision-making fully transparent, and shine a light on underlying code to improve clarity and reduce silent failures. The presentation will also outline NBDC’s future plans for FME, including empowering staff to access and query data independently, without relying on external consultants. It will also showcase ambitions to connect to new data sources, unlock the full potential of its valuable datasets, create living atlases, and place its valuable data directly into the hands of decision-makers across Ireland—ensuring that biodiversity is not only protected but actively enhanced.

FME as an Orchestration Tool - Peak of Data & AI 2025Safe Software

COBOL Programming with VSCode - IBM CertificateVICTOR MAESTRE RAMIREZ

Neuralink Templateeeeeeeeeeeeeeeeeeeeeeeeeealexandernoetzold

Async-ronizing Success at Wix - Patterns for Seamless Microservices - Devoxx ...Natan Silnitsky

OpenTelemetry 101 Cloud Native BarcelonaImma Valls Bernaus

Migrating to Azure Cosmos DB the Right WayAlexander (Alex) Komyagin

Top 5 Task Management Software to Boost Productivity in 2025Orangescrum

dp-700 exam questions sample docume .pdfpravkumarbiz

Best Inbound Call Tracking Software for Small BusinessesTheTelephony

From Chaos to Clarity - Designing (AI-Ready) APIs with APIOps CyclesMarjukka Niinioja

Maximizing Business Value with AWS Consulting Services.pdfElena Mia

Revolutionize Your Insurance Workflow with Claims Management SoftwareInsurance Tech Services

How Insurance Policy Management Software Streamlines OperationsInsurance Tech Services

Software Engineering Process, Notation & Tools Introduction - Part 3Gaurav Sharma

Shell Skill Tree - LabEx Certification (LabEx)VICTOR MAESTRE RAMIREZ

GDG Douglas - Google AI Agents: Your Next Intern?felipeceotto

Meet You in the Middle: 1000x Performance for Parquet Queries on PB-Scale Dat...Alluxio, Inc.

Porting Qt 5 QML Modules to Qt 6 WebinarICS

Who will create the languages of the future?Jordi Cabot

Providing Better Biodiversity Through Better DataSafe Software

FME as an Orchestration Tool - Peak of Data & AI 2025Safe Software