Plugin jQuery, Design Patterns

Jul 9, 20151 like20,021 views

Starting from Constructor Function and Object.create() as methods for creating objects in Javascript, we analize a couple of way to bootstrap a jQuery Plugin.

jQuery Plugin
Design Patterns
“Deep into JS” Meetup

function Person(name, surname) {!
! ! ! this.name = name;!
! ! ! this.surname = surname;!
}

function Person(name, surname) {!
! ! ! this.name = name;!
! ! ! this.surname = surname;!
! ! ! this.getName = function() {!
! ! ! ! ! ! // privileged method: useful if you need private method, attributes!
! ! ! ! ! ! return this.name;!
! ! ! }!
}

function Person(name, surname) {!
! ! ! this.name = name;!
! ! ! this.surname = surname;!
}!
Person.prototype.getName = function() {!
! ! ! ! return this.name;!
}

var robb = new Person(‘Robert’, ‘Casanova’);!
console.log(robb.getName());

var robb = { 
! ! name: ‘Robert’, 
! ! surname: ‘Casanova’,!
! ! getName: function() { 
! ! ! ! ! return this.name; 
! ! }!
}

var gigi = Object.create(robb);!
gigi.name = ‘Giorgio’;!
gigi.surname = ‘Moroder’;!
!
console.log(gigi.getName())

$.fn[‘pluginName’] = function() { 
this.each(function(){ 
$(this).doSomething(); 
}); 
}
Simplest jQuery plugin ever

;(function($, window,document, undeﬁned ){!
//plugin goes here!
})(jQuery, window, document)
Immediately Invoked Function Expression
(IIFE)

var pluginName = “mioPlugin”,!
defaults = { 
defaultProperty: ‘defaultValue’ 
}
Defaults

$function Plugin(el, options) {! ! this.el = el;! this.$el = $(el);! this.options = $.extend({},defaults, options);! ! ! ! this._defaults = defaults;! this._name = pluginName;! ! ! ! this.init();! } Constructor Function$

Plugin.prototype.init = function() {!
! ! ! ! //the initial logic goes here!
}!
Plugin.prototype.someMethod = function() {!
…!
}
Methods

$.fn[pluginName] = function(options) {!
! ! ! return this.each(function(){!
! ! ! ! ! if(!$.data(this, pluginName)) {!
! ! ! ! ! ! $.data(this, pluginName, new Plugin(this, options));!
! ! ! ! ! }!
! ! ! });!
}
Plugin Magic

$(‘#elem’).pluginName({!
!! defaultProperty: ‘value’!
});
Example

var myObject = {!
! ! init: function (options,elem) {!
! ! ! ! …!!
! ! }!
}
Object

$init: function (options,elem) {! ! ! this.options = $.extend({}, this.options,options);! ! ! this.el = elem;! this.$el = $(elem);! ! this._build();! ! return this;! } Init Function$

options: {!
! defaultOption: ‘defaultValue’!
}
Default options

$_build: function() {! ! this.$el.html(‘inizialize html here’);! },! publicMethod: function() {  this.$el.doSomething();  } Methods$

$.plugin = function(name,object) {!
! ! $.fn[name] = function(options) {!
! ! ! ! return this.each(function(){ 
! ! ! ! ! ! if(!$.data(this,name)) { 
$.data(this,name, Object.create(myObject).init(options,this))
} 
})!
! ! }!
} !
$.plugin(“pluginName”, myObject )
Plugin Magic

$(‘#elem’).pluginName({!
!! defaultProperty: ‘value’!
});!
!
var plugin = $(‘#elem’).data(‘pluginName’);!
plugin.publicMethod();
Example

The document provides tips and best practices for creating jQuery plugins, including organizing code structure, generalizing functionality, minimizing file size through minification, and optimizing performance. It discusses using closures and object literals for plugins, exposing only necessary methods, avoiding duplicate code, and helping the compressor by using arrays and strings. The goal is to build clean, simple APIs while generalized and minimized code.

Best Practices in Plugin Development (WordCamp Seattle)andrewnacin

MojoliciousMarcos Rebelo

Mojolicious is a real-time web framework for Perl that provides a simplified single file mode through Mojolicious::Lite. It has a clean, portable, object oriented API without hidden magic. It supports HTTP, WebSockets, TLS, IPv6 and more. Templates can use embedded Perl and are automatically rendered. Helpers, sessions, routing and testing utilities are built in. The generator can create new app structures and components.

Mojolicious - A new hopeMarcus Ramberg

Task 1EdiPHP

RESTful web servicesTudor Constantin

This document provides an overview of RESTful web services using Mojolicious and DBIx::Class. It describes a sample expense tracker application with five database tables in a many-to-many relationship. It then introduces REST concepts and describes how Mojolicious routes requests, DBIx::Class models the database, and generic controllers can provide CRUD operations. Finally, it outlines the steps to generate RESTful routes for a database table, including creating a model and controller that inherits standard CRUD methods.

Mojolicious on SteroidsTudor Constantin

Maintainable JavaScript 2012Nicholas Zakas

This document summarizes Nicholas C. Zakas's presentation on maintainable JavaScript. The presentation discusses why maintainability is important, as most time is spent maintaining code. It defines maintainable code as code that works for five years without major changes and is intuitive, understandable, adaptable, extendable, debuggable and testable. The presentation covers code style guidelines, programming practices, code organization techniques and automation tools to help write maintainable JavaScript.

Mojolicious: what works and what doesn'tCosimo Streppone

Mojolicious is a lightweight web framework inspired by Ruby frameworks. It uses PSGI and includes features like ORM, templating, internationalization, and forms. Some key differences between Mojolicious and Dancer are that in Mojolicious the application is defined as a class rather than a script, the code is more "natural" with no magic, and Mojolicious routes are very powerful. What works well about Mojolicious is the good documentation, fast IRC support, powerful routing system, extensive test suite, and clear no dependencies policy. However, the no dependencies policy can cause issues, some tests may not be relevant, and the Template Toolkit renderer requires prefixing all variables with "c.".

With a Mighty HammerBen Scofield

jQuery Anti-Patterns for Performance & CompressionPaul Irish

The document discusses various jQuery anti-patterns that can negatively impact performance and compression. It describes caching selections, using document fragments to append content outside of loops, avoiding unnecessary re-querying of elements, and leveraging event delegation with delegate() instead of binding individual handlers. The document emphasizes optimizing selector syntax from right to left, avoiding universal selectors, and detaching elements from the DOM when manipulating them to improve speed.

Keeping it small: Getting to know the Slim micro frameworkJeremy Kendall

Keeping it small - Getting to know the Slim PHP micro frameworkJeremy Kendall

The document discusses the Slim micro PHP framework. It provides an overview of installing Slim via Composer, basic routing examples including GET and POST requests, and configuration options. Key topics covered include routing, templates, middleware, configuration via a config array, and logging/flash messaging. Examples demonstrate basic routing for homepage, single images, adding photos, and handling POST data and redirects.

Mojolicious, real-time web frameworktaggg

This document provides an overview of Mojolicious, a real-time web application framework written in Perl. It discusses getting started with Mojolicious::Lite, including routes, placeholders, templates and layouts. It also covers sessions, growing applications out of Lite into Mojolicious, and additional Mojo modules for things like web clients and HTML parsing. Resources for learning more about Mojolicious are provided.

Perl: Hate it for the Right ReasonsMatt Follett

The document describes a project to build a website called PerkyProfiler that retrieves user profile information from different services like GitHub, Flickr, and Twitter by taking URLs as input. It will use Perl and several Perl modules. The project will be built using the Catalyst web framework and Moose/MooseX for object-oriented programming. It describes using Moose roles, custom types, declarative class definitions, and functional programming techniques in Perl. The goal is to generate a unified user profile by combining data from different services for a given URL.

Inside Bokete: Web Application with Mojolicious and othersYusuke Wada

Yusuke Wada introduced his work developing the Bokete website. Bokete is a Japanese entertainment website similar to 9gag that allows users to post and view "boke" which are photos with short texts. It has a website, mobile apps, and receives 300 million page views per month. Wada developed the backend system for Bokete using Perl and Mojolicious along with several other CPAN modules, particularly some written by Japanese authors. He discussed the system architecture and modules used to build Bokete.

Drupal Best Practicesmanugoel2003

Developing apps using PerlAnatoly Sharifulin

Anatoly Sharifulin presents on developing apps using Perl. He discusses creating an app called DLTTR that allows users to delete tweets in bulk using asynchronous queues and APIs. The app was built with Mojolicious, uses a server API, and stores data in MySQL. It has been successful with over 1 million tweets deleted and thousands of users. The talk highlights how Perl helped enable the creation of this cross-platform app that deletes tweets quickly and appropriately.

Building Cloud CastlesBen Scofield

A year ago, I was a committed VPS and dedicated-machine deployer. I thought the cloud imposed silly restrictions - how dare you take away my shell account! Whaddya mean I can't save files locally? Since then, I've had some interesting experiences. I've worked on big cloud-deployed systems, and certain large traditionally-deployed systems, and I've seen how a lot of the decisions that you're ... encouraged to make when designing an app to run in the cloud. Most interestingly, I've discovered how those same decisions can make for a much better app regardless of where it'll end up. In this talk, I'll share those architectural patterns with you, and show why they work. Hopefully, I'll convince all of you to build cloud castles -- even if you've got your foundation firmly on the ground.

Rails 3: Dashing to the FinishYehuda Katz

Django HeresiesSimon Willison

This document contains Simon Willison's heresies about Django. Some of the heresies discussed include that the {% if %} tags in Django templates suck, that silencing template errors is a bad idea, and that settings.py causes problems. Alternatives proposed include using a smarter {% if %} tag snippet, not silencing errors, and allowing per-application settings instead of one global settings file. The document also advocates for improving testing and documentation in the Django community.

Mojolicious. Веб в коробке!Anatoly Sharifulin

Mojolicious is a full-stack web framework and HTTP client for Perl that provides an object-oriented API without hidden magic or dependencies. It includes features like asynchronous I/O, routing, plugins, sessions, templating, internationalization support, and JSON/XML handling. Mojolicious comes in three flavors: Mojolicious::Lite for simple apps, Mojolicious for full MVC apps, and Mojo as a lightweight base framework. It supports technologies like CGI, FastCGI, PSGI, HTTP 1.1, and WebSockets.

Mojolicious - Perl Framework for the Real-Time Web (Lightning Talk)Dotan Dimet

Keeping it Small: Getting to know the Slim Micro FrameworkJeremy Kendall

You Don't Know Query - WordCamp Portland 2011andrewnacin

Andrew Nacin gave a talk at WordCamp Portland 2011 about querying in WordPress. He explained that WordPress uses the WP_Query class to run queries and populate $wp_query. The "main query" is stored in $wp_the_query and copied to $wp_query. Developers can alter queries using the 'request' or 'pre_get_posts' hooks. The 'pre_get_posts' hook is more flexible but can impact any query, so developers should check that they are only modifying the main query. Proper use of wp_reset_query() and wp_reset_postdata() is also important when running additional queries.

You Don't Know Query (WordCamp Netherlands 2012)andrewnacin

Mojo as a_clientMarcus Ramberg

Mojo started as an alternative to the aging LWP library for HTTP requests in Perl. It was created by Sebastian Riedel to have a more modern, asynchronous API. Mojo provides an easy to use and full-featured HTTP client and server with support for features like websockets, parallel requests, and more. The library uses a test-driven development approach and strives to have a pragmatic design with reusable components.

Djangocon 2014 angular + djangoNina Zakharenko

This document discusses using AngularJS with Django to build a single page application called Tweeter. Some key advantages of this approach are that it is faster since pages don't need to reload, any JavaScript framework can be used, and the backend is reusable for mobile apps. Django REST framework is used to create RESTful APIs for models like Tweets that Angular consumes through resources and controllers. Templates are used to pass data from Django to Angular initially, while Angular routing and partials handle page changes within the SPA. Overall this provides a smooth integration of Django and Angular that separates concerns for a better user experience.

Writing your Third PluginJustin Ryan

Jenkins User Conference 2012 Only by the third plugin do you get the hang of writing a plugin. I thought as a developer coming to the build side of things it'd be easy to jump in and write some plugins. I was wrong. Don't be fooled by the extremely friendly Jenkins community, writing a plugin from scratch is harder than they let on. This talk will explain the hurdles that I had to cross to make writing plugins easy.

An easy guide to Plugin DevelopmentShinichi Nishikawa

More Related Content

What's hot (20)

Mojolicious: what works and what doesn'tCosimo Streppone

With a Mighty HammerBen Scofield

jQuery Anti-Patterns for Performance & CompressionPaul Irish

Keeping it small: Getting to know the Slim micro frameworkJeremy Kendall

Keeping it small - Getting to know the Slim PHP micro frameworkJeremy Kendall

Mojolicious, real-time web frameworktaggg

Perl: Hate it for the Right ReasonsMatt Follett

Inside Bokete: Web Application with Mojolicious and othersYusuke Wada

Drupal Best Practicesmanugoel2003

Developing apps using PerlAnatoly Sharifulin

Building Cloud CastlesBen Scofield

Rails 3: Dashing to the FinishYehuda Katz

Django HeresiesSimon Willison

Mojolicious. Веб в коробке!Anatoly Sharifulin

Mojolicious - Perl Framework for the Real-Time Web (Lightning Talk)Dotan Dimet

Keeping it Small: Getting to know the Slim Micro FrameworkJeremy Kendall

You Don't Know Query - WordCamp Portland 2011andrewnacin

You Don't Know Query (WordCamp Netherlands 2012)andrewnacin

Mojo as a_clientMarcus Ramberg

Djangocon 2014 angular + djangoNina Zakharenko

Mojolicious: what works and what doesn'tCosimo Streppone

With a Mighty HammerBen Scofield

jQuery Anti-Patterns for Performance & CompressionPaul Irish

Keeping it small: Getting to know the Slim micro frameworkJeremy Kendall

Keeping it small - Getting to know the Slim PHP micro frameworkJeremy Kendall

Mojolicious, real-time web frameworktaggg

Perl: Hate it for the Right ReasonsMatt Follett

Inside Bokete: Web Application with Mojolicious and othersYusuke Wada

Drupal Best Practicesmanugoel2003

Developing apps using PerlAnatoly Sharifulin

Building Cloud CastlesBen Scofield

Rails 3: Dashing to the FinishYehuda Katz

Django HeresiesSimon Willison

Mojolicious. Веб в коробке!Anatoly Sharifulin

Mojolicious - Perl Framework for the Real-Time Web (Lightning Talk)Dotan Dimet

Keeping it Small: Getting to know the Slim Micro FrameworkJeremy Kendall

You Don't Know Query - WordCamp Portland 2011andrewnacin

You Don't Know Query (WordCamp Netherlands 2012)andrewnacin

Mojo as a_clientMarcus Ramberg

Djangocon 2014 angular + djangoNina Zakharenko

Viewers also liked (11)

Writing your Third PluginJustin Ryan

An easy guide to Plugin DevelopmentShinichi Nishikawa

Building an Eclipse plugin to recommend changes to developerskim.mens

1) The document summarizes a master's thesis defense about building an Eclipse plugin called Mendel to recommend code changes to developers based on regularities extracted from existing code. 2) Mendel uses a "genetic metaphor" to find family members of a selected code entity according to different family definitions, extract dominant traits from the family, and recommend traits for the entity that are not already implemented. 3) The thesis validates Mendel's recommendations by analyzing multiple versions of projects and checking if recommended changes were later implemented by developers. The results showed some family definitions were better suited than others for different recommendation types.

Jumping Into WordPress Plugin ProgrammingDougal Campbell

If you are new to WordPress, but already know how to program, the typical "Hello, World" examples aren't helpful. You need to know how to make the right API calls, and where to find documentation about the actions and filters that WordPress makes available to you. This presentation is a brief introduction skimming the surface of the API hook system in WordPress. It does not go into deep detail, but gives brief "real world" examples of how to use filters and actions, along with pointers on where to find the main documentation that will help you get started on your own plugins.

Building GPE: What We Learnedrajeevdayal

A Simple Plugin Architecture for Wicketnielsvk

Eclipse Overview Lars Vogel

Lars Vogel gives a presentation on the state of Eclipse. He discusses his background with Linux and Eclipse. The presentation covers the Eclipse ecosystem, including the Eclipse Foundation and projects. Vogel describes how Eclipse is highly modular and extensible via plugins. He discusses Eclipse 4.0 and the move to a more flexible and model-driven architecture. In conclusion, Vogel recommends resources for learning more about Eclipse plugin and RCP development.

So, you want to be a plugin developer?ylefebvre

Presented at WordCamp Montreal 2014 Do you ever browse the WordPress Plugin Directory and wish you could see your creations up there? Have you ever written code for a personal site or customer and thought that others could benefit from having access to your work? ‘So, you want to be a plugin developer?’ covers numerous aspects of plugin development, including finding an idea for your plugin and securing a space for it in the directory, programming resources and code quality guidelines to make sure your add-on is top-notch, and more business-oriented topics like monetization and promotion. With all of these tips and tools in hand, your next idea could be the next great WordPress plugin.

The Open-source Eclipse Plugin for Force.com Development, Summer ‘14Salesforce Developers

The document discusses the new open-source Eclipse plugin for Salesforce development. It describes the history of the original plugin and reasons for updating it, including using the Tooling API and open sourcing the code. Developers can now contribute changes by forking the project repository on GitHub and submitting pull requests. The document reviews the different available versions and outlines the process for testing changes locally and getting updates incorporated into the main branch.

Configuration as Code: The Job DSL PluginDaniel Spilker

Creating a Plug-In Architectureondrejbalas

The document discusses creating a plug-in architecture in .NET. It defines a plug-in as an external piece of functionality that can be added to a system by following a predefined contract. Developing with a plug-in architecture allows splitting work across boundaries, incremental feature deployment, and only deploying updated modules without source access. Challenges include managing contract changes and increased development time for small projects.

Writing your Third PluginJustin Ryan

An easy guide to Plugin DevelopmentShinichi Nishikawa

Building an Eclipse plugin to recommend changes to developerskim.mens

Jumping Into WordPress Plugin ProgrammingDougal Campbell

Building GPE: What We Learnedrajeevdayal

A Simple Plugin Architecture for Wicketnielsvk

Eclipse Overview Lars Vogel

So, you want to be a plugin developer?ylefebvre

The Open-source Eclipse Plugin for Force.com Development, Summer ‘14Salesforce Developers

Configuration as Code: The Job DSL PluginDaniel Spilker

Creating a Plug-In Architectureondrejbalas

Similar to Plugin jQuery, Design Patterns (20)

JavaScript OOP Pattern지수 윤

Es.nextIgnacio Gil

This document discusses new features in ECMAScript (ES) 6 including: enhanced object literals with shorthand property and method definitions; destructuring assignment for arrays and objects; template strings for string interpolation; iterators, generators, and for-of loops; modules with named and default exports; and the module loader API. It provides code examples to demonstrate these new features and compares them to CommonJS and ES5 syntax.

JSConf: All You Can Leetjohndaviddalton

jQuery Data Manipulate API - A source code dissecting journeyHuiyi Yan

04 Advanced Javascriptcrgwbr

The document discusses several key aspects of JavaScript functions including: 1. Functions can be defined in 3 ways - with the function keyword, a function expression, or a function declaration. 2. Closures allow functions to access variables from outer scopes even after the outer function has closed. This allows functions to cache values. 3. Functions are objects that can be passed around and assigned to variables like any other object. 4. Prototypal inheritance is used in JavaScript to inherit properties and methods from one object to another using prototypes. 5. The this keyword is dynamically bound based on the invocation context of a function. Understanding how this works is important for using objects correctly.

JavaScript - Like a Box of ChocolatesRobert Nyman

JavaScript is a versatile programming language that can be used to add interactivity to web pages. The document provides examples of common JavaScript concepts like variables, functions, objects, loops, and DOM manipulation. It also discusses best practices like minimizing DOM access, controlling scope, and using closures and modules to organize code. Overall, the document serves as a high-level introduction to JavaScript syntax and programming concepts.

The Beauty Of Java Script V5arajivmordani

The document discusses the beauty of JavaScript and its many features. It covers how JavaScript offers classless object-oriented programming and functional programming. It also discusses how JavaScript can run on both the client-side and server-side. The document provides examples of JavaScript syntax like variables, functions, objects, inheritance through prototypes, and AJAX requests. It emphasizes how libraries help create abstractions and beautiful patterns in JavaScript code.

The Beauty of Java ScriptMichael Girouard

The document discusses the beauty of JavaScript and its many features. It covers how JavaScript offers classless object-oriented programming and functional programming. It also discusses how JavaScript can run on both the client-side and server-side. The document provides examples of JavaScript syntax like variables, functions, objects, prototypes and more to demonstrate JavaScript's capabilities. It emphasizes that libraries help create abstractions and beautiful patterns in JavaScript code.

JS Level Up: PrototypesVernon Kesner

JavaScript and the ASTJarrod Overson

JavaScript - Like a Box of Chocolates - jsDayRobert Nyman

Jsphp 110312161301-phpapp02Seri Moth

The document provides an overview of JavaScript for PHP developers. It discusses similarities and differences between JavaScript and PHP syntax, including variables, arrays, conditionals, loops, functions, objects, prototypes, and more. It also summarizes the built-in JavaScript API, including global functions, constructors, and properties and methods of objects like Object, Array, Function, String, Number, Math, Date, and Error.

Orlando BarCamp Why Javascript Doesn't Suckerockendude

Turn your spaghetti code into ravioli with JavaScript modulesjerryorr

JavaScript is the language that powers the interactive web of the future. But as our web applications become larger and more complex, we begin to strain the old paradigm of throwing a bunch of JavaScript functions into a few files. Complex dependencies, tight coupling, and global state can turn our code into a huge plate of spaghetti. Though browsers do not natively support JavaScript modules, there are many tools that can help us to write clean, modular JavaScript. In this session, we will explore the benefits of writing modular JavaScript. We will also take a deep dive into specific JavaScript module systems, such as Browserify, RequireJS, and the module standards that are coming in ES6.

Building a real life application in node jsfakedarren

This document provides an overview of building a real-life application in Node.js. It discusses selecting a database like MongoDB, using Express for routing and templating, and Mongoose for modeling and interacting with the database. Key components covered include setting up routing, views, and static assets in Express, performing CRUD operations in MongoDB via Mongoose, and using templating engines like Jade or EJS. The overall goal is to build a basic content management system to demonstrate integrating these technologies.

"Javascript" por Tiago RodriguesNúcleo de Electrónica e Informática da Universidade do Algarve

The document discusses JavaScript, describing it as: - Created in 1995 by Netscape and based on the ECMAScript standard. - A dynamic, weakly typed, object-oriented programming language that is often misunderstood. - Used for client-side scripting of webpages as well as server-side and application scripting. - Commonly disliked due to past bad practices, implementations, and browser differences, but these issues are improving over time.

JavaScript for PHP developersStoyan Stefanov

This document provides an overview of JavaScript for PHP developers. It compares the syntax and core concepts between the two languages. Some of the key points covered include: variables and data types are similar, functions are objects in JavaScript, JavaScript uses prototypes instead of classes, and functions provide scope. The document also summarizes the built-in global functions and properties, common methods for objects like Array and String, and emphasizes that constructor functions are often not needed in JavaScript.

JavaScript PromiseJoseph Chiang

This document discusses JavaScript promises as an abstraction pattern for handling asynchronous code. It explains why promises are useful by describing some of the issues with callback-based asynchronous code, such as callback hell and lack of readability. The document then provides examples of how to create and use promises to handle sequential and parallel asynchronous tasks in a more maintainable way using chaining and batching. It also discusses how promises are supported in browsers, Node.js, and common promise libraries like Q, RSVP, when.js, and Bluebird.

Feed Normalization with Ember Data 1.0Jeremy Gillick

Javascript - The Good, the Bad and the UglyThorsten Suckow-Homberg

JavaScript OOP Pattern지수 윤

Es.nextIgnacio Gil

JSConf: All You Can Leetjohndaviddalton

jQuery Data Manipulate API - A source code dissecting journeyHuiyi Yan

04 Advanced Javascriptcrgwbr

JavaScript - Like a Box of ChocolatesRobert Nyman

The Beauty Of Java Script V5arajivmordani

The Beauty of Java ScriptMichael Girouard

JS Level Up: PrototypesVernon Kesner

JavaScript and the ASTJarrod Overson

JavaScript - Like a Box of Chocolates - jsDayRobert Nyman

Jsphp 110312161301-phpapp02Seri Moth

Orlando BarCamp Why Javascript Doesn't Suckerockendude

Turn your spaghetti code into ravioli with JavaScript modulesjerryorr

Building a real life application in node jsfakedarren

"Javascript" por Tiago RodriguesNúcleo de Electrónica e Informática da Universidade do Algarve

JavaScript for PHP developersStoyan Stefanov

JavaScript PromiseJoseph Chiang

Feed Normalization with Ember Data 1.0Jeremy Gillick

Javascript - The Good, the Bad and the UglyThorsten Suckow-Homberg

Recently uploaded (20)

Com fer un pla de gestió de dades amb l'eiNa DMP (en anglès)CSUC - Consorci de Serveis Universitaris de Catalunya

The No-Code Way to Build a Marketing Team with One AI Agent (Download the n8n...SOFTTECHHUB

Integrating FME with Python: Tips, Demos, and Best Practices for Powerful Aut...Safe Software

FME is renowned for its no-code data integration capabilities, but that doesn’t mean you have to abandon coding entirely. In fact, Python’s versatility can enhance FME workflows, enabling users to migrate data, automate tasks, and build custom solutions. Whether you’re looking to incorporate Python scripts or use ArcPy within FME, this webinar is for you! Join us as we dive into the integration of Python with FME, exploring practical tips, demos, and the flexibility of Python across different FME versions. You’ll also learn how to manage SSL integration and tackle Python package installations using the command line. During the hour, we’ll discuss: -Top reasons for using Python within FME workflows -Demos on integrating Python scripts and handling attributes -Best practices for startup and shutdown scripts -Using FME’s AI Assist to optimize your workflows -Setting up FME Objects for external IDEs Because when you need to code, the focus should be on results—not compatibility issues. Join us to master the art of combining Python and FME for powerful automation and data migration.

Smart Investments Leveraging Agentic AI for Real Estate Success.pptxSeasia Infotech

Kit-Works Team Study_아직도 Dockefile.pdf_김성호Wonjun Hwang

May Patch TuesdayIvanti

Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.

DevOpsDays SLC - Platform Engineers are Product Managers.pptxJustin Reock

Platform Engineers are Product Managers: 10x Your Developer Experience Discover how adopting this mindset can transform your platform engineering efforts into a high-impact, developer-centric initiative that empowers your teams and drives organizational success. Platform engineering has emerged as a critical function that serves as the backbone for engineering teams, providing the tools and capabilities necessary to accelerate delivery. But to truly maximize their impact, platform engineers should embrace a product management mindset. When thinking like product managers, platform engineers better understand their internal customers' needs, prioritize features, and deliver a seamless developer experience that can 10x an engineering team’s productivity. In this session, Justin Reock, Deputy CTO at DX (getdx.com), will demonstrate that platform engineers are, in fact, product managers for their internal developer customers. By treating the platform as an internally delivered product, and holding it to the same standard and rollout as any product, teams significantly accelerate the successful adoption of developer experience and platform engineering initiatives.

Viam product demo_ Deploying and scaling AI with hardware.pdfcamilalamoratta

Building AI-powered products that interact with the physical world often means navigating complex integration challenges, especially on resource-constrained devices. You'll learn: - How Viam's platform bridges the gap between AI, data, and physical devices - A step-by-step walkthrough of computer vision running at the edge - Practical approaches to common integration hurdles - How teams are scaling hardware + software solutions together Whether you're a developer, engineering manager, or product builder, this demo will show you a faster path to creating intelligent machines and systems. Resources: - Documentation: https://on.viam.com/docs - Community: https://discord.com/invite/viam - Hands-on: https://on.viam.com/codelabs - Future Events: https://on.viam.com/updates-upcoming-events - Request personalized demo: https://on.viam.com/request-demo

Slack like a pro: strategies for 10x engineering teamsNacho Cougil

You know Slack, right? It's that tool that some of us have known for the amount of "noise" it generates per second (and that many of us mute as soon as we install it 😅). But, do you really know it? Do you know how to use it to get the most out of it? Are you sure 🤔? Are you tired of the amount of messages you have to reply to? Are you worried about the hundred conversations you have open? Or are you unaware of changes in projects relevant to your team? Would you like to automate tasks but don't know how to do so? In this session, I'll try to share how using Slack can help you to be more productive, not only for you but for your colleagues and how that can help you to be much more efficient... and live more relaxed 😉. If you thought that our work was based (only) on writing code, ... I'm sorry to tell you, but the truth is that it's not 😅. What's more, in the fast-paced world we live in, where so many things change at an accelerated speed, communication is key, and if you use Slack, you should learn to make the most of it. --- Presentation shared at JCON Europe '25 Feedback form: http://tiny.cc/slack-like-a-pro-feedback

IT488 Wireless Sensor Networks_Information TechnologySHEHABALYAMANI

Optima Cyber - Maritime Cyber Security - MSSP Services - Manolis Sfakianakis ...Mike Mingos

In an era where ships are floating data centers and cybercriminals sail the digital seas, the maritime industry faces unprecedented cyber risks. This presentation, delivered by Mike Mingos during the launch ceremony of Optima Cyber, brings clarity to the evolving threat landscape in shipping — and presents a simple, powerful message: cybersecurity is not optional, it’s strategic. Optima Cyber is a joint venture between: • Optima Shipping Services, led by shipowner Dimitris Koukas, • The Crime Lab, founded by former cybercrime head Manolis Sfakianakis, • Panagiotis Pierros, security consultant and expert, • and Tictac Cyber Security, led by Mike Mingos, providing the technical backbone and operational execution. The event was honored by the presence of Greece’s Minister of Development, Mr. Takis Theodorikakos, signaling the importance of cybersecurity in national maritime competitiveness. 🎯 Key topics covered in the talk: • Why cyberattacks are now the #1 non-physical threat to maritime operations • How ransomware and downtime are costing the shipping industry millions • The 3 essential pillars of maritime protection: Backup, Monitoring (EDR), and Compliance • The role of managed services in ensuring 24/7 vigilance and recovery • A real-world promise: “With us, the worst that can happen… is a one-hour delay” Using a storytelling style inspired by Steve Jobs, the presentation avoids technical jargon and instead focuses on risk, continuity, and the peace of mind every shipping company deserves. 🌊 Whether you’re a shipowner, CIO, fleet operator, or maritime stakeholder, this talk will leave you with: • A clear understanding of the stakes • A simple roadmap to protect your fleet • And a partner who understands your business 📌 Visit: https://optima-cyber.com https://tictac.gr https://mikemingos.gr

Everything You Need to Know About Agentforce? (Put AI Agents to Work)Cyntexa

At Dreamforce this year, Agentforce stole the spotlight—over 10,000 AI agents were spun up in just three days. But what exactly is Agentforce, and how can your business harness its power? In this on‑demand webinar, Shrey and Vishwajeet Srivastava pull back the curtain on Salesforce’s newest AI agent platform, showing you step‑by‑step how to design, deploy, and manage intelligent agents that automate complex workflows across sales, service, HR, and more. Gone are the days of one‑size‑fits‑all chatbots. Agentforce gives you a no‑code Agent Builder, a robust Atlas reasoning engine, and an enterprise‑grade trust layer—so you can create AI assistants customized to your unique processes in minutes, not months. Whether you need an agent to triage support tickets, generate quotes, or orchestrate multi‑step approvals, this session arms you with the best practices and insider tips to get started fast. What You’ll Learn Agentforce Fundamentals Agent Builder: Drag‑and‑drop canvas for designing agent conversations and actions. Atlas Reasoning: How the AI brain ingests data, makes decisions, and calls external systems. Trust Layer: Security, compliance, and audit trails built into every agent. Agentforce vs. Copilot Understand the differences: Copilot as an assistant embedded in apps; Agentforce as fully autonomous, customizable agents. When to choose Agentforce for end‑to‑end process automation. Industry Use Cases Sales Ops: Auto‑generate proposals, update CRM records, and notify reps in real time. Customer Service: Intelligent ticket routing, SLA monitoring, and automated resolution suggestions. HR & IT: Employee onboarding bots, policy lookup agents, and automated ticket escalations. Key Features & Capabilities Pre‑built templates vs. custom agent workflows Multi‑modal inputs: text, voice, and structured forms Analytics dashboard for monitoring agent performance and ROI Myth‑Busting “AI agents require coding expertise”—debunked with live no‑code demos. “Security risks are too high”—see how the Trust Layer enforces data governance. Live Demo Watch Shrey and Vishwajeet build an Agentforce bot that handles low‑stock alerts: it monitors inventory, creates purchase orders, and notifies procurement—all inside Salesforce. Peek at upcoming Agentforce features and roadmap highlights. Missed the live event? Stream the recording now or download the deck to access hands‑on tutorials, configuration checklists, and deployment templates. 🔗 Watch & Download: https://www.youtube.com/live/0HiEmUKT0wY

Unlocking Generative AI in your Web AppsMaximiliano Firtman

Slides for the session delivered at Devoxx UK 2025 - Londo. Discover how to seamlessly integrate AI LLM models into your website using cutting-edge techniques like new client-side APIs and cloud services. Learn how to execute AI models in the front-end without incurring cloud fees by leveraging Chrome's Gemini Nano model using the window.ai inference API, or utilizing WebNN, WebGPU, and WebAssembly for open-source models. This session dives into API integration, token management, secure prompting, and practical demos to get you started with AI on the web. Unlock the power of AI on the web while having fun along the way!

Shoehorning dependency injection into a FP language, what does it take?Eric Torreborre

Building the Customer Identity Community, Together.pdfCheryl Hung

GDG Cloud Southlake #42: Suresh Mathew: Autonomous Resource Optimization: How...James Anderson

Autonomous Resource Optimization: How AI is Solving the Overprovisioning Problem In this session, Suresh Mathew will explore how autonomous AI is revolutionizing cloud resource management for DevOps, SRE, and Platform Engineering teams. Traditional cloud infrastructure typically suffers from significant overprovisioning—a "better safe than sorry" approach that leads to wasted resources and inflated costs. This presentation will demonstrate how AI-powered autonomous systems are eliminating this problem through continuous, real-time optimization. Key topics include: Why manual and rule-based optimization approaches fall short in dynamic cloud environments How machine learning predicts workload patterns to right-size resources before they're needed Real-world implementation strategies that don't compromise reliability or performance Featured case study: Learn how Palo Alto Networks implemented autonomous resource optimization to save $3.5M in cloud costs while maintaining strict performance SLAs across their global security infrastructure. Bio: Suresh Mathew is the CEO and Founder of Sedai, an autonomous cloud management platform. Previously, as Sr. MTS Architect at PayPal, he built an AI/ML platform that autonomously resolved performance and availability issues—executing over 2 million remediations annually and becoming the only system trusted to operate independently during peak holiday traffic.

AI x Accessibility UXPA by Stew Smith and Olivier VroomUXPA Boston

This presentation explores how AI will transform traditional assistive technologies and create entirely new ways to increase inclusion. The presenters will focus specifically on AI's potential to better serve the deaf community - an area where both presenters have made connections and are conducting research. The presenters are conducting a survey of the deaf community to better understand their needs and will present the findings and implications during the presentation. AI integration into accessibility solutions marks one of the most significant technological advancements of our time. For UX designers and researchers, a basic understanding of how AI systems operate, from simple rule-based algorithms to sophisticated neural networks, offers crucial knowledge for creating more intuitive and adaptable interfaces to improve the lives of 1.3 billion people worldwide living with disabilities. Attendees will gain valuable insights into designing AI-powered accessibility solutions prioritizing real user needs. The presenters will present practical human-centered design frameworks that balance AI’s capabilities with real-world user experiences. By exploring current applications, emerging innovations, and firsthand perspectives from the deaf community, this presentation will equip UX professionals with actionable strategies to create more inclusive digital experiences that address a wide range of accessibility challenges.

fennec fox optimization algorithm for optimal solutionshallal2

Build With AI - In Person Session Slides.pdfGoogle Developer Group - Harare

Build with AI events are communityled, handson activities hosted by Google Developer Groups and Google Developer Groups on Campus across the world from February 1 to July 31 2025. These events aim to help developers acquire and apply Generative AI skills to build and integrate applications using the latest Google AI technologies, including AI Studio, the Gemini and Gemma family of models, and Vertex AI. This particular event series includes Thematic Hands on Workshop: Guided learning on specific AI tools or topics as well as a prequel to the Hackathon to foster innovation using Google AI tools.

Enterprise Integration Is Dead! Long Live AI-Driven Integration with Apache C...Markus Eisele

We keep hearing that “integration” is old news, with modern architectures and platforms promising frictionless connectivity. So, is enterprise integration really dead? Not exactly! In this session, we’ll talk about how AI-infused applications and tool-calling agents are redefining the concept of integration, especially when combined with the power of Apache Camel. We will discuss the the role of enterprise integration in an era where Large Language Models (LLMs) and agent-driven automation can interpret business needs, handle routing, and invoke Camel endpoints with minimal developer intervention. You will see how these AI-enabled systems help weave business data, applications, and services together giving us flexibility and freeing us from hardcoding boilerplate of integration flows. You’ll walk away with: An updated perspective on the future of “integration” in a world driven by AI, LLMs, and intelligent agents. Real-world examples of how tool-calling functionality can transform Camel routes into dynamic, adaptive workflows. Code examples how to merge AI capabilities with Apache Camel to deliver flexible, event-driven architectures at scale. Roadmap strategies for integrating LLM-powered agents into your enterprise, orchestrating services that previously demanded complex, rigid solutions. Join us to see why rumours of integration’s relevancy have been greatly exaggerated—and see first hand how Camel, powered by AI, is quietly reinventing how we connect the enterprise.

Com fer un pla de gestió de dades amb l'eiNa DMP (en anglès)CSUC - Consorci de Serveis Universitaris de Catalunya

The No-Code Way to Build a Marketing Team with One AI Agent (Download the n8n...SOFTTECHHUB

Integrating FME with Python: Tips, Demos, and Best Practices for Powerful Aut...Safe Software

Smart Investments Leveraging Agentic AI for Real Estate Success.pptxSeasia Infotech

Kit-Works Team Study_아직도 Dockefile.pdf_김성호Wonjun Hwang

May Patch TuesdayIvanti

DevOpsDays SLC - Platform Engineers are Product Managers.pptxJustin Reock

Viam product demo_ Deploying and scaling AI with hardware.pdfcamilalamoratta

Slack like a pro: strategies for 10x engineering teamsNacho Cougil

IT488 Wireless Sensor Networks_Information TechnologySHEHABALYAMANI

Optima Cyber - Maritime Cyber Security - MSSP Services - Manolis Sfakianakis ...Mike Mingos

Everything You Need to Know About Agentforce? (Put AI Agents to Work)Cyntexa

Unlocking Generative AI in your Web AppsMaximiliano Firtman

Shoehorning dependency injection into a FP language, what does it take?Eric Torreborre

Building the Customer Identity Community, Together.pdfCheryl Hung

GDG Cloud Southlake #42: Suresh Mathew: Autonomous Resource Optimization: How...James Anderson

AI x Accessibility UXPA by Stew Smith and Olivier VroomUXPA Boston

fennec fox optimization algorithm for optimal solutionshallal2

Build With AI - In Person Session Slides.pdfGoogle Developer Group - Harare

Enterprise Integration Is Dead! Long Live AI-Driven Integration with Apache C...Markus Eisele

Plugin jQuery, Design Patterns

1. jQuery Plugin Design Patterns “Deep into JS” Meetup

2. Constructor Function

3. function Person() {}

4. function Person(name, surname) {! ! ! ! this.name = name;! ! ! ! this.surname = surname;! }

5. function Person(name, surname) {! ! ! ! this.name = name;! ! ! ! this.surname = surname;! ! ! ! this.getName = function() {! ! ! ! ! ! ! // privileged method: useful if you need private method, attributes! ! ! ! ! ! ! return this.name;! ! ! ! }! }

6. function Person(name, surname) {! ! ! ! this.name = name;! ! ! ! this.surname = surname;! }! Person.prototype.getName = function() {! ! ! ! ! return this.name;! }

7. var robb = new Person(‘Robert’, ‘Casanova’);! console.log(robb.getName());

8. Object.create()

9. var robb = {  ! ! name: ‘Robert’,  ! ! surname: ‘Casanova’,! ! ! getName: function() {  ! ! ! ! ! return this.name;  ! ! }! }

10. var gigi = Object.create(robb);! gigi.name = ‘Giorgio’;! gigi.surname = ‘Moroder’;! ! console.log(gigi.getName())

11. Plugin jQuery

12. $.fn[‘pluginName’] = function() {  this.each(function(){  $(this).doSomething();  });  } Simplest jQuery plugin ever

13. LightWeight Start Pattern

14. ;(function($, window,document, undeﬁned ){! //plugin goes here! })(jQuery, window, document) Immediately Invoked Function Expression (IIFE)

15. var pluginName = “mioPlugin”,! defaults = {  defaultProperty: ‘defaultValue’  } Defaults

16. function Plugin(el, options) {! ! this.el = el;! this.$el = $(el);! this.options = $.extend({},defaults, options);! ! ! ! this._defaults = defaults;! this._name = pluginName;! ! ! ! this.init();! } Constructor Function

17. Plugin.prototype.init = function() {! ! ! ! ! //the initial logic goes here! }! Plugin.prototype.someMethod = function() {! …! } Methods

18. $.fn[pluginName] = function(options) {! ! ! ! return this.each(function(){! ! ! ! ! ! if(!$.data(this, pluginName)) {! ! ! ! ! ! ! $.data(this, pluginName, new Plugin(this, options));! ! ! ! ! ! }! ! ! ! });! } Plugin Magic

19. $(‘#elem’).pluginName({! !! defaultProperty: ‘value’! }); Example

20. DOM-to-Object Bridge Pattern

21. var myObject = {! ! ! init: function (options,elem) {! ! ! ! ! …!! ! ! }! } Object

22. init: function (options,elem) {! ! ! this.options = $.extend({}, this.options,options);! ! ! this.el = elem;! this.$el = $(elem);! ! this._build();! ! return this;! } Init Function

23. options: {! ! defaultOption: ‘defaultValue’! } Default options

24. _build: function() {! ! this.$el.html(‘inizialize html here’);! },! publicMethod: function() {  this.$el.doSomething();  } Methods

25. $.plugin = function(name,object) {! ! ! $.fn[name] = function(options) {! ! ! ! ! return this.each(function(){  ! ! ! ! ! ! if(!$.data(this,name)) {  $.data(this,name, Object.create(myObject).init(options,this)) }  })! ! ! }! } ! $.plugin(“pluginName”, myObject ) Plugin Magic

26. $(‘#elem’).pluginName({! !! defaultProperty: ‘value’! });! ! var plugin = $(‘#elem’).data(‘pluginName’);! plugin.publicMethod(); Example

Plugin jQuery, Design Patterns

Recommended

More Related Content

What's hot (20)

Viewers also liked (11)

Similar to Plugin jQuery, Design Patterns (20)

Recently uploaded (20)

Plugin jQuery, Design Patterns