O Electronie słów kilka

O Electronie słów kilka

Aplikacje desktopowe w JavaScript

Bartosz Tkaczewskiemail: tkaczu@tsh.io twitter: @btkaczewski github: tkaczu1

Plan prezentacjiElectron - co to?

Electron - jak działa?

Electron - kto używa?

Electron - możliwości

Instalacja

Przykład #1

Case Study - Przykład #2

Przykład #2

Zasoby

2

Electron - co to?

Framework który daje możliwość tworzenia wieloplatformowych aplikacji desktopowych, pisanych

przy użyciu JavaScript/HTML/CSS.

3

Electron - jak działa?

Electron działa w oparciu o io.js oraz Chromium

4

Electron - kto używa?Electron już teraz został użyty do kilku ciekawych aplikacji

m.in:

- Atom - GitHub IDE - atom.io

- Slack - IM - slack.com

- Visual Studio Code - Microsoft IDE - code.visualstudio.com

- Nuclide - Facebook IDE - nuclide.io

- Pixate - UX/UI Mobile prototyping - pixate.com

5

Electron - możliwości

- Wieloplatformowość (Mac, Linux, Windows)

- Automatyczne aktualizacje

- Raportowanie błędów

- Okienkowe instalatory

- Natywne menu & systemowe notyfikacji

6

Instalacja

7

Przykład #1

http://electron.atom.io/docs/latest/tutorial/quick-start/

8

Przykład #1 - struktura

9

Przykład #1 - package.json

10

Przykład #1 - main.js

11

Przykład #1 - index.html

12

Przykład #1 - start

13

Przykład #1 - rezultat

14

Case Study - Przykład #2

Utworzenie aplikacji wspomagającej pracę recepcji klubu fitness.

15

Przykład #2 - wymagania

- możliwość potwierdzania rezerwacji,

- możliwość przeglądania niepotwierdzonych i potwierdzonych rezerwacji,

- możliwość usuwania rezerwacji.

16

Przykład #2 - użyte technologie

- Electron,

- Bootstrap 3 - framework UI,

- jQuery - renderer UI,

- superagent (pakiet nodejs) - łączność z api

17

Przykład #2 - struktura

18

Przykład #2 - main.js

19

Przykład #2 - main.js cd.

20

Przykład #2 - index.js

21

Przykład #2 - rezultat

22

Przykład #2 - rezultat

23

Przykład #2 - rezultat

24

Przykład #2 - rezultat

25

Zasoby- https://github.com/tkaczu/up7-electron-app

- https://github.com/tkaczu/up7-electron-api

- https://github.com/atom/electron

- http://electron.atom.io/docs/latest/tutorial/quick-start/

- https://github.com/mafintosh/electron-prebuilt

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

26

Dziękuje za uwagę :) Zapraszam do dyskusji.

27