Extjs & netzke

2,852 views
2,811 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,852
On SlideShare
0
From Embeds
0
Number of Embeds
1,332
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Extjs & netzke

  1. 1. Ext JS Zastosowanie w aplikacjach Ruby on Rails Leszek Smentek
  2. 2. Co to takiego ? - Ext JS jest frameworkiem stworzonym i rozwijanym przez firmę Sencha. - Głównym przeznaczeniem jest budowa aplikacji internetowych silnie opartych na języku javascript - Jest kompatybilny z najbardziej rozpowszechnionymi przeglądarkami na rynku (Firefox, Google Chrome, Safari, Opera, Internet Explorer) - Posiada dwa rodzaje licencji, komercyjną i open source
  3. 3. Do czego może się przydać ? - Interaktywne aplikacje internetowe (AJAX) - Dobrze sprawdza się przy operowaniu na dużej ilości dany (dane tekstowe, numeryczne, statystyki, wykresy, itp.) - Ułatwia budowanie aplikacji wymagających odpowiedniej prezentacji i formatowania danych - Może służyć do budowy części administracyjnej strony internetowej lub portalu - Zapewnienie kompatybilność z wszystkimi głównymi przeglądarkami na rynku - Web Desktop
  4. 4. Inni gracze na rynku. - JQuery - Google Web Toolkit - Prototype - YUI - ...
  5. 5. Po co marnować mój cenny czas na naukę czegoś nowego? - Wiele ciekawych funkcjonalności zagregowanych w jednym miejscu. - Dobra dokumentacja - Społeczność - Wsparcie techniczne - Narzędzia - Estetyczny wygląd - To wszystko ze sobą działa !
  6. 6. Nie tylko zalety... - Wiele funkcjonalności zagregowanych w jednym miejscu. (Framework jest dość „ciężki”) - Licencja komercyjna
  7. 7. No dobra ale co to ma wspólnego z Ruby on Rails ?!
  8. 8. Przyjaciele zza wschodniej granicy - Netzke to eleganckie i wydajne rozwiązanie architektoniczne na kilka znanych problemów, które towarzyszą rozwoju złożonych opartych na technologii AJAX RIA (Rich Internet Applications). Bez względu na stopień złożoności aplikacji, Netzke pomoże Ci zachować swój kod w porządku i czystości. - Netzke wprowadza piękną mieszankę kodu klienta i strony serwera (JavaScript i Ruby, odpowiednio). Skutkuje to powstaniem dobrze zdefiniowanych, generujących niewielki ruch, rozszerzalnych komponentów, umożliwiających wielokrotne użycie. - Netzke wykorzystuje ideologię „konwencji nad konfiguracją”, przez co kod GUI staje się bardzo łatwy w tworzeniu, ale bez narzucania jakichkolwiek ograniczeń.
  9. 9. Tyle teorii. Trochę praktyki :) Krok 1 - Gemfile gem 'netzke-core', :git => "git://github.com/skozlov/netzke-core.git" gem 'netzke-basepack', :git => "git://github.com/skozlov/netzke-basepack.git"
  10. 10. Tyle teorii. Trochę praktyki :) Krok 2 - routes.rb NetzkeTaskManager::Application.routes.draw do netzke root :to => "welcome#index" # ... end
  11. 11. I jeszcze trochę praktyki Krok 3 – application.html.erb <!DOCTYPE html> <html> <head> <title>Netzke Task Manager</title> <%= netzke_init %> <%= csrf_meta_tag %> </head> <body> <%= yield %> </body> </html>
  12. 12. I jeszcze trochę praktyki nie związanej z Netzke Krok 4 - generatory - rails g controller welcome index - rails g model Task done:boolean name:string notes:text priority:integer due:date Krok 5 – migracja - t.boolean :done, :default => false
  13. 13. Prawie u celu Krok 6 – index.html.erb <%= netzke :tasks, :class_name => &quot;Basepack::GridPanel&quot;, :model => &quot;Task&quot; %>
  14. 14. Nareszcie koniec ciężkiej pracy ;) Krok 7 – Podziwiamy nasze dzieło
  15. 15. Co Netzke daje zwykłemu programiście? - szybkie powstawanie funkcjonalności - przejrzystość i czytelność kodu - komponenty wielokrotnego użytku - elastyczność - większość kodu to ruby - wsparcie twórcy - ciągły rozwój
  16. 16. Każdy szanujący się Polak musi trochę ponarzekać. Czyli trochę o wadach. - dobry kod dokumentuję się sam (nie koniecznie !!!) - coś więcej niż beta a mniej niż produkt finalny - wsparcie twórcy (głównie) - dziwne rozwiązania (niektóre) - prawie Web Desktop
  17. 17. Linki - Ext JS: http://www.sencha.com/products/extjs/ http://www.sencha.com/products/extjs/examples/ - Netzke: http://netzke.org/ http://blog.writelesscode.com/
  18. 18. Pytania
  19. 19. Dziękuję za uwagę

×