Enviar búsqueda
Cargar
Marionette: Building your first app
•
0 recomendaciones
•
895 vistas
frontendne
Seguir
Building your first web app in Marionette
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 16
Descargar ahora
Descargar para leer sin conexión
Recomendados
Make your Backbone Application dance
Make your Backbone Application dance
Nicholas Valbusa
Marionette structure with modules
Marionette structure with modules
matt-briggs
Marionette - TorontoJS
Marionette - TorontoJS
matt-briggs
Backbone/Marionette introduction
Backbone/Marionette introduction
matt-briggs
Backbone And Marionette : Take Over The World
Backbone And Marionette : Take Over The World
harshit040591
Marionette: the Backbone framework
Marionette: the Backbone framework
frontendne
Backbone/Marionette recap [2015]
Backbone/Marionette recap [2015]
Andrii Lundiak
SenchaCon 2016: Expect the Unexpected - Dealing with Errors in Web Apps
SenchaCon 2016: Expect the Unexpected - Dealing with Errors in Web Apps
Sencha
Recomendados
Make your Backbone Application dance
Make your Backbone Application dance
Nicholas Valbusa
Marionette structure with modules
Marionette structure with modules
matt-briggs
Marionette - TorontoJS
Marionette - TorontoJS
matt-briggs
Backbone/Marionette introduction
Backbone/Marionette introduction
matt-briggs
Backbone And Marionette : Take Over The World
Backbone And Marionette : Take Over The World
harshit040591
Marionette: the Backbone framework
Marionette: the Backbone framework
frontendne
Backbone/Marionette recap [2015]
Backbone/Marionette recap [2015]
Andrii Lundiak
SenchaCon 2016: Expect the Unexpected - Dealing with Errors in Web Apps
SenchaCon 2016: Expect the Unexpected - Dealing with Errors in Web Apps
Sencha
Html5 and beyond the next generation of mobile web applications - Touch Tou...
Html5 and beyond the next generation of mobile web applications - Touch Tou...
RIA RUI Society
Designing and Implementing a Multiuser Apps Platform
Designing and Implementing a Multiuser Apps Platform
Apigee | Google Cloud
Agile documentation with Confluence and Sparx Enterprise Architect
Agile documentation with Confluence and Sparx Enterprise Architect
Per Spilling
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
reebalazs
Wulin kungfu final
Wulin kungfu final
Jimmy Huang
Flexible UI Components for a Multi-Framework World
Flexible UI Components for a Multi-Framework World
Kevin Ball
The Art of AngularJS in 2015 - Angular Summit 2015
The Art of AngularJS in 2015 - Angular Summit 2015
Matt Raible
You Know WebOS
You Know WebOS
360|Conferences
Integrating Angular.js with Rails (Wicked Good Ruby Conf lightening talk)
Integrating Angular.js with Rails (Wicked Good Ruby Conf lightening talk)
Jonathan Linowes
The Point of Vue - Intro to Vue.js
The Point of Vue - Intro to Vue.js
Holly Schinsky
Gitter marionette deck
Gitter marionette deck
Mike Bartlett
Single Page Applications
Single Page Applications
Massimo Iacolare
Organized web app development using backbone.js
Organized web app development using backbone.js
Shakti Shrestha
AtlasCamp 2010: Making Confluence Macros Easy (for the user) - Dave Taylor
AtlasCamp 2010: Making Confluence Macros Easy (for the user) - Dave Taylor
Atlassian
The next step is... Bootstrap by Omar Qunsul
The next step is... Bootstrap by Omar Qunsul
Rails Girls MUC
Introduction to SPA with AngularJS
Introduction to SPA with AngularJS
Riki Pribadi
Kickstart sencha extjs
Kickstart sencha extjs
Shakti Shrestha
Gettings started with the superheroic JavaScript library AngularJS
Gettings started with the superheroic JavaScript library AngularJS
Armin Vieweg
Doing less
Doing less
Glen Barnes
Vue.js Getting Started
Vue.js Getting Started
Murat Doğan
Getting into ember.js
Getting into ember.js
reybango
Experience Ajax - Workshop For Designers
Experience Ajax - Workshop For Designers
shank
Más contenido relacionado
La actualidad más candente
Html5 and beyond the next generation of mobile web applications - Touch Tou...
Html5 and beyond the next generation of mobile web applications - Touch Tou...
RIA RUI Society
Designing and Implementing a Multiuser Apps Platform
Designing and Implementing a Multiuser Apps Platform
Apigee | Google Cloud
Agile documentation with Confluence and Sparx Enterprise Architect
Agile documentation with Confluence and Sparx Enterprise Architect
Per Spilling
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
reebalazs
Wulin kungfu final
Wulin kungfu final
Jimmy Huang
Flexible UI Components for a Multi-Framework World
Flexible UI Components for a Multi-Framework World
Kevin Ball
The Art of AngularJS in 2015 - Angular Summit 2015
The Art of AngularJS in 2015 - Angular Summit 2015
Matt Raible
You Know WebOS
You Know WebOS
360|Conferences
Integrating Angular.js with Rails (Wicked Good Ruby Conf lightening talk)
Integrating Angular.js with Rails (Wicked Good Ruby Conf lightening talk)
Jonathan Linowes
The Point of Vue - Intro to Vue.js
The Point of Vue - Intro to Vue.js
Holly Schinsky
Gitter marionette deck
Gitter marionette deck
Mike Bartlett
Single Page Applications
Single Page Applications
Massimo Iacolare
Organized web app development using backbone.js
Organized web app development using backbone.js
Shakti Shrestha
AtlasCamp 2010: Making Confluence Macros Easy (for the user) - Dave Taylor
AtlasCamp 2010: Making Confluence Macros Easy (for the user) - Dave Taylor
Atlassian
The next step is... Bootstrap by Omar Qunsul
The next step is... Bootstrap by Omar Qunsul
Rails Girls MUC
Introduction to SPA with AngularJS
Introduction to SPA with AngularJS
Riki Pribadi
Kickstart sencha extjs
Kickstart sencha extjs
Shakti Shrestha
Gettings started with the superheroic JavaScript library AngularJS
Gettings started with the superheroic JavaScript library AngularJS
Armin Vieweg
Doing less
Doing less
Glen Barnes
Vue.js Getting Started
Vue.js Getting Started
Murat Doğan
La actualidad más candente
(20)
Html5 and beyond the next generation of mobile web applications - Touch Tou...
Html5 and beyond the next generation of mobile web applications - Touch Tou...
Designing and Implementing a Multiuser Apps Platform
Designing and Implementing a Multiuser Apps Platform
Agile documentation with Confluence and Sparx Enterprise Architect
Agile documentation with Confluence and Sparx Enterprise Architect
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
Wulin kungfu final
Wulin kungfu final
Flexible UI Components for a Multi-Framework World
Flexible UI Components for a Multi-Framework World
The Art of AngularJS in 2015 - Angular Summit 2015
The Art of AngularJS in 2015 - Angular Summit 2015
You Know WebOS
You Know WebOS
Integrating Angular.js with Rails (Wicked Good Ruby Conf lightening talk)
Integrating Angular.js with Rails (Wicked Good Ruby Conf lightening talk)
The Point of Vue - Intro to Vue.js
The Point of Vue - Intro to Vue.js
Gitter marionette deck
Gitter marionette deck
Single Page Applications
Single Page Applications
Organized web app development using backbone.js
Organized web app development using backbone.js
AtlasCamp 2010: Making Confluence Macros Easy (for the user) - Dave Taylor
AtlasCamp 2010: Making Confluence Macros Easy (for the user) - Dave Taylor
The next step is... Bootstrap by Omar Qunsul
The next step is... Bootstrap by Omar Qunsul
Introduction to SPA with AngularJS
Introduction to SPA with AngularJS
Kickstart sencha extjs
Kickstart sencha extjs
Gettings started with the superheroic JavaScript library AngularJS
Gettings started with the superheroic JavaScript library AngularJS
Doing less
Doing less
Vue.js Getting Started
Vue.js Getting Started
Similar a Marionette: Building your first app
Getting into ember.js
Getting into ember.js
reybango
Experience Ajax - Workshop For Designers
Experience Ajax - Workshop For Designers
shank
Modeling Safe Interface Interactions in Web Applications (ER´09)
Modeling Safe Interface Interactions in Web Applications (ER´09)
Jordi Cabot
Web 2.0 Mashups
Web 2.0 Mashups
hchen1
From Website To Webapp Shane Morris
From Website To Webapp Shane Morris
Shane Morris
Widgets & Seo For Digital Publishing
Widgets & Seo For Digital Publishing
Jonathan Allen
PoP - “Platform of Platforms”: Framework for building Single-Page Application...
PoP - “Platform of Platforms”: Framework for building Single-Page Application...
Leonardo Losoviz
Services, Apps and the API Powered Web
Services, Apps and the API Powered Web
Steven Willmott
Metrics that Matter-Approaches To Managing High Performing Websites
Metrics that Matter-Approaches To Managing High Performing Websites
Ben Rushlo
Introduction To Mvc
Introduction To Mvc
Volkan Uzun
Web Widgets Talk @ RefreshDC, Sep 2007
Web Widgets Talk @ RefreshDC, Sep 2007
Will Meyer
ASP.NET MVC Presentation
ASP.NET MVC Presentation
Volkan Uzun
Modelling Safe Interface Interactionsin Web Applications
Modelling Safe Interface Interactionsin Web Applications
Marco Brambilla
Chewy Trewella - Google Searchtips
Chewy Trewella - Google Searchtips
sounddelivery
APIs: the Glue of Cloud Computing
APIs: the Glue of Cloud Computing
3scale
Beyond The MVC
Beyond The MVC
george.james
Intelligent Mashups
Intelligent Mashups
giurca
Progressive web apps with polymer
Progressive web apps with polymer
Marcus Hellberg
Doing More with Less: Mash Your Way to Productivity
Doing More with Less: Mash Your Way to Productivity
guest3c5c731bc
Doing More with Less: Mash Your Way to Productivity
Doing More with Less: Mash Your Way to Productivity
kevinreiss
Similar a Marionette: Building your first app
(20)
Getting into ember.js
Getting into ember.js
Experience Ajax - Workshop For Designers
Experience Ajax - Workshop For Designers
Modeling Safe Interface Interactions in Web Applications (ER´09)
Modeling Safe Interface Interactions in Web Applications (ER´09)
Web 2.0 Mashups
Web 2.0 Mashups
From Website To Webapp Shane Morris
From Website To Webapp Shane Morris
Widgets & Seo For Digital Publishing
Widgets & Seo For Digital Publishing
PoP - “Platform of Platforms”: Framework for building Single-Page Application...
PoP - “Platform of Platforms”: Framework for building Single-Page Application...
Services, Apps and the API Powered Web
Services, Apps and the API Powered Web
Metrics that Matter-Approaches To Managing High Performing Websites
Metrics that Matter-Approaches To Managing High Performing Websites
Introduction To Mvc
Introduction To Mvc
Web Widgets Talk @ RefreshDC, Sep 2007
Web Widgets Talk @ RefreshDC, Sep 2007
ASP.NET MVC Presentation
ASP.NET MVC Presentation
Modelling Safe Interface Interactionsin Web Applications
Modelling Safe Interface Interactionsin Web Applications
Chewy Trewella - Google Searchtips
Chewy Trewella - Google Searchtips
APIs: the Glue of Cloud Computing
APIs: the Glue of Cloud Computing
Beyond The MVC
Beyond The MVC
Intelligent Mashups
Intelligent Mashups
Progressive web apps with polymer
Progressive web apps with polymer
Doing More with Less: Mash Your Way to Productivity
Doing More with Less: Mash Your Way to Productivity
Doing More with Less: Mash Your Way to Productivity
Doing More with Less: Mash Your Way to Productivity
Más de frontendne
Reacting pragmatically
Reacting pragmatically
frontendne
Improving your workflow with gulp
Improving your workflow with gulp
frontendne
An introduction in to the world of front end automation - frontend ne (02 07-15)
An introduction in to the world of front end automation - frontend ne (02 07-15)
frontendne
CSS Pseudo Classes
CSS Pseudo Classes
frontendne
CSS Selectors
CSS Selectors
frontendne
Css to-scss
Css to-scss
frontendne
Speedy, solid, semantic layout with Susy
Speedy, solid, semantic layout with Susy
frontendne
Más de frontendne
(7)
Reacting pragmatically
Reacting pragmatically
Improving your workflow with gulp
Improving your workflow with gulp
An introduction in to the world of front end automation - frontend ne (02 07-15)
An introduction in to the world of front end automation - frontend ne (02 07-15)
CSS Pseudo Classes
CSS Pseudo Classes
CSS Selectors
CSS Selectors
Css to-scss
Css to-scss
Speedy, solid, semantic layout with Susy
Speedy, solid, semantic layout with Susy
Último
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
UiPathCommunity
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
gvaughan
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
Ridwan Fadjar
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
Memoori
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
Lorenzo Miniero
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
BookNet Canada
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
Zilliz
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Fwdays
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Zilliz
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Sergiu Bodiu
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
Miki Katsuragi
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
Kalema Edgar
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
Scott Keck-Warren
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
carlostorres15106
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
Fwdays
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
Fwdays
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
Fwdays
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
The Digital Insurer
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Safe Software
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
charlottematthew16
Último
(20)
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
Marionette: Building your first app
1.
Marionette Building your first
app
2.
Building your first
app Cover core Marionette concepts Routing Layouts Event handling Rendering data
3.
Who am I? Lead
developer Pebble Income Generation for Schools Python/Django Web apps
4.
JavaScript Framework Generate HTML Server
integration Respond to user input
5.
Why Marionette? Backbone.js No magic …
ok maybe a little Active development Helpful, friendly community
6.
Microblog Simple list of
tweet-like objects Click on an item to view connected comments Won’t look pretty Focus on the HTML we need
7.
Marionette - Application Links
your page to your app Starts your JavaScript app Initialise your routes and layouts Feed data into your app
8.
Marionette - AppRouter Map
URL fragments to methods Wire up your controller
9.
Marionette - Controller Decide
what screens to show Handle top-level data flow
10.
Marionette - Views Renders
data Event handling User Input Data change
11.
Backbone - Models Your
data Binds your application to server Fetch Save
12.
Backbone - Collections Like
models but lists Optional type-checking Helpers
13.
Marionette - Event/Trigger Handle
user input Propagate view hierarchy React to model changes
14.
And more Behaviors -
common view behavior Radio - global events Template engines Regions Underscore
15.
Helpful Links gitter.im/marionettejs/backbone.marionette backbonejs.org underscorejs.org marionettejs.com/docs/current YouTube -
Dancing with Marionette
16.
Questions? https://www.mypebble.co.uk scott.walton@mypebble.co.uk @scott_walton github.com/scott-w www.scottwalton.codes
Descargar ahora