Building awesome desktop apps using web technologies - TIB AV-Portal

Building awesome desktop apps using web technologies

00:00

6

Norwegian Developers Conference (NDC)

Follesø, Jonas

Formal Metadata

Title

Building awesome desktop apps using web technologies

Subtitle

An introduction to Electron

Title of Series

NDC London 2016

Number of Parts

133

Author

Follesø, Jonas

License

CC Attribution - NonCommercial - ShareAlike 3.0 Unported:
You are free to use, adapt and copy, distribute and transmit the work or content in adapted or unchanged form for any legal and non-commercial purpose as long as the work is attributed to the author in the manner specified by the author or licensor and the work or content is shared also in adapted form only under the conditions of this

Identifiers

10.5446/49591 (DOI)

Publisher

Norwegian Developers Conference (NDC)

Release Date

Language

Content Metadata

Subject Area

Computer Science

Genre

Conference/Talk

Abstract

Hybrid apps, where the UI is written using web technology hosted in a webview inside a native app, is a well known architectural pattern for building cross platform mobile apps. But did you know that some of your favourite desktop apps, such as Visual Studio Code, Atom and Slack, are written using a similar approach? This presentation will give you an introduction to Electron, a platform from the Atom team at GitHub for building cross platform desktop apps using HTML, CSS and JavaScript. The presentation will demonstrate a real-world app that uses non-browser functionality such as accessing the file system, SQLite databases and integrating with the host OS shell (Windows and Mac OS X). The presentation will also cover how the app can be packaged and distributed on the App Store or Windows Store.

Speech

Text

Image

00:00

Mobile appSoftware developerWeb 2.0TelecommunicationMobile appSoftware developerComputer programmingLattice (order)Information technology consultingWave packetStrategy gameComputer animation

00:46

Software developerWater vaporSpeciesGoodness of fitDifferent (Kate Ryan album)Computer animation

01:57

Gamma functionTelephone number mappingCloud computingCompilation albumSoftware developerData compressionTable (information)Online helpStatisticsTrailNeuroinformatikSineMaxima and minimaThomas BayesProfil (magazine)Computer animationEngineering drawing

02:52

Software developerWater vaporMultiplication signAlgorithmGreatest elementTrailArmSineCartesian coordinate systemScaling (geometry)Special unitary groupComputer animationLecture/Conference

03:39

Software developerBitNeuroinformatikDatabaseData storage deviceCartesian coordinate systemStatisticsData managementGauge theoryFreewareLogic gatePhysical lawTraffic reportingComputer filePoint (geometry)SkewnessMassProgrammer (hardware)Computer animation

04:49

Software developerUniform resource locatorDatabaseSoftwareNumberCodeCartesian coordinate systemMultiplication signHybrid computerWeb applicationPresentation of a groupExterior algebraMobile appVirtual machineWeb 2.0WritingHand fanQuicksortQuantum stateWebsiteDifferent (Kate Ryan album)Machine codeSpeech synthesisComputer animationMeeting/Interview

06:07

Software developerWeb browserHybrid computerType theoryHybrid computerQuantum stateDifferent (Kate Ryan album)Software developerMobile appText editorWritingAddress spaceFlow separationOpen sourceCodeTelecommunicationSoftware frameworkView (database)Web browserOperating systemWeb 2.0Computing platformMechanism designGastropod shellMobile WebData storage deviceOpen setComputer filePlug-in (computing)Source codeResultantProcess (computing)System callPhysical system

07:58

Software developerGastropod shellComputing platformBuildingCross-site scriptingJava appletScripting languageData storage deviceMobile appCross-platformWeb 2.0Software frameworkComputer iconDemo (music)Cycle (graph theory)TelecommunicationLanding pageWindowComputer animation

09:11

Software developerType theoryDemo (music)TelecommunicationPhysical systemRevision controlVirtual machinePresentation of a groupInstallation artDirectory service

09:57

Dean numberSoftware developerHill differential equationRevision controlComputer fileMobile appMaxima and minimaWeb browserPoint (geometry)Process (computing)Limit (category theory)Physical systemTelecommunicationScripting languageSocial classObject (grammar)BitFiber bundleCartesian coordinate systemWindowEvent horizonInformationAttribute grammarCNNGraphical user interfaceStandard deviationSubject indexingConnectivity (graph theory)Closed set40 (number)TouchscreenDescriptive statisticsDirectory serviceContext awarenessMultiplication signLetterpress printingModule (mathematics)Normal (geometry)Text editorService (economics)Data structureMoment (mathematics)Metropolitan area networkCodeFlow separationWeb applicationDot productStructural loadSystem callUniform resource locatorVariable (mathematics)Touch typingDemosceneSource code

15:02

Installation artSoftware developerRevision controlComputer virusPhysical systemMobile appWeb browserStructural loadContext awarenessWindowPoint (geometry)Maxima and minimaAttribute grammarInstallation artCartesian coordinate systemTelecommunicationDirectory serviceRing (mathematics)Computer animation

15:45

Demo (music)Software developerMaxima and minimaAsynchronous Transfer ModeSeries (mathematics)ComputerGauge theoryMobile appCartesian coordinate systemDatabaseDrill commandsData managementCodeDemo (music)MathematicsGauge theoryDifferent (Kate Ryan album)Logic gatePhysical lawCycle (graph theory)Lie groupInstance (computer science)Text editorComputer animation

16:48

Software developerDatabaseFreewarePresentation of a groupMereologyStatement (computer science)Series (mathematics)Stress (mechanics)Instance (computer science)ResultantConnectivity (graph theory)Computer iconPlanningSoftware developerTelecommunicationLocal ringMobile appElectronic mailing listClient (computing)Core dumpModule (mathematics)Message passingSystem callService (economics)Device driverNetwork topologyData structureParsingWeb-DesignerWeb 2.0CodeFunctional (mathematics)Source code

18:50

Modul <Datentyp>Software developerStrutSalem, IllinoisComputing platformVertex (graph theory)Revision controlTelecommunicationWordModule (mathematics)Order (biology)Physical systemRight angleSystem callWindowComputing platformRevision controlInstallation artElectronic mailing listLibrary (computing)Cartesian coordinate systemSoftware frameworkCompilation albumDatabaseBitCodeScripting languagePoint (geometry)Form (programming)PlanningOffice suiteEndliche ModelltheorieArithmetic meanMatching (graph theory)Computer animation

20:34

Software developerProcess (computing)VolumenvisualisierungScripting languageWeb browserVertex (graph theory)Type theoryTelecommunicationObject (grammar)Clique-widthComa BerenicesTelecommunicationVolumenvisualisierungType theoryProcess (computing)Special unitary groupBitCartesian coordinate systemComputer configurationUsabilityCoefficient of determinationCuboidScripting languageObject (grammar)Bus (computing)Instance (computer science)Functional (mathematics)WindowGastropod shellModule (mathematics)Mobile appWeb browserDiagramCodeRow (database)Remote procedure callGraphical user interfaceComputer animation

22:15

Software developer8 (number)Message passingMountain passProcess (computing)VolumenvisualisierungProcess (computing)VolumenvisualisierungInstance (computer science)Functional (mathematics)DiagramObject (grammar)Procedural programmingWeb browserModule (mathematics)Computer configurationMessage passingDot productType theoryDemo (music)Event horizonRemote procedure callSymbol tableGraph coloringStandard deviationComputer animation

23:13

Software developerComputer virusVideo game consoleDependent and independent variablesModule (mathematics)Message passingPRINCE2Event horizonDirected graphRevision controlProcess (computing)Ring (mathematics)BitCASE <Informatik>Software developerComputer fileVolumenvisualisierungProcess modelingTelecommunicationContent (media)CodeMobile appFunctional (mathematics)AreaRadical (chemistry)Graphical user interfaceDemo (music)Letterpress printingSynchronizationVideo game consoleLoginString (computer science)InterprozesskommunikationWindowSource code

26:26

Menu (computing)Software developerSocial classTemplate (C++)Asynchronous Transfer ModeE-learningComputerSeries (mathematics)Computer configurationDatabaseMaxima and minimaFreewareGauge theoryOpen setWave packetEndliche ModelltheorieCartesian coordinate systemPhysical systemVolumenvisualisierungMereologyContext awarenessMobile appData structureMenu (computing)Process (computing)BuildingView (database)Electronic visual displayWindowComputer iconTemplate (C++)Macro (computer science)Social classRight angleFunctional (mathematics)Computer animation

27:43

Software developerComputerSeries (mathematics)Asynchronous Transfer ModeError messageInternet forumDemo (music)DialectCodeSet (mathematics)DatabaseData structureDefault (computer science)Mobile appTelecommunicationMenu (computing)Cartesian coordinate systemTemplate (C++)Computing platformFunctional (mathematics)BackupAdditionLatent heatStandard deviationComputer fileOpen setWindowCircleCASE <Informatik>Instance (computer science)Scripting languagePresentation of a groupComputer animationSource code

30:06

Software developerData typeDisintegrationElectronic mailing listHydraulic jumpTask (computing)WindowTask (computing)Hydraulic jumpPhysical systemGastropod shellMenu (computing)Client (computing)Computer iconTelecommunicationElectronic mailing listCodeComputer animation

30:51

Software developerAsynchronous Transfer ModeMaxima and minimaSeries (mathematics)FreewareComputerMenu (computing)Computer fontMobile appModule (mathematics)Cross-platformCodeCartesian coordinate systemOperating systemWindowRevision controlEndliche ModelltheorieDefault (computer science)Physical systemComputer animation

31:42

Content (media)Software developerSystem callComputer iconComputer fileSource codeFunction (mathematics)Binary fileInclusion mapMoving averageTelecommunicationExtension (kinesiology)CodeRadio-frequency identificationCartesian coordinate systemComputer iconMobile appSoftware developerBinary codeComputer configurationMultiplication signBootingUniform resource locatorPhysical systemWindowModule (mathematics)Graphical user interfaceFunctional (mathematics)MathematicsData structureQuicksortDefault (computer science)Fiber bundleSource codeComputing platformRun time (program lifecycle phase)MetadataContent (media)MiniDiscSubject indexingComputer animation

34:07

Software developerWrapper (data mining)Mobile appSoftware frameworkMobile appWebsiteRevision controlMultiplication signSystem callTelecommunicationFunctional (mathematics)WindowModule (mathematics)Wrapper (data mining)Software frameworkLibrary (computing)Event horizonElement (mathematics)Software developerAbsolute valueComputer programmingComputer animation

35:28

Software developerElement (mathematics)Computer programPlastikkarteServer (computing)Sign (mathematics)Cartesian coordinate systemComputer programmingFitness functionMobile appTelecommunicationSoftware developerParameter (computer programming)Revision controlSoftwareModule (mathematics)Public key certificateKnotDataflowGoodness of fitUniform resource locatorSquare numberSystem callComputer animation

36:38

Software developerServer (computing)File formatInternet service providerCartesian coordinate systemRevision controlSoftware developerDataflowPhysical systemWindowSession Initiation ProtocolModule (mathematics)Archaeological field surveyExecution unitGoodness of fitPoint (geometry)WebsiteComputer animation

37:21

Distribution (mathematics)Software developerMobile appComputer iconMobile appData storage deviceTelecommunicationLimit (category theory)Term (mathematics)Type theorySquare numberDemo (music)Cartesian coordinate systemSession Initiation ProtocolCodeGroup actionOcean currentComputer fileModule (mathematics)Installation artMessage passingWeb pageConnected spaceDefault (computer science)KnotInternetworkingUniform resource locatorSoftware repositoryRootComputer animationSource code

39:09

Maß <Mathematik>Software developerModule (mathematics)Uniform resource locatorPhysical systemSet (mathematics)Computing platformMobile appRevision controlStandard deviationObject (grammar)CodeFile formatContent (media)NumberServer (computing)Ocean currentCuboidLatent heatService (economics)Line (geometry)SoftwareMultiplication signSoftware testingForm (programming)Source code

40:47

Software developerPhysical lawAsynchronous Transfer ModeLocal area networkDew pointSeries (mathematics)ComputerMaxima and minimaMobile appCodeLocal ringServer (computing)File formatLine (geometry)Software testingFunction (mathematics)Revision controlMathematicsPoint (geometry)Cartesian coordinate systemSource code

41:39

Software developerCAN busRevision controlMobile appNumberBuildingTask (computing)Computer fileCartesian coordinate system2 (number)TelecommunicationOnline helpPoint (geometry)Text editorSource code

43:10

Software developerMobile appData storage deviceSource codeComputer fileRevision controlCartesian coordinate systemCodeContent (media)Point cloudModule (mathematics)Instance (computer science)Computer animation

44:48

Software developerMaxima and minimaAsynchronous Transfer ModeComputerSeries (mathematics)Mobile appUniform resource locatorProcess (computing)WebsiteUniversal product codeFunction (mathematics)Cartesian coordinate systemPoint (geometry)Revision controlEndliche ModelltheorieMessage passingDatabaseType theorySineMobile appWindowDemo (music)Remote procedure callCodeStandard deviationObject (grammar)Instance (computer science)Process (computing)MereologyModule (mathematics)InternetworkingService (economics)Figurate numberPhysical systemMathematicsQuicksortTelecommunicationText editorUniform resource locatorInterprozesskommunikationWeb applicationComputer fileComputer animation

46:46

Software developerPersonal identification numberRemote procedure callMobile appDemo (music)WebsiteMessage passingElement (mathematics)Electronic mailing list2 (number)Server (computing)Standard deviationWeb applicationSource codeComputer animation

47:35

Software developerMessage passingPhysical systemStandard deviationTelecommunicationTwitterCartesian coordinate systemCodeClient (computing)Latent heat2 (number)InternetworkingWeb applicationVolumenvisualisierungMultiplication signModule (mathematics)Message passingComputer animationSource code

48:27

Software developerMultiplication signMessage passingUniform resource locatorStructural loadTelecommunicationComputer iconComputer fileCodeProcess (computing)WebsiteSubject indexingStandard deviationWeb browserType theoryMobile appWeb applicationFocus (optics)WindowTape drivePhysical systemLocal ring

49:41

Software developerMobile appComputer iconSystem programmingMenu (computing)Context awarenessAreaClique-widthWindowWeb browserElectronic visual displayIEC-BusFocus (optics)Cursor (computers)Position operatorTouchscreenPosition operatorCartesian coordinate systemMenu (computing)Web browserTouchscreenContent (media)Network topologyWindowMultitier architectureRight angleMultiplication signLevel (video gaming)Instance (computer science)Mobile appComputer iconCategory of beingPhysical systemFrame problemKey (cryptography)Context awarenessComputer fileComputer animation

50:50

Software developerHybrid computerCartesian coordinate systemMobile appView (database)Online chatWeb 2.0Computer iconFacebookPhysical systemMedical imagingTelecommunicationoutputDreizehnRoyal NavyMenu (computing)Connectivity (graph theory)CuboidComputer animation

51:49

Software developerComa BerenicesUser interfaceBoolean algebraCuboidoutputMobile appConnectivity (graph theory)Mobile WebTouch typingComputing platformSoftware frameworkBitWordView (database)RoutingHybrid computerMappingScripting languageComputer animation

52:34

Software developerComputer configurationComponent-based software engineeringMatrix (mathematics)Cross-site scriptingMatrix (mathematics)WordSoftware frameworkConnectivity (graph theory)Mobile appBootstrap aggregatingTelecommunicationText editorRoutingRevision controlBitWeb pageWebsiteSet (mathematics)Cartesian coordinate systemMetropolitan area networkComputer animation

53:30

Software developerTable (information)Social classStandard deviationSource codeUniform resource locatorConnectivity (graph theory)Cartesian coordinate systemDivision (mathematics)Sinc functionComputing platformDigital photographyGroup actionComputer configurationSource codeComputer animation

54:25

Software developerClique-widthKeyboard shortcutCommunications protocolDirectory serviceGastropod shellBitCartesian coordinate systemPhysical systemMultiplication signPower (physics)Office suiteArithmetic progressionMedical imagingTouchscreenInteractive kioskParticle systemBlock (periodic table)Keyboard shortcutAsynchronous Transfer ModeWeb applicationThumbnailWindowCommunications protocolSource codeComputer animation

55:36

Software developerBuildingPlug-in (computing)Virtual machineLink (knot theory)TelecommunicationSet (mathematics)Computer configurationOnline helpFunctional (mathematics)Instance (computer science)Presentation of a groupUniform resource locatorModule (mathematics)TouchscreenCartesian coordinate systemMessage passingRight angleWindowGraphical user interfaceElectronic program guideSoftware repositoryFeedbackMachine codeMobile appWeb 2.0WritingTwitterPower (physics)Computer animation

Transcript: English(auto-generated)