BarCamp Costa Rica 2014 - Large scale js applications

•Download as PPTX, PDF•

0 likes•340 views

barcampcr

Technology

Large scale JS applications
with MarionetteJS + Drupal.
MVC Client Side
Barcamp 2014 , ULATINA Mayo 2014
Presented by:
enzo – Eduardo Garcia
@enzolutions
enzolutions
enzo@anexusit.com
ES: http://7sabores.com/blogs/enzo
EN: http://enzolutions.com/blog

Agenda
Barcamp 2014 , ULATINA Mayo 2014
1. What is MVC?
2. MVC Client Side is required?
3. Understanding Marionette JS
4. Who use Backbone/Marionette JS.
5. Demo
6. Resources
7. Questions and Answers?

1. What is MVC?
Barcamp 2014 , ULATINA Mayo 2014
• Design Pattern for
Software.
Separation between data
and presentation with
dispatcher.
Implemented by Symfony
and other frameworks

2. MVC Client Side is required?
Barcamp 2014 , ULATINA Mayo 2014
• Spaghetti Code.
Cascading Javascript (continuos overwriting).
Too many good ideas.
Code hunters.
JS Plugins fever.

2. MVC Client Side is required?
Barcamp 2014 , ULATINA Mayo 2014
@ https://twitter.com/dberkholz/status/395668796200849408/photo/1

3. Understanding Marionette JS
• Use underscore.js (set of basic functions for JS).
• Extend backbone.js
• Implement template functions with twig.js (View)
• Implement data representation ( Model/Collections)
• Implement routing and controller.
Barcamp 2014 , ULATINA Mayo 2014

3. Understanding Marionette JS
• Memory management and zombie-killing.
• Application concept.
• Layouts ( Nested views)
• Event Manager
• Others
Barcamp 2014 , ULATINA Mayo 2014

8
4. Who use Backbone/Marionette JS.?
Barcamp 2014 , ULATINA Mayo 2014

5. Demo
Barcamp 2014 , ULATINA Mayo 2014
http://enzolutions.com/marionette-waterbed

6. Resources
https://github.com/enzolutions/marionette-skeleton-app
Barcamp 2014 , ULATINA Mayo 2014
https://github.com/enzolutions/marionette-
cascading-select
https://github.com/enzolutions/marionette-timeline
https://github.com/enzolutions/marionette-
waterbed
http://github.com/enzolutions/drupal-backbone-user-
manager

6. Resources
Barcamp 2014 , ULATINA Mayo 2014
http://github.com/jashkenas/underscore/
http://github.com/jashkenas/backbone/
http://github.com/jashkenas/backbone/wiki/Extensi
ons,-Plugins,-Resources
http://backboneconf.com/
http://backplug.io/
https://github.com/enzolutions/drupal-backbone-node-
edit-in-place

¿Questions and Answers?
Barcamp 2014 , ULATINA Mayo 2014
@enzolutions
enzolutions
enzo@anexusit.com
ES: http://7sabores.com/blogs/enzo
EN: http://enzolutions.com/blog

Presented por:
enzo – Eduardo Garcia
Barcamp 2014 , ULATINA Mayo 2014

Viewers also liked

Procuração modelos-de-poderes2-1Bruno Sousa

BarCamp Costa Rica 2014 - Effective Communication for salesbarcampcr

Industrial revoulutionGaurav Gupta

Better Sex Yoga WorkoutBachelorette Scavenger Hunt

BarCamp Costa Rica 2014 - El mercado de la bioinformática o software para cie...barcampcr

UPDATED CV EXPashuroyal

TY-BMS SEM 5.............! YUM! BRANDS INC. Gaurav Gupta

Fundamentos del curriculo DominicanoAmin De la Rosa

InterchangePauline_Vior

Viewers also liked (9)

Procuração modelos-de-poderes2-1

BarCamp Costa Rica 2014 - Effective Communication for sales

Industrial revoulution

Better Sex Yoga Workout

BarCamp Costa Rica 2014 - El mercado de la bioinformática o software para cie...

UPDATED CV EXP

TY-BMS SEM 5.............! YUM! BRANDS INC.

Fundamentos del curriculo Dominicano

Interchange

Similar to BarCamp Costa Rica 2014 - Large scale js applications

Front-end for Java developers Devoxx France 2018Deepu K Sasidharan

angular js and node js training in hyderabadphp2ranjan

Wirecloud hamburg kickoffMiguel Jiménez

Designing and Implementing a Multiuser Apps PlatformApigee | Google Cloud

Official recap for C# Corner Coimbatore Chapter meet held on 30.12.2016CloudWorldTechnologies

How to create high scalable JavaScript apps for Java PortalsZeno Rocha

JavaScript - The Universal Platform?Jonas Bandi

MDEForge: an extensible Web-based modeling platformDavide Ruscio

curriculum_eng_2016sabino massaro

JavaScript & Enterprise BED-Con 2014 Berlin GermanAdam Boczek

Introduction to Using PHP & MVC FrameworksGerald Krishnan

Mahesh_DimbleMahesh Dimble

Become a HTML5 SpecialistTekno Point

The art and pain of teaching JavaScriptChristian Heilmann

Relax, it's spa timeMonica Rodrigues

Shilpanjali_ResumeShilpanjali v

Abhishek Choudhary_ResumeAbhishek Choudhary

Webinar: DevOps - Redefining your IT StrategyEdureka!

AngularJS 101Houssem Yahiaoui

Similar to BarCamp Costa Rica 2014 - Large scale js applications (20)

Front-end for Java developers Devoxx France 2018

angular js and node js training in hyderabad

Wirecloud hamburg kickoff

Designing and Implementing a Multiuser Apps Platform

Official recap for C# Corner Coimbatore Chapter meet held on 30.12.2016

How to create high scalable JavaScript apps for Java Portals

JavaScript - The Universal Platform?

MDEForge: an extensible Web-based modeling platform

curriculum_eng_2016

JavaScript & Enterprise BED-Con 2014 Berlin German

Introduction to Using PHP & MVC Frameworks

Mahesh_Dimble

Become a HTML5 Specialist

The art and pain of teaching JavaScript

Relax, it's spa time

Shilpanjali_Resume

Abhishek Choudhary_Resume

Webinar: DevOps - Redefining your IT Strategy

AngularJS 101

Recently uploaded

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia

🐬 The future of MySQL is Postgres 🐘RTylerCroy

04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

GenCyber Cyber Security Day PresentationMichael W. Hawkins

Histor y of HAM Radio presentation slidevu2urc

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j

Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsRoshan Dwivedi

Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2

Salesforce Community Group Quito, Salesforce 101Paola De la Torre

Scaling API-first – The story of a global engineering organizationRadu Cotescu

A Call to Action for Generative AI in 2024Results

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

The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad

IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge

Boost PC performance: How more available memory can improve productivityPrincipled Technologies

Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer

Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge

Recently uploaded (20)

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

🐬 The future of MySQL is Postgres 🐘

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

Handwritten Text Recognition for manuscripts and early printed texts

How to Troubleshoot Apps for the Modern Connected Worker

GenCyber Cyber Security Day Presentation

Histor y of HAM Radio presentation slide

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Top 5 Benefits OF Using Muvi Live Paywall For Live Streams

Exploring the Future Potential of AI-Enabled Smartphone Processors

Salesforce Community Group Quito, Salesforce 101

Scaling API-first – The story of a global engineering organization

A Call to Action for Generative AI in 2024

Automating Google Workspace (GWS) & more with Apps Script

The Codex of Business Writing Software for Real-World Solutions 2.pptx

IAC 2024 - IA Fast Track to Search Focused AI Solutions

Boost PC performance: How more available memory can improve productivity

Axa Assurance Maroc - Insurer Innovation Award 2024

Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

BarCamp Costa Rica 2014 - Large scale js applications

1. Large scale JS applications with MarionetteJS + Drupal. MVC Client Side Barcamp 2014 , ULATINA Mayo 2014 Presented by: enzo – Eduardo Garcia @enzolutions enzolutions enzo@anexusit.com ES: http://7sabores.com/blogs/enzo EN: http://enzolutions.com/blog

2. Agenda Barcamp 2014 , ULATINA Mayo 2014 1. What is MVC? 2. MVC Client Side is required? 3. Understanding Marionette JS 4. Who use Backbone/Marionette JS. 5. Demo 6. Resources 7. Questions and Answers?

3. 1. What is MVC? Barcamp 2014 , ULATINA Mayo 2014 • Design Pattern for Software. Separation between data and presentation with dispatcher. Implemented by Symfony and other frameworks

4. 2. MVC Client Side is required? Barcamp 2014 , ULATINA Mayo 2014 • Spaghetti Code. Cascading Javascript (continuos overwriting). Too many good ideas. Code hunters. JS Plugins fever.

5. 2. MVC Client Side is required? Barcamp 2014 , ULATINA Mayo 2014 @ https://twitter.com/dberkholz/status/395668796200849408/photo/1

6. 3. Understanding Marionette JS • Use underscore.js (set of basic functions for JS). • Extend backbone.js • Implement template functions with twig.js (View) • Implement data representation ( Model/Collections) • Implement routing and controller. Barcamp 2014 , ULATINA Mayo 2014

7. 3. Understanding Marionette JS • Memory management and zombie-killing. • Application concept. • Layouts ( Nested views) • Event Manager • Others Barcamp 2014 , ULATINA Mayo 2014

8. 8 4. Who use Backbone/Marionette JS.? Barcamp 2014 , ULATINA Mayo 2014

9. 5. Demo Barcamp 2014 , ULATINA Mayo 2014 http://enzolutions.com/marionette-waterbed

10. 6. Resources https://github.com/enzolutions/marionette-skeleton-app Barcamp 2014 , ULATINA Mayo 2014 https://github.com/enzolutions/marionette- cascading-select https://github.com/enzolutions/marionette-timeline https://github.com/enzolutions/marionette- waterbed http://github.com/enzolutions/drupal-backbone-user- manager

11. 6. Resources Barcamp 2014 , ULATINA Mayo 2014 http://github.com/jashkenas/underscore/ http://github.com/jashkenas/backbone/ http://github.com/jashkenas/backbone/wiki/Extensi ons,-Plugins,-Resources http://backboneconf.com/ http://backplug.io/ https://github.com/enzolutions/drupal-backbone-node- edit-in-place

12. ¿Questions and Answers? Barcamp 2014 , ULATINA Mayo 2014 @enzolutions enzolutions enzo@anexusit.com ES: http://7sabores.com/blogs/enzo EN: http://enzolutions.com/blog

13. Presented por: enzo – Eduardo Garcia Barcamp 2014 , ULATINA Mayo 2014

Editor's Notes

Antes del 2005 nadie queria poner que sabia JS en el CV 2006 Lanzamiento de Gmail y Ajax gano popularidad 2010 Salieron Cliente Framework implementando MVC Enfoque de desarrollo orientado en los datos
Statefull vs Stateless
Statefull vs Stateless

BarCamp Costa Rica 2014 - Large scale js applications

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (9)

Similar to BarCamp Costa Rica 2014 - Large scale js applications

Similar to BarCamp Costa Rica 2014 - Large scale js applications (20)

More from barcampcr

More from barcampcr (18)

Recently uploaded

Recently uploaded (20)

BarCamp Costa Rica 2014 - Large scale js applications

Editor's Notes