SlideShare a Scribd company logo

Sencha Touch 2

Sencha Touch 2 @ 4Developers (Poznan, Poland)

1 of 60
Download to read offline
Building mobile web applications
                                               with Sencha Touch 2




                                                    Martin de Keijzer
                       4Developers (Poznan, Poland) / April 18th 2012


woensdag 18 april 12
About me

            Martin de Keijzer


            Dutch web developer


                       Working for Ibuildings

                       PHPBenelux Board Member


                       @Martin1982

                       http://www.martindekeijzer.nl

                                                       2
woensdag 18 april 12
Why mobile?




                        3
woensdag 18 april 12
Apps


          Languages
               Apple: Objective-C
               Android: Java
               Windows Phone: C# / Visual Basic


          Distribution Methods
              Apple: AppStore
              Android: Market
              Windows Phone: Microsoft Market Place



                                                      4
woensdag 18 april 12
Web Apps

               Available through the web
               Platform independent
               Can be transformed to an App-like experience
               Can be wrapped as native apps




                                                              5
woensdag 18 april 12
woensdag 18 april 12
Ad

Recommended

2012 11-01 Hackers & founders - Boot to the web, boot 2 gecko / Firefox OS
2012 11-01 Hackers & founders - Boot to the web, boot 2 gecko / Firefox OS2012 11-01 Hackers & founders - Boot to the web, boot 2 gecko / Firefox OS
2012 11-01 Hackers & founders - Boot to the web, boot 2 gecko / Firefox OSMartin de Keijzer
 
Entorns accessibles en l'educació del segle XXI
Entorns accessibles en l'educació del segle XXIEntorns accessibles en l'educació del segle XXI
Entorns accessibles en l'educació del segle XXImtcrmtcr
 
Hybrid Mobile Web Apps with Sencha Touch 2
Hybrid Mobile Web Apps with Sencha Touch 2Hybrid Mobile Web Apps with Sencha Touch 2
Hybrid Mobile Web Apps with Sencha Touch 2Martin de Keijzer
 
Ben de jong kgb spionage in de koude oorlog en russische spionage na 1991
Ben de jong kgb spionage in de koude oorlog en russische spionage na 1991Ben de jong kgb spionage in de koude oorlog en russische spionage na 1991
Ben de jong kgb spionage in de koude oorlog en russische spionage na 1991VeenMedia
 

More Related Content

Similar to Sencha Touch 2

Sencha touch 2
Sencha touch 2Sencha touch 2
Sencha touch 2Ibuildings
 
Engineering Change
Engineering ChangeEngineering Change
Engineering ChangeKellan
 
Building Rich User Experiences w/o JavaScript Spaghetti
Building Rich User Experiences w/o JavaScript SpaghettiBuilding Rich User Experiences w/o JavaScript Spaghetti
Building Rich User Experiences w/o JavaScript SpaghettiJared Faris
 
Hybrid Mobile Web Apps with Sencha Touch 2
Hybrid Mobile Web Apps with Sencha Touch 2Hybrid Mobile Web Apps with Sencha Touch 2
Hybrid Mobile Web Apps with Sencha Touch 2Ibuildings
 
The Restless Are Getting Native: SeleniumConf 2012
The Restless Are Getting Native: SeleniumConf 2012The Restless Are Getting Native: SeleniumConf 2012
The Restless Are Getting Native: SeleniumConf 2012Dante Briones
 
Mobile Apps - Why Agile Project Management Matters
Mobile Apps - Why Agile Project Management MattersMobile Apps - Why Agile Project Management Matters
Mobile Apps - Why Agile Project Management Mattersroland99
 
Experiências, Erros e Acertos no Desenvolvimento de Projetos Ágeis
Experiências, Erros e Acertos no Desenvolvimento de Projetos ÁgeisExperiências, Erros e Acertos no Desenvolvimento de Projetos Ágeis
Experiências, Erros e Acertos no Desenvolvimento de Projetos ÁgeisLambda 3
 
Striving for Perfection: The Ultimate APEX Application Architecture
Striving for Perfection: The Ultimate APEX Application ArchitectureStriving for Perfection: The Ultimate APEX Application Architecture
Striving for Perfection: The Ultimate APEX Application ArchitectureRoel Hartman
 
Bear Douglas - Open Graph Montreal
Bear Douglas - Open Graph MontrealBear Douglas - Open Graph Montreal
Bear Douglas - Open Graph Montrealpherrera82
 

Similar to Sencha Touch 2 (10)

Sencha touch 2
Sencha touch 2Sencha touch 2
Sencha touch 2
 
April JavaScript Tools
April JavaScript ToolsApril JavaScript Tools
April JavaScript Tools
 
Engineering Change
Engineering ChangeEngineering Change
Engineering Change
 
Building Rich User Experiences w/o JavaScript Spaghetti
Building Rich User Experiences w/o JavaScript SpaghettiBuilding Rich User Experiences w/o JavaScript Spaghetti
Building Rich User Experiences w/o JavaScript Spaghetti
 
Hybrid Mobile Web Apps with Sencha Touch 2
Hybrid Mobile Web Apps with Sencha Touch 2Hybrid Mobile Web Apps with Sencha Touch 2
Hybrid Mobile Web Apps with Sencha Touch 2
 
The Restless Are Getting Native: SeleniumConf 2012
The Restless Are Getting Native: SeleniumConf 2012The Restless Are Getting Native: SeleniumConf 2012
The Restless Are Getting Native: SeleniumConf 2012
 
Mobile Apps - Why Agile Project Management Matters
Mobile Apps - Why Agile Project Management MattersMobile Apps - Why Agile Project Management Matters
Mobile Apps - Why Agile Project Management Matters
 
Experiências, Erros e Acertos no Desenvolvimento de Projetos Ágeis
Experiências, Erros e Acertos no Desenvolvimento de Projetos ÁgeisExperiências, Erros e Acertos no Desenvolvimento de Projetos Ágeis
Experiências, Erros e Acertos no Desenvolvimento de Projetos Ágeis
 
Striving for Perfection: The Ultimate APEX Application Architecture
Striving for Perfection: The Ultimate APEX Application ArchitectureStriving for Perfection: The Ultimate APEX Application Architecture
Striving for Perfection: The Ultimate APEX Application Architecture
 
Bear Douglas - Open Graph Montreal
Bear Douglas - Open Graph MontrealBear Douglas - Open Graph Montreal
Bear Douglas - Open Graph Montreal
 

More from Martin de Keijzer

High quality live broadcasting with PHP 27 07-2016
High quality live broadcasting with PHP 27 07-2016High quality live broadcasting with PHP 27 07-2016
High quality live broadcasting with PHP 27 07-2016Martin de Keijzer
 
Productive & easy mobile app dev
Productive & easy mobile app devProductive & easy mobile app dev
Productive & easy mobile app devMartin de Keijzer
 
tiCONF Amsterdam 2014 building mobile teams
tiCONF Amsterdam 2014   building mobile teamstiCONF Amsterdam 2014   building mobile teams
tiCONF Amsterdam 2014 building mobile teamsMartin de Keijzer
 
Native Javascript apps with PhoneGap 11-04-2014 Codemotion Rome
Native Javascript apps with PhoneGap 11-04-2014 Codemotion RomeNative Javascript apps with PhoneGap 11-04-2014 Codemotion Rome
Native Javascript apps with PhoneGap 11-04-2014 Codemotion RomeMartin de Keijzer
 
Introduction to PhoneGap and PhoneGap Build
Introduction to PhoneGap and PhoneGap BuildIntroduction to PhoneGap and PhoneGap Build
Introduction to PhoneGap and PhoneGap BuildMartin de Keijzer
 
Native Javascript apps with PhoneGap
Native Javascript apps with PhoneGapNative Javascript apps with PhoneGap
Native Javascript apps with PhoneGapMartin de Keijzer
 
2012 09-04 smart devcon - sencha touch 2
2012 09-04 smart devcon - sencha touch 22012 09-04 smart devcon - sencha touch 2
2012 09-04 smart devcon - sencha touch 2Martin de Keijzer
 
2012 09-04 smart devcon - boot to the web, boot 2 gecko
2012 09-04 smart devcon - boot to the web, boot 2 gecko2012 09-04 smart devcon - boot to the web, boot 2 gecko
2012 09-04 smart devcon - boot to the web, boot 2 geckoMartin de Keijzer
 
Let's take over the world with Zend Framework
Let's take over the world with Zend FrameworkLet's take over the world with Zend Framework
Let's take over the world with Zend FrameworkMartin de Keijzer
 
Improving code quality with continuous integration (PHPBenelux Conference 2011)
Improving code quality with continuous integration (PHPBenelux Conference 2011)Improving code quality with continuous integration (PHPBenelux Conference 2011)
Improving code quality with continuous integration (PHPBenelux Conference 2011)Martin de Keijzer
 
Improving code quality using CI
Improving code quality using CIImproving code quality using CI
Improving code quality using CIMartin de Keijzer
 
Continuous integration why and how? [DPC uncon quick-prep version]
Continuous integration   why and how? [DPC uncon quick-prep version]Continuous integration   why and how? [DPC uncon quick-prep version]
Continuous integration why and how? [DPC uncon quick-prep version]Martin de Keijzer
 
Een introductie voor Phpunit
Een introductie voor PhpunitEen introductie voor Phpunit
Een introductie voor PhpunitMartin de Keijzer
 

More from Martin de Keijzer (16)

High quality live broadcasting with PHP 27 07-2016
High quality live broadcasting with PHP 27 07-2016High quality live broadcasting with PHP 27 07-2016
High quality live broadcasting with PHP 27 07-2016
 
Productive & easy mobile app dev
Productive & easy mobile app devProductive & easy mobile app dev
Productive & easy mobile app dev
 
tiCONF Amsterdam 2014 building mobile teams
tiCONF Amsterdam 2014   building mobile teamstiCONF Amsterdam 2014   building mobile teams
tiCONF Amsterdam 2014 building mobile teams
 
Native Javascript apps with PhoneGap 11-04-2014 Codemotion Rome
Native Javascript apps with PhoneGap 11-04-2014 Codemotion RomeNative Javascript apps with PhoneGap 11-04-2014 Codemotion Rome
Native Javascript apps with PhoneGap 11-04-2014 Codemotion Rome
 
The Environment Restaurant
The Environment RestaurantThe Environment Restaurant
The Environment Restaurant
 
Introduction to PhoneGap and PhoneGap Build
Introduction to PhoneGap and PhoneGap BuildIntroduction to PhoneGap and PhoneGap Build
Introduction to PhoneGap and PhoneGap Build
 
Native Javascript apps with PhoneGap
Native Javascript apps with PhoneGapNative Javascript apps with PhoneGap
Native Javascript apps with PhoneGap
 
Mobile is everywhere
Mobile is everywhereMobile is everywhere
Mobile is everywhere
 
2012 09-04 smart devcon - sencha touch 2
2012 09-04 smart devcon - sencha touch 22012 09-04 smart devcon - sencha touch 2
2012 09-04 smart devcon - sencha touch 2
 
2012 09-04 smart devcon - boot to the web, boot 2 gecko
2012 09-04 smart devcon - boot to the web, boot 2 gecko2012 09-04 smart devcon - boot to the web, boot 2 gecko
2012 09-04 smart devcon - boot to the web, boot 2 gecko
 
Sencha Touch 2
Sencha Touch 2Sencha Touch 2
Sencha Touch 2
 
Let's take over the world with Zend Framework
Let's take over the world with Zend FrameworkLet's take over the world with Zend Framework
Let's take over the world with Zend Framework
 
Improving code quality with continuous integration (PHPBenelux Conference 2011)
Improving code quality with continuous integration (PHPBenelux Conference 2011)Improving code quality with continuous integration (PHPBenelux Conference 2011)
Improving code quality with continuous integration (PHPBenelux Conference 2011)
 
Improving code quality using CI
Improving code quality using CIImproving code quality using CI
Improving code quality using CI
 
Continuous integration why and how? [DPC uncon quick-prep version]
Continuous integration   why and how? [DPC uncon quick-prep version]Continuous integration   why and how? [DPC uncon quick-prep version]
Continuous integration why and how? [DPC uncon quick-prep version]
 
Een introductie voor Phpunit
Een introductie voor PhpunitEen introductie voor Phpunit
Een introductie voor Phpunit
 

Recently uploaded

Artificial-Intelligence-in-Marketing-Data.pdf
Artificial-Intelligence-in-Marketing-Data.pdfArtificial-Intelligence-in-Marketing-Data.pdf
Artificial-Intelligence-in-Marketing-Data.pdfIsidro Navarro
 
Importance of magazines in education ppt
Importance of magazines in education pptImportance of magazines in education ppt
Importance of magazines in education pptsafnarafeek2002
 
The Future of Product, by Founder & CEO, Product School
The Future of Product, by Founder & CEO, Product SchoolThe Future of Product, by Founder & CEO, Product School
The Future of Product, by Founder & CEO, Product SchoolProduct School
 
Campotel: Telecommunications Infra and Network Builder - Company Profile
Campotel: Telecommunications Infra and Network Builder - Company ProfileCampotel: Telecommunications Infra and Network Builder - Company Profile
Campotel: Telecommunications Infra and Network Builder - Company ProfileCampotelPhilippines
 
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24Umar Saif
 
Introduction to Multimodal LLMs with LLaVA
Introduction to Multimodal LLMs with LLaVAIntroduction to Multimodal LLMs with LLaVA
Introduction to Multimodal LLMs with LLaVARobert McDermott
 
How AI and ChatGPT are changing cybersecurity forever.pptx
How AI and ChatGPT are changing cybersecurity forever.pptxHow AI and ChatGPT are changing cybersecurity forever.pptx
How AI and ChatGPT are changing cybersecurity forever.pptxInfosec
 
Bit N Build Poland
Bit N Build PolandBit N Build Poland
Bit N Build PolandGDSC PJATK
 
AI Act & Standardization: UNINFO involvement
AI Act & Standardization: UNINFO involvementAI Act & Standardization: UNINFO involvement
AI Act & Standardization: UNINFO involvementMimmo Squillace
 
Power of 2024 - WITforce Odyssey.pptx.pdf
Power of 2024 - WITforce Odyssey.pptx.pdfPower of 2024 - WITforce Odyssey.pptx.pdf
Power of 2024 - WITforce Odyssey.pptx.pdfkatalinjordans1
 
Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...
Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...
Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...Product School
 
From Challenger to Champion: How SpiraPlan Outperforms JIRA+Plugins
From Challenger to Champion: How SpiraPlan Outperforms JIRA+PluginsFrom Challenger to Champion: How SpiraPlan Outperforms JIRA+Plugins
From Challenger to Champion: How SpiraPlan Outperforms JIRA+PluginsInflectra
 
Are Human-generated Demonstrations Necessary for In-context Learning?
Are Human-generated Demonstrations Necessary for In-context Learning?Are Human-generated Demonstrations Necessary for In-context Learning?
Are Human-generated Demonstrations Necessary for In-context Learning?MENGSAYLOEM1
 
My sample product research idea for you!
My sample product research idea for you!My sample product research idea for you!
My sample product research idea for you!KivenRaySarsaba
 
Automate Your Master Data Processes for Shared Service Center Excellence
Automate Your Master Data Processes for Shared Service Center ExcellenceAutomate Your Master Data Processes for Shared Service Center Excellence
Automate Your Master Data Processes for Shared Service Center ExcellencePrecisely
 
Automation Ops Series: Session 1 - Introduction and setup DevOps for UiPath p...
Automation Ops Series: Session 1 - Introduction and setup DevOps for UiPath p...Automation Ops Series: Session 1 - Introduction and setup DevOps for UiPath p...
Automation Ops Series: Session 1 - Introduction and setup DevOps for UiPath p...DianaGray10
 
Digital Transformation Strategy & Plan Templates - www.beyondthecloud.digital...
Digital Transformation Strategy & Plan Templates - www.beyondthecloud.digital...Digital Transformation Strategy & Plan Templates - www.beyondthecloud.digital...
Digital Transformation Strategy & Plan Templates - www.beyondthecloud.digital...MarcovanHurne2
 
Apex Replay Debugger and Salesforce Platform Events.pptx
Apex Replay Debugger and Salesforce Platform Events.pptxApex Replay Debugger and Salesforce Platform Events.pptx
Apex Replay Debugger and Salesforce Platform Events.pptxmohayyudin7826
 
H3 Platform CXL Solution_Memory Fabric Forum.pptx
H3 Platform CXL Solution_Memory Fabric Forum.pptxH3 Platform CXL Solution_Memory Fabric Forum.pptx
H3 Platform CXL Solution_Memory Fabric Forum.pptxMemory Fabric Forum
 
"How we created an SRE team in Temabit as a part of FOZZY Group in conditions...
"How we created an SRE team in Temabit as a part of FOZZY Group in conditions..."How we created an SRE team in Temabit as a part of FOZZY Group in conditions...
"How we created an SRE team in Temabit as a part of FOZZY Group in conditions...Fwdays
 

Recently uploaded (20)

Artificial-Intelligence-in-Marketing-Data.pdf
Artificial-Intelligence-in-Marketing-Data.pdfArtificial-Intelligence-in-Marketing-Data.pdf
Artificial-Intelligence-in-Marketing-Data.pdf
 
Importance of magazines in education ppt
Importance of magazines in education pptImportance of magazines in education ppt
Importance of magazines in education ppt
 
The Future of Product, by Founder & CEO, Product School
The Future of Product, by Founder & CEO, Product SchoolThe Future of Product, by Founder & CEO, Product School
The Future of Product, by Founder & CEO, Product School
 
Campotel: Telecommunications Infra and Network Builder - Company Profile
Campotel: Telecommunications Infra and Network Builder - Company ProfileCampotel: Telecommunications Infra and Network Builder - Company Profile
Campotel: Telecommunications Infra and Network Builder - Company Profile
 
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24
Progress Report: Ministry of IT under Dr. Umar Saif Aug 23-Feb'24
 
Introduction to Multimodal LLMs with LLaVA
Introduction to Multimodal LLMs with LLaVAIntroduction to Multimodal LLMs with LLaVA
Introduction to Multimodal LLMs with LLaVA
 
How AI and ChatGPT are changing cybersecurity forever.pptx
How AI and ChatGPT are changing cybersecurity forever.pptxHow AI and ChatGPT are changing cybersecurity forever.pptx
How AI and ChatGPT are changing cybersecurity forever.pptx
 
Bit N Build Poland
Bit N Build PolandBit N Build Poland
Bit N Build Poland
 
AI Act & Standardization: UNINFO involvement
AI Act & Standardization: UNINFO involvementAI Act & Standardization: UNINFO involvement
AI Act & Standardization: UNINFO involvement
 
Power of 2024 - WITforce Odyssey.pptx.pdf
Power of 2024 - WITforce Odyssey.pptx.pdfPower of 2024 - WITforce Odyssey.pptx.pdf
Power of 2024 - WITforce Odyssey.pptx.pdf
 
Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...
Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...
Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...
 
From Challenger to Champion: How SpiraPlan Outperforms JIRA+Plugins
From Challenger to Champion: How SpiraPlan Outperforms JIRA+PluginsFrom Challenger to Champion: How SpiraPlan Outperforms JIRA+Plugins
From Challenger to Champion: How SpiraPlan Outperforms JIRA+Plugins
 
Are Human-generated Demonstrations Necessary for In-context Learning?
Are Human-generated Demonstrations Necessary for In-context Learning?Are Human-generated Demonstrations Necessary for In-context Learning?
Are Human-generated Demonstrations Necessary for In-context Learning?
 
My sample product research idea for you!
My sample product research idea for you!My sample product research idea for you!
My sample product research idea for you!
 
Automate Your Master Data Processes for Shared Service Center Excellence
Automate Your Master Data Processes for Shared Service Center ExcellenceAutomate Your Master Data Processes for Shared Service Center Excellence
Automate Your Master Data Processes for Shared Service Center Excellence
 
Automation Ops Series: Session 1 - Introduction and setup DevOps for UiPath p...
Automation Ops Series: Session 1 - Introduction and setup DevOps for UiPath p...Automation Ops Series: Session 1 - Introduction and setup DevOps for UiPath p...
Automation Ops Series: Session 1 - Introduction and setup DevOps for UiPath p...
 
Digital Transformation Strategy & Plan Templates - www.beyondthecloud.digital...
Digital Transformation Strategy & Plan Templates - www.beyondthecloud.digital...Digital Transformation Strategy & Plan Templates - www.beyondthecloud.digital...
Digital Transformation Strategy & Plan Templates - www.beyondthecloud.digital...
 
Apex Replay Debugger and Salesforce Platform Events.pptx
Apex Replay Debugger and Salesforce Platform Events.pptxApex Replay Debugger and Salesforce Platform Events.pptx
Apex Replay Debugger and Salesforce Platform Events.pptx
 
H3 Platform CXL Solution_Memory Fabric Forum.pptx
H3 Platform CXL Solution_Memory Fabric Forum.pptxH3 Platform CXL Solution_Memory Fabric Forum.pptx
H3 Platform CXL Solution_Memory Fabric Forum.pptx
 
"How we created an SRE team in Temabit as a part of FOZZY Group in conditions...
"How we created an SRE team in Temabit as a part of FOZZY Group in conditions..."How we created an SRE team in Temabit as a part of FOZZY Group in conditions...
"How we created an SRE team in Temabit as a part of FOZZY Group in conditions...
 

Sencha Touch 2

  • 1. Building mobile web applications with Sencha Touch 2 Martin de Keijzer 4Developers (Poznan, Poland) / April 18th 2012 woensdag 18 april 12
  • 2. About me Martin de Keijzer Dutch web developer Working for Ibuildings PHPBenelux Board Member @Martin1982 http://www.martindekeijzer.nl 2 woensdag 18 april 12
  • 3. Why mobile? 3 woensdag 18 april 12
  • 4. Apps Languages Apple: Objective-C Android: Java Windows Phone: C# / Visual Basic Distribution Methods Apple: AppStore Android: Market Windows Phone: Microsoft Market Place 4 woensdag 18 april 12
  • 5. Web Apps Available through the web Platform independent Can be transformed to an App-like experience Can be wrapped as native apps 5 woensdag 18 april 12
  • 7. The Sencha Touch way Building applications, not websites Pure JavaScript Touch framework MV(S)C Paradigm Based on ExtJS 4 Downloadable from http://www.sencha.com 7 woensdag 18 april 12
  • 8. Getting started 8 woensdag 18 april 12
  • 9. Quick start: Sencha Command sencha generate app <name> <path> 9 woensdag 18 april 12
  • 10. Quick start: Sencha Command •App •Resources •SDK (DO NOT TOUCH!) •app.js •.json files •index.html 10 woensdag 18 april 12
  • 11. Quick Start: Sencha Command Webkit 11 woensdag 18 april 12
  • 12. User interface Abstraction of various app-interface ui elements: containers panels tabpanels carousels lists forms toolbars 12 woensdag 18 april 12
  • 13. Creating views app/view/Pictures.js 13 woensdag 18 april 12
  • 14. Creating views 14 woensdag 18 april 12
  • 15. Creating views /app.js 15 woensdag 18 april 12
  • 16. Creating views app/view/Main.js 16 woensdag 18 april 12
  • 17. Creating views 17 woensdag 18 april 12
  • 18. Creating views 17 woensdag 18 april 12
  • 19. Taking control 18 woensdag 18 april 12
  • 20. Bootstrapping and Controllers /app.js Final point of bootstrapping, controllers & profiles go first 19 woensdag 18 april 12
  • 21. Bootstrapping and Controllers 20 woensdag 18 april 12
  • 22. Events Make the component selectable Create a new controller 21 woensdag 18 april 12
  • 23. Events app/controller/PictureBox.js 22 woensdag 18 april 12
  • 24. Events app/controller/PictureBox.js 23 woensdag 18 april 12
  • 25. Events Querying Predefined events 24 woensdag 18 april 12
  • 26. Events 25 woensdag 18 april 12
  • 27. Data Communication 26 woensdag 18 april 12
  • 28. Data communication 27 woensdag 18 april 12
  • 29. Model Model Field Association Validation 28 woensdag 18 april 12
  • 30. Model app/model/Talk.js 29 woensdag 18 april 12
  • 31. Store Store Model Filter Grouper Sorter 30 woensdag 18 april 12
  • 32. Store app/store/Schedule.js app.js 31 woensdag 18 april 12
  • 33. Proxy Store Proxy Model Reader Writer 32 woensdag 18 april 12
  • 34. Proxy app/model/Talk.js 33 woensdag 18 april 12
  • 35. Create a list app/view/Schedule.js 34 woensdag 18 april 12
  • 36. Create a list app.js 35 woensdag 18 april 12
  • 37. Create a list app/view/Main.js 36 woensdag 18 april 12
  • 38. Data in action! 37 woensdag 18 april 12
  • 39. Device profiles 38 woensdag 18 april 12
  • 40. Device profiles Different devices require different options. Tablet has more screen real estate and can provide more user interaction than a phone. Sencha Touch 2 provides profiles to build concrete implementations of the device functionalities. 39 woensdag 18 april 12
  • 41. Profile setup 40 woensdag 18 april 12
  • 42. Profile overriding app/controller/phone/PictureBox.js app/controller/tablet/PictureBox.js 41 woensdag 18 april 12
  • 43. Profile overriding app/profile/Phone.js 42 woensdag 18 april 12
  • 44. Profile overriding Desktop 43 woensdag 18 april 12
  • 45. Profile overriding Phone 44 woensdag 18 april 12
  • 46. Profile overriding Tablet 45 woensdag 18 april 12
  • 47. Theme editing 46 woensdag 18 april 12
  • 49. Installing Compass gem install compass 48 woensdag 18 april 12
  • 50. The scss file Extension: .scss compass compile compass watch 49 woensdag 18 april 12
  • 51. The scss file 50 woensdag 18 april 12
  • 52. Compass Variables sdk/resources/themes/ stylesheets/sencha-touch/ default/_variables.scss 51 woensdag 18 april 12
  • 53. Compass Mixins 52 woensdag 18 april 12
  • 54. Tips and conclusions 53 woensdag 18 april 12
  • 55. Quick Tips •Well documented on http://docs.sencha.com •Sencha Command •Sencha Designer 2 Beta •Keep your views clean, use controllers! •Mobile devices have limited hardware 54 woensdag 18 april 12
  • 56. Need another look? http://www.github.com/ Martin1982/4Developers 55 woensdag 18 april 12
  • 57. Hungry for more????? June 7 - 8 - 9, 2012 Amsterdam RAI (The Netherlands) http://mobileconference.nl Dutch PHP Conference visitors can attend the mobile conference and vice versa! 56 woensdag 18 april 12
  • 58. Questions ? 57 woensdag 18 april 12
  • 59. Thank you! Contact details: Twitter: @Martin1982 mdkeijzer@ibuildings.nl woensdag 18 april 12
  • 60. Bonus! Debugging explained 59 woensdag 18 april 12