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

My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar

AI as an Interface for Commercial BuildingsMemoori

SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j

Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes

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

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106

08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls

Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK

Salesforce Community Group Quito, Salesforce 101Paola De la Torre

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

WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal

Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst

Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

Key Features Of Token Development (1).pptxLBM Solutions

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited

Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j

How to convert PDF to text with Nanonetsnaman860154

A Domino Admins Adventures (Engage 2024)Gabriella Davis

Recently uploaded (20)

My Hashitalk Indonesia April 2024 Presentation

AI as an Interface for Commercial Buildings

SIEMENS: RAPUNZEL – A Tale About Knowledge Graph

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners

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

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics

08448380779 Call Girls In Friends Colony Women Seeking Men

Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

Unblocking The Main Thread Solving ANRs and Frozen Frames

Salesforce Community Group Quito, Salesforce 101

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

WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service

Human Factors of XR: Using Human Factors to Design XR Systems

Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...

Handwritten Text Recognition for manuscripts and early printed texts

Key Features Of Token Development (1).pptx

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365

Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...

How to convert PDF to text with Nanonets

A Domino Admins Adventures (Engage 2024)

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