Decoupling your JavaScript

•

1 like•913 views

Guillermo Paz

Decoupling your JavaScript: Breaking large JavaScript into small pieces at MercadoLibre Retreat 2013

Technology

Why
•Wrong inheritance pattern
•Non-extensible

Why
•Wrong inheritance pattern
•Non-extensible
•Non-scalable

Why
•Wrong inheritance pattern
•Non-extensible
•Non-scalable
•Miscommunication between widgets

Modules
•Scalable
•Maintainable
•Reusable

Viewport

Desktop

Shared
JS

Mobile
JS

JS

Takeaway
•Chico v1.0
•Modules
•Extend with prototype
•Reuse: Mobile + Desktop
•Communicate via events

What's hot

Single page applications

Diego Cardozo

FusionCharts Clockworks

Shamasis Bhattacharya

CC 2015 Single Page Applications for the ASPNET Developer

Allen Conway

Webview: The fifth element

Fernando Cejas

EXTRA: Workshop SOA, Microservices e Devops - Discoverability + Ui Arch

Diego Pacheco

XAML developers love the Model-View View-Model (MVVM) pattern. Kendo UI is a JavaScript framework that enables this pattern for web based applications. It takes the client side coding model developers are familiar with and provides it to the web world. This talk will define the MVVM pattern and the benefits of using it. It will also show how you can use Kendo UI and ASP.NET to build responsive, robust applications that feel like desktop applications. Lessons Learned: -MVVM Pattern -Kendo UI and why to use it -How to wire up Kendo UI and ASP.NET

Building web applications using kendo ui and the mvvm pattern

Aspenware

MVVM & Validation with Kendo UI

Lohith Goudagere Nagaraj

1 bootstrap-3-m0-slides

MasterCode.vn

Who is she in tunis advanced webmaster administration session

Michael Bryder

JavaScript와 TypeScript의 으리 있는 만남

영욱 김

In this talk we will go through using Microsoft Azure serverless and container technologies to automate a recurring process and reduce costs. In my work I was required to create a system which repetitively performed actions against web pages. I used selenium with the page object model as the model to interact with the pages, the code was executed using an Azure function which instantiated a browser in an Azure container Instance using a standard docker container. A transient container was used to avoid having to have one permanently installed on a VM, the container could be created only for the time it was needed. As serverless and Azure container instances have a usage charging model the costs were negligible compared to running a dedicated VM for the operation. In this talk I will talk briefly about: * Selenium and Page Object Model - how it aids re-usability of selenium code * Azure Functions - the developer experience * Azure container Instances - what they are and how setup and removal can be automated But mostly how the above fits together to make a great developer experience and deliver a solution at minimal cost. Demo: * Show Selenium webdriver working * Show how deployment process works * Show how the function looks on azure portal

Azure functions and container instances

John Staveley

BBUI

Anoop Nayak

Easy HTML5 Data Visualization with Kendo UI DataViz

Lohith Goudagere Nagaraj

What's hot (13)

Single page applications

FusionCharts Clockworks

CC 2015 Single Page Applications for the ASPNET Developer

Webview: The fifth element

EXTRA: Workshop SOA, Microservices e Devops - Discoverability + Ui Arch

Building web applications using kendo ui and the mvvm pattern

MVVM & Validation with Kendo UI

1 bootstrap-3-m0-slides

Who is she in tunis advanced webmaster administration session

JavaScript와 TypeScript의 으리 있는 만남

Azure functions and container instances

BBUI

Easy HTML5 Data Visualization with Kendo UI DataViz

Similar to Decoupling your JavaScript

Quo vadis, JavaScript? Devday.pl keynote

Christian Heilmann

Sai Sharan_UI_Resume

Sai Sharan Madisetty

Wintellect - Devscovery - Enterprise JavaScript Development 2 of 2

Jeremy Likness

AngularJS - Architecture decisionsin a large project

Elad Hirsch

Priyanka_Resume_Oct102015

priyanka gadia

Sugarcoating your frontend one ViewModel at a time

Einar Ingebrigtsen

Client-side MVC frameworks like AngularJS are getting more popular over time. They represent a big architectural change to what web developers are used to: moving from server-side MVC to a browser based one. In this talk I will speak about how Grails can fit with a single-page architecture and discuss the pros and cons of developing that kind of applications. The companion code is published at https://bitbucket.org/alvaro_sanchez/backoffice

Developing SPI applications using Grails and AngularJS

Alvaro Sanchez-Mariscal

Single Page Applications - Desert Code Camp 2012

Adam Mokan

Bala Sr Java Developer

Java Dev

Building databound JavaScript apps with Knockoutjs

Nish Anil

Woah, You Can Test IE & Microsoft Edge on a Mac?

reybango

Usersnap and the javascript magic behind the scenes - ViennaJS

Usersnap

JAVA/J2EE Developer Summary: · 7 years of versatile experience in implementing Java/J2EE technologies for application development in analysis, designing and developing Java based Web Applications in multi-tier and Client/Server environments through Software Development Life Cycle (SDLC) process. · Experience of enterprise level application development with Java centric technologies in the domain of Insurance, Telecom and Banking. · Expertise in various phases of Software Development including analysis, design, development and deployment of applications using JEE/J2EE technologies including Servlets, JSP, Java Beans ,EJB, JSF, JDBC, JNDI, Hibernate, JavaScript, AJAX, Angular js, XML and HTML, Applets JMS, RESTful. · Experience using J2EE Design Patterns like DAO Pattern, Singleton Pattern, Front Controller and Factory Pattern for reusing the most efficient and effective strategies for new development. · Developed applications using frameworks and APIlike Struts, Spring, Spring MVC. · Developed applications based on Model-View-Controller (MVC) architecture using core design patterns (creational, structural and behavioral). · Experience in using UML tools like UML Activity diagrams, Sequence diagrams and Class diagrams. · Extensive experience in Test Driven Development and Agile-Scrum development. · Experience in using ANT tool, Maven to compile, package and deploy the components to the Application Servers and log4J for application logging. · Good knowledge about Web services: SOAP, Restful Web Services. · Experienced in writing Server Side Components - Enterprise Java Beans (EJB) Session and Entity Beans, Remote Method Invocation (RMI) for distributed computing applications, access remote servers and invoking database with Java Database Connectivity (JDBC). · Good knowledge of latest version of object oriented JavaScriptLibraries like Angular.js, Node.js, React.js, Backbone.js, Bootstrap, Responsive Web Design and Dojo toolkit. · Involved in CICD process using GIT, Nexus, Jenkins job creation, Maven build Create Docker image and deployment in AWS environment. · Proficiency in working with databases like Oracle, MySQL. · Experienced in using Junit, Easy Mock testing framework and testing the application functionality. · Strong experience in configuration tools like CVS, SVN, GIT, and Rational Clear case. · Working Knowledge in OOAD to analyzing the functional requirements of a system and analyzing model to implement specification using Object Oriented Analysis (OOA) and Object Oriented Design (OOD). · Hands-on experience with Application Servers, Web Servers and a wide variety of development tools (IBM Web Sphere Application Server, Tomcat, BEA Web Logic, and JBoss). · Hands on experience in developing client/server, multi/tier and web-based applications using MQSeries JMS. · Working knowledge in writing XML documents and parsing them using SAX, DOM parsers and transforming the documents using XSL/XSLT. · Excellent team player, quick .

JAVAJ2EE DeveloperSummary · 7 years of versatile e.docx

christiandean12115

JavaScripters Event Sep 17, 2016 · 2:00 PM: Scalable Javascript Design Patterns

JavaScripters Community

Internship softwaretraining@ijse

Jinadi Rashmika

Basics of Backbone.js

Avishekh Bharati

Seven Versions of One Web Application

Yakov Fain

SRIRAM THOTA_JAVA_RES

Sriram Thota

Frameworks Galore: A Pragmatic Review

netc2012

Ramarao_US_NewNumber_Promatrix_Webservice

Ramarao Behara

Similar to Decoupling your JavaScript (20)

Quo vadis, JavaScript? Devday.pl keynote

Sai Sharan_UI_Resume

Wintellect - Devscovery - Enterprise JavaScript Development 2 of 2

AngularJS - Architecture decisionsin a large project

Priyanka_Resume_Oct102015

Sugarcoating your frontend one ViewModel at a time

Developing SPI applications using Grails and AngularJS

Single Page Applications - Desert Code Camp 2012

Bala Sr Java Developer

Building databound JavaScript apps with Knockoutjs

Woah, You Can Test IE & Microsoft Edge on a Mac?

Usersnap and the javascript magic behind the scenes - ViennaJS

JAVAJ2EE DeveloperSummary · 7 years of versatile e.docx

JavaScripters Event Sep 17, 2016 · 2:00 PM: Scalable Javascript Design Patterns

Internship softwaretraining@ijse

Basics of Backbone.js

Seven Versions of One Web Application

SRIRAM THOTA_JAVA_RES

Frameworks Galore: A Pragmatic Review

Ramarao_US_NewNumber_Promatrix_Webservice

More from Guillermo Paz

Repasamos algunos conceptos que ya conocemos y "usamos" hoy en día para construir la web pensando en el usuario: User First, Mobile First, Content First y Progressive Enhancement... Están preparados para Offline First? Link mencionados en la charla: https://getmango.com www.meetup.com/BAFrontend https://github.com/Mango/slideout https://getmango.com/blog/escanear-tarjetas-de-credito-en-safari-ios8 https://getmango.com/blog/validacion-de-formularios-con-la-api-de-vibracion http://opensignal.com/coverage-maps/ http://www.nytimes.com/2012/03/01/technology/impatient-web-users-flee-slow-loading-sites.html http://offlinestat.es http://offlinefirst.org

User First

Guillermo Paz

Everybody is talking about ES6, but is anyone out there using it in production? Mango recently started adopting ES6 features that make our front-end code easier to write and maintain. In this talk, I will explain why we decided to use ES6, how we started to use it in production (using npm, browserify and babel) and I'll explain what problems we found along the way and how we solved them. Links: https://getmango.com https://getmango.com/blog/writing-es6-modules-with-6to5/ http://kangax.github.io/compat-table/ https://github.com/zloirock/core-js https://github.com/mango/emitter http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts http://benmccormick.org/2015/04/07/es6-classes-and-backbone-js/

ES6 in Production [JSConfUY2015]

Guillermo Paz

HTML5: Introduction

Guillermo Paz

JavaScript: The prototype Property

Guillermo Paz

MercadoLibre es una plataforma de e-commerce de gran escala con un alto tráfico. Todo los equipos de diseño y desarrollo deben estar atentos, ser rápidos y consistentes entre sí. A partir de este contexto, Chico UI fue creado, siguiendo los estándares web con el objetivos de satisfacer la necesidades de los equipos. Chico UI es open source y busca ayudar a las personas que desean trabajar con la plataforma.

Estándares Web con Chico UI

Guillermo Paz

Chico UI - Retreat 2011

Guillermo Paz

Weat - Presentación

Guillermo Paz

More from Guillermo Paz (7)

User First

ES6 in Production [JSConfUY2015]

HTML5: Introduction

JavaScript: The prototype Property

Estándares Web con Chico UI

Chico UI - Retreat 2011

Weat - Presentación

Recently uploaded

MS Copilot expands with MS Graph connectors

Nanddeep Nachan

DBX First Quarter 2024 Investor Presentation

Dropbox

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Juan lago vázquez

FWD Group - Insurer Innovation Award 2024

The Digital Insurer

MINDCTI Revenue Release Quarter One 2024

MIND CTI

The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

apidays

The microservices honeymoon is over. When starting a new project or revamping a legacy monolith, teams started looking for alternatives to microservices. The Modular Monolith, or 'Modulith', is an architecture that reaps the benefits of (vertical) functional decoupling without the high costs associated with separate deployments. This talk will delve into the advantages and challenges of this progressive architecture, beginning with exploring the concept of a 'module', its internal structure, public API, and inter-module communication patterns. Supported by spring-modulith, the talk provides practical guidance on addressing the main challenges of a Modultith Architecture: finding and guarding module boundaries, data decoupling, and integration module-testing. You should not miss this talk if you are a software architect or tech lead seeking practical, scalable solutions. About the author With two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Victor Rentea

Following the popularity of "Cloud Revolution: Exploring the New Wave of Serverless Spatial Data," we're thrilled to announce this much-anticipated encore webinar. In this sequel, we'll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you're building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

Understanding the FAA Part 107 License ..

Christopher Logan Kennedy

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

MadyBayot

Effective data discovery is crucial for maintaining compliance and mitigating risks in today's rapidly evolving privacy landscape. However, traditional manual approaches often struggle to keep pace with the growing volume and complexity of data. Join us for an insightful webinar where industry leaders from TrustArc and Privya will share their expertise on leveraging AI-powered solutions to revolutionize data discovery. You'll learn how to: - Effortlessly maintain a comprehensive, up-to-date data inventory - Harness code scanning insights to gain complete visibility into data flows leveraging the advantages of code scanning over DB scanning - Simplify compliance by leveraging Privya's integration with TrustArc - Implement proven strategies to mitigate third-party risks Our panel of experts will discuss real-world case studies and share practical strategies for overcoming common data discovery challenges. They'll also explore the latest trends and innovations in AI-driven data management, and how these technologies can help organizations stay ahead of the curve in an ever-changing privacy landscape.

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc

Architecting Cloud Native Applications

WSO2

Webinar Recording: https://www.panagenda.com/webinars/why-teams-call-analytics-is-critical-to-your-entire-business Nothing is as frustrating and noticeable as being in an important call and being unable to see or hear the other person. Not surprising then, that issues with Teams calls are among the most common problems users call their helpdesk for. Having in depth insight into everything relevant going on at the user’s device, local network, ISP and Microsoft itself during the call is crucial for good Microsoft Teams Call quality support. To ensure a quick and adequate solution and to ensure your users get the most out of their Microsoft 365. But did you know that ‘bad calls’ are also an excellent indicator of other problems arising? Precisely because it is so noticeable!? Like the canary in the mine, bad calls can be early indicators of problems. Problems that might otherwise not have been noticed for a while but can have a big impact on productivity and satisfaction. Join this session by Christoph Adler to learn how true Microsoft Teams call quality analytics helped other organizations troubleshoot bad calls and identify and fix problems that impacted Teams calls or the use of Microsoft365 in general. See what it can do to keep your users happy and productive! In this session we will cover - Why CQD data alone is not enough to troubleshoot call problems - The importance of attributing call problems to the right call participant - What call quality analytics can do to help you quickly find, fix-, and prevent problems - Why having retrospective detailed insights matters - Real life examples of how others have used Microsoft Teams call quality monitoring to problem shoot problems with their ISP, network, device health and more.

Why Teams call analytics are critical to your entire business

panagenda

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

In this keynote, Asanka Abeysinghe, CTO,WSO2 will explore the shift towards platformless technology ecosystems and their importance in driving digital adaptability and innovation. We will discuss strategies for leveraging decentralized architectures and integrating diverse technologies, with a focus on building resilient, flexible, and future-ready IT infrastructures. We will also highlight WSO2's roadmap, emphasizing our commitment to supporting this transformative journey with our evolving product suite.

Platformless Horizons for Digital Adaptability

WSO2

Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on the deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Jeffrey Haguewood

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Bhuvaneswari Subramani

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

Whatsapp Number Escorts Call girls 8617370543 Available 24x7 Mcleodganj Call Girls Service Offer Genuine VIP Model Escorts Call Girls in Your Budget. Mcleodganj Call Girls Service Provide Real Call Girls Number. Make Your Sexual Pleasure Memorable with Our Mcleodganj Call Girls at Affordable Price. Top VIP Escorts Call Girls, High Profile Independent Escorts Call Girls, Housewife Women Escorts Call Girl, College Girls Escorts Call Girls, Russian Escorts Call girls Service in Your Budget.

Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Deepika Singh

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Edi Saputra

Recently uploaded (20)

MS Copilot expands with MS Graph connectors

DBX First Quarter 2024 Investor Presentation

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

FWD Group - Insurer Innovation Award 2024

MINDCTI Revenue Release Quarter One 2024

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Understanding the FAA Part 107 License ..

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

Architecting Cloud Native Applications

Why Teams call analytics are critical to your entire business

Strategies for Landing an Oracle DBA Job as a Fresher

Platformless Horizons for Digital Adaptability

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Elevate Developer Efficiency & build GenAI Application with Amazon Q

Boost Fertility New Invention Ups Success Rates.pdf

Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving