MVC In Depth, part 1

•

7 gefällt mir•2,897 views

A two-part journey through the recommended patterns for building complex, Model-View-Controller-centric applications with both Ext JS 4 and Sencha Touch. Ed Spencer leads the development of Ext JS and supporting projects. An expert with Ext JS and JavaScript in general and with several years experience with traditional server side frameworks, he has broad experience in API design and delivery. His passion is in crafting beautiful code that supports the world-class Sencha product line.

Technologie Unterhaltung & Humor

MVC, Part 1
Ed Spencer

@edspencer - edspencer.net

Wednesday, November 2, 11

I will make an
awesome app
now

Teamwork

Wednesday, November 2, 11

I will help you

Teamwork

Wednesday, November 2, 11

Your app is now big and
needs a professional
consultant

Teamwork

Wednesday, November 2, 11

Teamwork
Apps often need teams

Different people work different ways

We need standards

Wednesday, November 2, 11

But Also
Code needs to be organized

Best practices followed

Spaghetti Avoided

Wednesday, November 2, 11

This has been solved before

Smalltalk 80 introduces MVC:

Model
View
Controller

Wednesday, November 2, 11

Model
Loads and manages the application data.

Usually in response to requests from the
View

Wednesday, November 2, 11

View
Manages the display of information and
UI controls

Wednesday, November 2, 11

Controller
Listens for inputs from the user, updates
Model and View

Wednesday, November 2, 11

We already had this

It was just all over the place

Wednesday, November 2, 11

Deﬁnitely Fail
Wednesday, November 2, 11

Solution: Use Standards

Wednesday, November 2, 11

Standards

Common Usage Patterns

Common File Structure

Common Toolchain

Wednesday, November 2, 11

File Structure

Wednesday, November 2, 11

Common Toolchain

Wednesday, November 2, 11

Easy by hand too

Wednesday, November 2, 11

Live Code*

* Might end in disaster

Wednesday, November 2, 11

Empfohlen

MVC In Depth, part 2, Tommy MaintzSencha

Zookeeper at the bigdata roundtableTobias Schlottke

Community Code: The SenchaCon AppSencha

Performance Optimization for Ext GWT 3.0Sencha

Building Touch Apps with DesignerSencha

Community Code: The TouchForums AppSencha

Backbone.jsOpenFest team

PHP Server-side BreakoutSencha

Empfohlen

MVC In Depth, part 2, Tommy MaintzSencha

Zookeeper at the bigdata roundtableTobias Schlottke

Community Code: The SenchaCon AppSencha

Performance Optimization for Ext GWT 3.0Sencha

Building Touch Apps with DesignerSencha

Community Code: The TouchForums AppSencha

Backbone.jsOpenFest team

PHP Server-side BreakoutSencha

Introducing Designer 2Sencha

Caridy patino - node-jsStarTech Conference

Conquistando el Servidor con Node.JSCaridy Patino

Ext JS 4.1: Layouts, Performance, and API updatesSencha

Mobile Apps Security: OTA11lxt04

Dollars and Dates are Killing AgileChris Sterling

Active Record Introduction - 3Blazing Cloud

Introducing Sencha Touch 2Sencha

Breathe New Life into Your Existing JavaScript Applications with Web ComponentsSencha

Ext JS 6.6 HighlightsSencha

Sencha Roadshow 2017: BufferedStore Internals featuring eyeworkers interactiv...Sencha

Sencha Roadshow 2017: Build Progressive Web Apps with Ext JS and Cmd Sencha

Sencha Roadshow 2017: Best Practices for Implementing Continuous Web App TestingSencha

Sencha Roadshow 2017: What's New in Sencha TestSencha

Sencha Roadshow 2017: Sencha Upgrades - The Good. The Bad. The Ugly - Eva Luc...Sencha

Sencha Roadshow 2017: Modernizing the Ext JS Class System and ToolingSencha

Sencha Roadshow 2017: Sencha Best Practices: Coworkee App Sencha

Sencha Roadshow 2017: Mobile First or Desktop FirstSencha

Sencha Roadshow 2017: Innovations in Ext JS 6.5 and BeyondSencha

Leveraging React and GraphQL to Create a Performant, Scalable Data GridSencha

Learn Key Insights from The State of Web Application Testing Research ReportSencha

Introducing ExtReact: Adding Powerful Sencha Components to React AppsSencha

Weitere ähnliche Inhalte

Ähnlich wie MVC In Depth, part 1

Introducing Designer 2Sencha

Caridy patino - node-jsStarTech Conference

Conquistando el Servidor con Node.JSCaridy Patino

Ext JS 4.1: Layouts, Performance, and API updatesSencha

Mobile Apps Security: OTA11lxt04

Dollars and Dates are Killing AgileChris Sterling

Active Record Introduction - 3Blazing Cloud

Introducing Sencha Touch 2Sencha

Ähnlich wie MVC In Depth, part 1 (8)

Introducing Designer 2

Caridy patino - node-js

Conquistando el Servidor con Node.JS

Ext JS 4.1: Layouts, Performance, and API updates

Mobile Apps Security: OTA11

Dollars and Dates are Killing Agile

Active Record Introduction - 3

Introducing Sencha Touch 2

Mehr von Sencha

Breathe New Life into Your Existing JavaScript Applications with Web ComponentsSencha

Ext JS 6.6 HighlightsSencha

Sencha Roadshow 2017: BufferedStore Internals featuring eyeworkers interactiv...Sencha

Sencha Roadshow 2017: Build Progressive Web Apps with Ext JS and Cmd Sencha

Sencha Roadshow 2017: Best Practices for Implementing Continuous Web App TestingSencha

Sencha Roadshow 2017: What's New in Sencha TestSencha

Sencha Roadshow 2017: Sencha Upgrades - The Good. The Bad. The Ugly - Eva Luc...Sencha

Sencha Roadshow 2017: Modernizing the Ext JS Class System and ToolingSencha

Sencha Roadshow 2017: Sencha Best Practices: Coworkee App Sencha

Sencha Roadshow 2017: Mobile First or Desktop FirstSencha

Sencha Roadshow 2017: Innovations in Ext JS 6.5 and BeyondSencha

Leveraging React and GraphQL to Create a Performant, Scalable Data GridSencha

Learn Key Insights from The State of Web Application Testing Research ReportSencha

Introducing ExtReact: Adding Powerful Sencha Components to React AppsSencha

SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark BrocatoSencha

SenchaCon 2016: Add Magic to Your Ext JS Apps with D3 Visualizations - Vitaly...Sencha

SenchaCon 2016: LinkRest - Modern RESTful API Framework for Ext JS Apps - Rou...Sencha

SenchaCon 2016: Expect the Unexpected - Dealing with Errors in Web AppsSencha

Ext JS Architecture Best Practices - Mitchell SimeonsSencha

SenchaCon 2016: Mobile First? Desktop First? Or Should you Think Universal Ap...Sencha

Mehr von Sencha (20)

Breathe New Life into Your Existing JavaScript Applications with Web Components

Ext JS 6.6 Highlights

Sencha Roadshow 2017: BufferedStore Internals featuring eyeworkers interactiv...

Sencha Roadshow 2017: Build Progressive Web Apps with Ext JS and Cmd

Sencha Roadshow 2017: Best Practices for Implementing Continuous Web App Testing

Sencha Roadshow 2017: What's New in Sencha Test

Sencha Roadshow 2017: Sencha Upgrades - The Good. The Bad. The Ugly - Eva Luc...

Sencha Roadshow 2017: Modernizing the Ext JS Class System and Tooling

Sencha Roadshow 2017: Sencha Best Practices: Coworkee App

Sencha Roadshow 2017: Mobile First or Desktop First

Sencha Roadshow 2017: Innovations in Ext JS 6.5 and Beyond

Leveraging React and GraphQL to Create a Performant, Scalable Data Grid

Learn Key Insights from The State of Web Application Testing Research Report

Introducing ExtReact: Adding Powerful Sencha Components to React Apps

SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark Brocato

SenchaCon 2016: Add Magic to Your Ext JS Apps with D3 Visualizations - Vitaly...

SenchaCon 2016: LinkRest - Modern RESTful API Framework for Ext JS Apps - Rou...

SenchaCon 2016: Expect the Unexpected - Dealing with Errors in Web Apps

Ext JS Architecture Best Practices - Mitchell Simeons

SenchaCon 2016: Mobile First? Desktop First? Or Should you Think Universal Ap...

Kürzlich hochgeladen

Apidays New York 2024 - The value of a flexible API Management solution for O...apidays

GenAI Risks & Security Meetup 01052024.pdflior mazor

Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous

AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin

Real Time Object Detection Using Open CVKhem

The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10

Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

🐬 The future of MySQL is Postgres 🐘RTylerCroy

HTML Injection Attacks: Impact and Mitigation StrategiesBoston Institute of Analytics

Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung

MINDCTI Revenue Release Quarter One 2024MIND CTI

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Automating Google Workspace (GWS) & more with Apps Scriptwesley chun

Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Kürzlich hochgeladen (20)

Apidays New York 2024 - The value of a flexible API Management solution for O...

GenAI Risks & Security Meetup 01052024.pdf

Data Cloud, More than a CDP by Matt Robison

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

AWS Community Day CPH - Three problems of Terraform

Real Time Object Detection Using Open CV

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Boost Fertility New Invention Ups Success Rates.pdf

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

🐬 The future of MySQL is Postgres 🐘

HTML Injection Attacks: Impact and Mitigation Strategies

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

MINDCTI Revenue Release Quarter One 2024

Powerful Google developer tools for immediate impact! (2023-24 C)

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Automating Google Workspace (GWS) & more with Apps Script

Tata AIG General Insurance Company - Insurer Innovation Award 2024

MVC In Depth, part 1

1. Wednesday, November 2, 11

2. MVC, Part 1 Ed Spencer @edspencer - edspencer.net Wednesday, November 2, 11

3. What? Wednesday, November 2, 11

4. I will make an awesome app now Teamwork Wednesday, November 2, 11

5. I will help you Teamwork Wednesday, November 2, 11

6. Your app is now big and needs a professional consultant Teamwork Wednesday, November 2, 11

7. Teamwork Wednesday, November 2, 11

8. Fail Wednesday, November 2, 11

9. Teamwork Apps often need teams Different people work different ways We need standards Wednesday, November 2, 11

10. But Also Code needs to be organized Best practices followed Spaghetti Avoided Wednesday, November 2, 11

11. This has been solved before Smalltalk 80 introduces MVC: Model View Controller Wednesday, November 2, 11

12. Model Loads and manages the application data. Usually in response to requests from the View Wednesday, November 2, 11

13. View Manages the display of information and UI controls Wednesday, November 2, 11

14. Controller Listens for inputs from the user, updates Model and View Wednesday, November 2, 11

15. Model Wednesday, November 2, 11

16. View Wednesday, November 2, 11

17. Controller Wednesday, November 2, 11

18. We already had this It was just all over the place Wednesday, November 2, 11

19. Deﬁnitely Fail Wednesday, November 2, 11

20. Solution: Use Standards Wednesday, November 2, 11

21. Standards Common Usage Patterns Common File Structure Common Toolchain Wednesday, November 2, 11

22. Model Wednesday, November 2, 11

23. View Wednesday, November 2, 11

24. Controller Wednesday, November 2, 11

25. File Structure Wednesday, November 2, 11

26. File Structure Wednesday, November 2, 11

27. Common Toolchain Wednesday, November 2, 11

28. Easy by hand too Wednesday, November 2, 11

29. Live Code* * Might end in disaster Wednesday, November 2, 11

30. Questions? Wednesday, November 2, 11