Upload
bartosz-tkaczewski
View
348
Download
0
Embed Size (px)
Citation preview
O Electronie słów kilka
Aplikacje desktopowe w JavaScript
Bartosz Tkaczewskiemail: [email protected] 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