Building desktop applications with web technologies - ELECTRON the easy way

100 %
0 %
Information about Building desktop applications with web technologies - ELECTRON the easy way

Published on September 30, 2015

Author: stefanjudis

Source: slideshare.net

1. Building desktop applications with web technologies the easy way @stefanjudis

2. @stefanjudis FRONTEND DEVELOPER MOSTLY E-COMMERCE NOW INTO SINGLE PAGE APPLICATIONS

3. http://perf-tooling.today

4. https://github.com/stefanjudis

5. http://www.meetup.com/de/Berlin-Web-Performance-Group/

6. STARTED FULLSTACK ( 5 YEARS AGO )

7. “You have to specialize. Do one thing and do it as well as possible rather than doing everything just good.”

8. for Frontend Technologies ( around 2012 )

9. But unfortunately I was a bit late. ( I had a ton to catch up with )

10. HTML invented early 90ies. CSS invented 1994. JavaScript invented 1995.

11. First WebApps appeared

12. MV-WHATEVER

13. HTML5 moving forward

14. LocationDevice movement Making Music Web Cam Access Battery Status

15. What about offline?

16. Service Workers FTW http://techcrunch.com/2015/09/14/facechrome/

17. How to use these fancy web apps?

18. https://github.com/adobe/brackets-shell http://nwjs.io/

19. So far, one big player was missing...

20. Let’s build our dream editor! With Web Technology!

21. http://blog.atom.io/2014/02/26/introducing-atom.html

22. Writing to Disk Using native Functionality Separate concerns clearly

23. - Atom Shell - So - how does it work?

24. Atom Shell is a Node.js programmable Chromium browser.

25. Chromium Browser Browser https://speakerdeck.com/zcbenz/practice-on-embedding-node-dot-js-into-atom-editor Controlled by C++ Window … Tray Menu Dialog IPC Renderer HTML JavaScript CSS Renderer HTML JavaScript CSS Renderer HTML JavaScript CSS Window Window

26. Atom Shell Browser https://speakerdeck.com/zcbenz/practice-on-embedding-node-dot-js-into-atom-editor Controlled by Node.js Window … Tray Menu Dialog IPC Renderer HTML JavaScript CSS Renderer HTML JavaScript CSS Renderer HTML JavaScript CSS Window Window

27. http://electron.atom.io/

28. https://atom.io/

29. https://code.visualstudio.com/

30. https://slack.com/

31. - our use case at LLS - Let´s check some code? ( a fairly simple one ) - in case I make a stupid error please tell me -

32. Let´s write something real?

33. Let`s make it distribution ready!

34. Windows Result

35. https://github.com/stefanjudis/electron-webview-example https://github.com/stefanjudis/electron-todo-example https://github.com/stefanjudis/electron-block-screensaver-example Example Projects Packages used for distribution https://github.com/maxogden/electron-packager https://github.com/loopline-systems/electron-builder

36. Working cross-platform Active Development Strong Community Last words

37. https://github.com/sindresorhus/awesome-electron

38. Thanks. Questions?

Add a comment

Related pages

Building desktop applications with web technologies ...

Building desktop applications with web ... auch Electron sind einfach zu erlernende Plattformen mit Hilfe derer, jeder Web-Entwickler Desktop ...
Read more

www.codetalks.de

ode-webkit und nun auch Electron sind ... jeder Web-Entwickler Desktop ... Building desktop applications with web technologies - Electron the easy way ...
Read more

Building desktop applications with Electron - DevCasts

... desktop applications using modern web technologies. ... Building desktop applications with Electron. ... easy it is to create native applications ...
Read more

Creating Your First Desktop App With HTML, JS and Electron

... Tutorialzine Electron ... way to build desktop web applications ... js and web technologies to build desktop applications. ...
Read more

Create a Desktop App With Angular 2 and Electron - DZone ...

... platform desktop applications with web technologies. ... a Desktop App With Angular 2 and Electron ... a way to create desktop applications with ...
Read more

Desktop Apps With Electron And Kendo UI -Telerik Developer ...

Burke Holland shows how you can use web technologies to develop desktop ... Apps With Electron And Kendo UI. Desktop ... building desktop apps this way.
Read more

Electron: the hard parts made easy - YouTube

Building cross-platform desktop applications comes with a ... that can stand in your way when you ... Electron: Desktop Apps with Web ...
Read more

Building Desktop App with Electron - Anadea

> Building Desktop App with Electron. ... that enables developers to leverage the power of web technologies and use them to develop desktop applications.
Read more