Javascript Object Oriented Programming

Nov 23, 2014Download as ppt, pdf

0 likes385 views

This document provides an overview of object-oriented programming concepts in JavaScript, including objects, classes, encapsulation, inheritance, and the prototype pattern. It explains how to create objects, define methods, extend objects through prototypes, implement inheritance through prototypal inheritance and mixins, and use the module pattern to create private variables and functions within objects.

Click to add Text
Javascript
Presented by Bunlong VAN
http://geekhmer.github.io
Object Oriented

Object Oriented Basic
•Object (instance): representation of a “thing” (someone or
something)
•Class: ablueprint, or recipe for an Object
•Encapsulation: illustrates the fact that an Object contains
(encapsulates):
• Data (stored in properties)
• The means to do something with data (using
methods)
•Inheritance

Object Creation
•Two simple ways
var obj = new Object();
obj.name = “Foo”;
obj.say = function() {
return “Hello”;
}
var obj = {
name: “Foo”,
say: function() {
return “Hello”;
}
}

Method
•When a property is a function we can call it a method
var object = {
method: function() {
alert(“Here is method”);
}
}

Prototype
•JavaScript functions work as constructors, methods and
modules
•It has Prototypal Inheritance, which offers great expressive
powers
•All Objects are directly or indirectly link to Object.prototype
•Each Object is linked to its parent via a magic link
•When a member is accessed the compiler looks at the
Object and then looks up to its parent via the magic link
•It keeps going all the way up to Object.prototype
•Go to console of firebug and type Object.prototype

Prototype (Con.)
•Looking for my_object.foo, found it in the Object itself
•Looking for my_object.baz looks in the object and if it
doesn't find it there it goes to my_object_parent which is
my_object.prototype
•Looking for my_object.some_random_member can't find it in the
object, look at my_object_parent, can't find it
•There either, goes to Object can't find it there and is set to
undefined

Prototype (Con.)
var Person = function() {
this.name = “Mr. Bunlong”;
this.callMe = function() {
alert(“I am ” + this.name);
}
}
var personObj = new Person();
personObject.callMe();
personObject.constructor();
personObject.myFoo(); // will return underfined

Object Augm entation
•New members can be added to any object
Person.prototype.callMeAgain = function() {
alert(“I said my name is ” + this.name);
};
personObj.callMeAgain();

Prototype Usage
•CallMeAgain() is a property of the prototype object
•But it behaves as if it's a prototype of the dude object

Own Properties Vs Prototype's
•personObj.hasOwnProperty(“callMe”); // will return true
•personObj.hasOwnProperty(“callMeAgain”); // will return false

isPrototypeOf
•Person.prototype.isPrototypeOf(personObj); // will return true

Inheritance
•OOP ensures code reuse
•Two forms of OOP
• Classical with Mixin
• Prototypal

Prototypal Inheritance
var Boy = function() {};
Boy.prototype = new Person();
var boyObj = new Boy();
boyObj.callMe();

Inheritance through Mixin
var Person = function(name) {
this.greet = function() {
alert(“Hello, I'm ” + name);
}
};
var Employee = function(name) {
person.apply(this, [name]);
this.getTeam = function() {return “UI Library”;}
}
// instantiate object of Employee
var employee = new Employee(“Bunlong”);
employee.greet();
var team = employee.getTeam();
alert(“Team: ” + team);

Singleton
•There is no need to produce a class like constructor for an
object that will have exactly one instance
•This is typical of JavaScript applications
•Use an object literal to get started instead

Module Pattern
•The methods of a singleton can enjoy access to shared
private datum and private methods
•Variables defined in a module are only visible in a module
•Variables defined in a function are only visible to the
function
•Function can be used as module containers

Module Pattern (Con.)
var myModule = function() {
var privateVariable,
privateFunction = function() {
// coding here
};
return {
FirstMethod: function() {
// can access privateVariable
// can access privateFunction
}
}
}();
myModule.firstMethod();

Javascript uses prototypal inheritance rather than classical inheritance. In prototypal inheritance, objects inherit directly from other objects by using the object's prototype property. The prototype property allows objects to inherit methods and properties from other objects. When accessing a property on an object, Javascript will search the prototype chain to find the property if it is not present on the object itself. This allows code reuse through prototype chaining. The prototype property of a function sets the prototype of objects created with that function.

2012 oct-12 - java script inheritancepedro.carvalho

This document discusses JavaScript inheritance using prototypes. It explains that objects inherit from other objects through their internal __proto__ property. Constructors set an object's __proto__ to reference the constructor's prototype. Methods can be added to the prototype and all objects will inherit those methods. The document also covers how to implement inheritance between constructors like Employee inheriting from Person without calling the parent constructor.

Javascript Prototype Visualized军沈

This document discusses JavaScript prototypes and how they work. It explains that every function has a prototype property that is shared among objects created with that function. It also explains that every object has a hidden __proto__ property that links it to a prototype object. It provides examples of how prototype inheritance works for both classical and prototypal inheritance in JavaScript. Key points covered include how the new operator works, property lookup via the prototype chain, and the relationships between functions, prototypes, and objects in JavaScript.

Object Oriented Programming in JavaScriptzand3rs

The document provides an overview of object-oriented programming concepts in JavaScript, including: - JavaScript uses prototype-based inheritance rather than classes, with functions serving as constructors. - Objects inherit properties and methods from other objects via their prototype chain. - Custom objects are defined with constructor functions that set properties and methods. - Inheritance allows creating subclasses that inherit from superclasses. Methods can be overridden. - Encapsulation involves exposing an object's data through getter/setter methods rather than direct access. - Superclass members can be accessed in subclasses through calling the superclass constructor or methods. - Constructor arguments are passed to subclasses by applying the superclass constructor.

Js: master prototypesBarak Drechsler

JavaScript PatternsStoyan Stefanov

Slides from Ajax Experience 2009. In this session: - Object creation patterns - Code reuse patterns - Functional patterns - More on object creation - Design patterns Some example patterns: object creation with literals and constructos, prototypes, inheritance and other code reuse patterns, lazy definition, callbacks, singleton, factory, classical and prototypal inheritance, namespaces, chaining, modules, static methods, private and privileged members For more information, see: http://jspatterns.com My column in the JavaScript Magazine (http://jsmag.com) Blog: http://phpied.com

JavaScript InheritanceJussi Pohjolainen

The document discusses JavaScript inheritance. It explains that JavaScript uses prototype-based inheritance rather than class-based inheritance. It provides examples of how to implement inheritance by linking object prototypes together through the __proto__ property or Object.create method. Functions in JavaScript have a prototype property that is used to inherit properties and methods onto objects created with new.

Javascript Design PatternsSubramanyan Murali

Prototype JsKivanc Kanturk

This document provides an overview of the Prototype JavaScript framework. It discusses what Prototype JS is, why it was created, and how it compares to other frameworks in terms of speed. It also outlines some common problems with JavaScript frameworks and describes some general methods in Prototype like Class.create for object-oriented programming and Object.extend for inheritance. The document explains how Prototype JS integrates with Ruby on Rails and provides references for further reading.

Object Oriented JavaScriptDonald Sipe

1. The document discusses JavaScript concepts like scope, closures, context, and object-oriented programming techniques like constructors, methods, and inheritance. 2. It provides examples of how to create public and private methods, and "privileged" methods that have access to private values and methods. 3. The document shows how to dynamically generate classes at runtime based on properties passed to a constructor using these JavaScript concepts.

Scalable JavaScript Design PatternsAddy Osmani

The document discusses the module pattern, a design pattern for creating reusable components in JavaScript. It describes how the module pattern allows simulating privacy by wrapping code in immediately invoked function expressions (IIFEs) and returning objects instead of functions. This creates a private scope that is not accessible globally while exposing public APIs. Several examples are given of how different libraries like Dojo, jQuery, YUI, and ExtJS implement the module pattern.

JavaScript In Object Oriented WayBorey Lim

1. The document summarizes JavaScript concepts like objects, data types, constructors, prototypes and inheritance. 2. It explains that in JavaScript, objects are collections of key-value pairs known as hashes, and that arrays are also objects. 3. The document also discusses how inheritance is achieved in JavaScript through prototypes - an internal property of functions that is used to provide methods and properties to objects created with a constructor.

Future-proofing Your JavaScript Apps (Compact edition)Addy Osmani

The document discusses design patterns and the module pattern in JavaScript. It introduces the module pattern and how it can be used to simulate privacy through closures and immediately invoked function expressions (IIFEs). It provides examples of implementing the module pattern with Dojo, jQuery, and YUI JavaScript libraries. The module pattern allows creating reusable and interchangeable modules that encapsulate variables and methods.

JavaScript ObjectsHazem Hagrass

This document discusses JavaScript objects and object-oriented programming (OOP) in JavaScript. It introduces the author and defines JavaScript as an object-oriented language, noting that everything in JavaScript besides five primitive types (Number, String, Boolean, undefined, null) is an object. It describes creating user-defined objects using the new Object() constructor, functions as objects, object methods, and object literals - a lightweight syntax for creating objects. Examples are provided for each concept to illustrate OOP techniques in JavaScript.

Week3Will Gaybrick

This document provides an overview of JavaScript and the DOM (Document Object Model). It discusses JavaScript data types like numbers, strings, booleans, functions, and objects. It also covers JavaScript functions, control flow with if/else, for loops, and while loops. The document then explains JavaScript data structures like arrays and objects. It introduces the DOM and how JavaScript can interact with and modify page content by selecting elements and accessing/changing their properties.

Jquery fundamentalsSalvatore Fazio

The document discusses jQuery fundamentals including selectors, interacting with the DOM, handling events, and Ajax features. It provides examples and recommendations for learning jQuery including reading documentation, using tools like VSDoc and Fiddler, and consuming tea and beer. Next steps mentioned are exploring additional JavaScript libraries and frameworks like Knockout, Backbone, LINQ.js, TypeScript, and SignalR to build richer user interfaces.

The Django Book, Chapter 16: django.contribTzu-ping Chung

Javascript Common Design PatternsPham Huy Tung

This document discusses several common JavaScript design patterns including Singleton, Factory, Module, Decorator, Command, and Observer patterns. It provides descriptions and code examples for each pattern. The Singleton pattern ensures a class only has one instance and provides a global access point. Factory patterns are used for object creation. The Module pattern provides private and public encapsulation for classes. The Decorator pattern attaches additional responsibilities to objects dynamically. The Command pattern encapsulates requests as objects, and the Observer pattern allows objects to watch other objects for changes.

Powerful Generic Patterns With DjangoEric Satterwhite

The document discusses Django's contenttypes framework which allows working with models generically without having to know the specific model being used. It presents several patterns for implementing generic functionality, including self-aware models, improved generic views, universal URLs, and dynamic forms. The key benefits are the ability to perform CRUD operations and create relationships between any objects without having to pre-program for each specific model.

Introduction to Design Patterns in JavascriptSanthosh Kumar Srinivasan

Javascript for the c# developerSalvatore Fazio

This document provides an introduction and overview of key JavaScript concepts for developers familiar with C#. It discusses why JavaScript is important for SharePoint development and highlights improvements from SharePoint 2007 to 2013. The document then summarizes key JavaScript concepts like variables, data types, functions, classes, closures, modules and namespaces in 1-3 sentences each. It includes links to additional resources and demos code examples.

JS Level Up: PrototypesVernon Kesner

Object Oriented JavaScript - IITO THE NEW | Technology

Many developers cast off JS as a suitable OOP language because they are so used to the class style of C# and Java. Many people don't realize that JavaScript supports inheritance. When you write object-oriented code it instantly gives you power; you can write code that can be re-used and that is encapsulated. It includes functions and objects, prototype based programming, class based-prototype based, some hacks and exercises. The tutorial begins with a section about function and objects which includes a simple JS function, closures as one of the most powerful weapons for JS ninja, object as it is almost everything for a JS ninja, call and apply methods defined under functions. The function section is followed by the prototype section which includes a brief on class based vs prototype based. After this comes the hack section. It includes some hacks like appending new array to another array, swap variable values and many more. The last section of this tutorial is on exercises which includes some basic exercises like implementing basic inheritance, add forEach method, implement a function.

[A 3]Javascript oop for xpages developers - publicKazunori Tatsuki

- Kazunori Tatsuki is the owner of KTrick Co., Ltd and has 7 years of experience developing applications as an IBM vendor in the US. - The document discusses using object-oriented programming (OOP) with JavaScript, which is challenging because JavaScript does not have classes like other languages. It uses prototype chains instead. - Prototype chains allow objects in JavaScript to inherit properties and methods from other objects. The document provides an example to demonstrate how prototype chains work and allow OOP principles to be applied in JavaScript without classes.

JavaScript LiteracyDavid Jacobs

This document provides an overview of intermediate JavaScript language features including object literal notation, functions within objects, JSON syntax, arguments, arrays, logical operators, functions as objects, function pointers, callbacks, and higher order functions. It explains how object literals can be used to define objects and functions, the relationship between arrays and objects, and common patterns involving functions like callbacks and higher order functions.

jQuery Data Manipulate API - A source code dissecting journeyHuiyi Yan

Metaprogramming + Ds LsArrrrCamp

This document provides examples of metaprogramming in Ruby. Metaprogramming allows writing programs that manipulate other programs as data. The examples demonstrate dynamically defining methods and attributes, generating code using templates, and building a domain-specific language for processing items. A key example shows how to build a rules engine that loads rules from a file and applies matching rules to items by evaluating code blocks in their context.

Introduction to javascript and yoolkuiKhou Suylong

This document provides an introduction to JavaScript and the YoolkUi framework. It begins with an overview of JavaScript data types like objects, functions, numbers, strings, and booleans. It then covers JavaScript concepts like objects, arrays, functions, prototypes, inheritance, and the document object model. The document concludes by introducing the YoolkUi framework, describing its components like events, utilities, widgets, and how it handles DOM and object events.

Advanced JavaScriptNascenia IT

JavaScript has some stunning features like Closures, Prototype etc. which can help to improve the readability and maintainability of the code. However, it is not easy for inexperienced developer to consume and apply those features in day to day coding. The purpose of the presentation ‘Advanced JavaScript’ is to help a reader easily understand the concept and implementation of some advanced JavaScript features.

Prototype 120102020133-phpapp02plutoone TestTwo

this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality score, this is to check virality scor

More Related Content

What's hot (19)

Prototype JsKivanc Kanturk

Object Oriented JavaScriptDonald Sipe

Scalable JavaScript Design PatternsAddy Osmani

JavaScript In Object Oriented WayBorey Lim

Future-proofing Your JavaScript Apps (Compact edition)Addy Osmani

JavaScript ObjectsHazem Hagrass

Week3Will Gaybrick

Jquery fundamentalsSalvatore Fazio

The Django Book, Chapter 16: django.contribTzu-ping Chung

Javascript Common Design PatternsPham Huy Tung

Powerful Generic Patterns With DjangoEric Satterwhite

Introduction to Design Patterns in JavascriptSanthosh Kumar Srinivasan

Javascript for the c# developerSalvatore Fazio

JS Level Up: PrototypesVernon Kesner

Object Oriented JavaScript - IITO THE NEW | Technology

[A 3]Javascript oop for xpages developers - publicKazunori Tatsuki

JavaScript LiteracyDavid Jacobs

jQuery Data Manipulate API - A source code dissecting journeyHuiyi Yan

Metaprogramming + Ds LsArrrrCamp

Prototype JsKivanc Kanturk

Object Oriented JavaScriptDonald Sipe

Scalable JavaScript Design PatternsAddy Osmani

JavaScript In Object Oriented WayBorey Lim

Future-proofing Your JavaScript Apps (Compact edition)Addy Osmani

JavaScript ObjectsHazem Hagrass

Week3Will Gaybrick

Jquery fundamentalsSalvatore Fazio

The Django Book, Chapter 16: django.contribTzu-ping Chung

Javascript Common Design PatternsPham Huy Tung

Powerful Generic Patterns With DjangoEric Satterwhite

Introduction to Design Patterns in JavascriptSanthosh Kumar Srinivasan

Javascript for the c# developerSalvatore Fazio

JS Level Up: PrototypesVernon Kesner

Object Oriented JavaScript - IITO THE NEW | Technology

[A 3]Javascript oop for xpages developers - publicKazunori Tatsuki

JavaScript LiteracyDavid Jacobs

jQuery Data Manipulate API - A source code dissecting journeyHuiyi Yan

Metaprogramming + Ds LsArrrrCamp

Similar to Javascript Object Oriented Programming (20)

Introduction to javascript and yoolkuiKhou Suylong

Advanced JavaScriptNascenia IT

Prototype 120102020133-phpapp02plutoone TestTwo

How prototype works in java script?InnovationM

Ajaxworlddeannalagason

This document provides an overview of JavaScript, highlighting both its strengths and weaknesses. It discusses key JavaScript concepts like prototypal inheritance, closures, and modules. It explains how JavaScript simulates classical inheritance using constructor functions and prototypes. Functions can act as constructors, classes, or modules. The document also covers topics like private methods, privileged methods, singletons, and parasitic inheritance. Overall, it presents JavaScript as a language with many contrasts - both powerful features and historical flaws.

JavsScript OOPLearningTech

JavaScript EssentialsTriphon Statkov

This document provides an overview of a JavaScript training presentation. It discusses: - The presenter and their background in software development and TV apps. - What topics will be covered, including JavaScript principles, vanilla JS, becoming JS ninjas, and specific concepts like prototypes, types, scope, and patterns. - Benefits of learning JavaScript like it being the language of the web and used for both frontend and backend development. - Interesting facts about the history and creation of JavaScript. - Primitive types like strings, numbers, booleans being similar to pizza ingredients, and object types being able to contain other values. - Syntax for objects, properties, methods, and the prototype

Advanced JavascriptAdieu

The document discusses different approaches to object-oriented programming in JavaScript, including classical and prototypal inheritance, constructor functions, and the prototype property. It explains how prototypal inheritance works by linking objects together through their internal prototype properties. Constructor functions and the new operator allow simulating classical inheritance by establishing prototype links. Various design patterns are also covered, such as public/privileged methods, singletons, modules, and parasitic inheritance.

Advanced JavascriptManikanda kumar

Advanced Javascriptrelay12

Javascript talkSuresh Jayanty

Javascript topics covered in the document include prototypes, functions, scope, and "this". Prototypes act like blueprints for objects to inherit properties from. Functions are objects that have a prototype property pointing to their prototype object. Scope is determined by execution contexts and activation objects. The "this" keyword refers to different objects depending on how a function is invoked, such as the containing object for method calls or the global object for regular function calls.

Javascript Prototypal Inheritance - Big PictureManish Jangir

Lecture 5.pptxAshutoshTrivedi30

This document provides an overview of object-oriented programming concepts in Java including two programming paradigms, OOP principles like encapsulation, polymorphism, abstraction and inheritance. It discusses classes, objects, and reference variables in Java. Key points covered are how classes act as blueprints for objects, the difference between objects and reference variables, and how methods can be called on objects.

Learn JS concepts by implementing jQueryWingify Engineering

About PythonShao-Chuan Wang

The document discusses Python objects and types. It covers key concepts like object-oriented programming in Python, classes and instances, namespaces, scoping, and exception handling. Some main points include: - Everything in Python is an object with an identity, type, and value. Objects live in dynamic namespaces and can be accessed via names. - Classes are type objects that act as templates for creating instances when called. Instances are objects with the same methods and attributes as its class. - Namespaces are where names are mapped to objects. Python has module, class, and instance namespaces that follow LEGB scoping rules. - Exceptions are class objects that inherit from the built-in Exception class. The raise statement is used

Synapseindia object oriented programming in phpSynapseindiappsdevelopment

Javascript foundations: InheritanceJohn Hunter

Class introduction in javayugandhar vadlamudi

Java PPT OOPS prepared by Abhinav J.pptxJainSaab2

(An Extended) Beginners Guide to Object Orientation in PHPRick Ogden

Introduction to javascript and yoolkuiKhou Suylong

Advanced JavaScriptNascenia IT

Prototype 120102020133-phpapp02plutoone TestTwo

How prototype works in java script?InnovationM

Ajaxworlddeannalagason

JavsScript OOPLearningTech

JavaScript EssentialsTriphon Statkov

Advanced JavascriptAdieu

Advanced JavascriptManikanda kumar

Advanced Javascriptrelay12

Javascript talkSuresh Jayanty

Javascript Prototypal Inheritance - Big PictureManish Jangir

Lecture 5.pptxAshutoshTrivedi30

Learn JS concepts by implementing jQueryWingify Engineering

About PythonShao-Chuan Wang

Synapseindia object oriented programming in phpSynapseindiappsdevelopment

Javascript foundations: InheritanceJohn Hunter

Class introduction in javayugandhar vadlamudi

Java PPT OOPS prepared by Abhinav J.pptxJainSaab2

(An Extended) Beginners Guide to Object Orientation in PHPRick Ogden

More from Bunlong Van (9)

scrummethodology-151002092252-lva1-app6891Bunlong Van

Scrum is a framework for managing projects that uses sprints, daily stand-up meetings, and artifacts like a product backlog to facilitate collaboration and ensure work is progressing towards goals. Key roles include the product owner who prioritizes work, the scrum team who does the work, and a scrum master who facilitates the process. Each sprint is time-boxed, usually two weeks, where the team works to complete goals and create an increment of working software. Daily stand-ups keep progress transparent and issues from blocking work visible. Reviews and retrospectives after each sprint provide feedback and opportunities for process improvement.

Scrum methodologyBunlong Van

Scrum is a framework for managing projects that uses sprints, daily stand-up meetings, and artifacts like a product backlog to facilitate collaboration and ensure work is progressing towards goals. Key roles include the product owner who prioritizes work, the scrum team who does the work, and a scrum master who facilitates the process. Each sprint is time-boxed, usually to two weeks, and results in a potentially shippable product increment that is reviewed at the end of the sprint. Meetings like planning and retrospectives help coordinate work and improve the process. The goals of scrum include accountability, ability to adapt to change, and focus on delivering value.

Javascript dom eventBunlong Van

Basic JavascriptBunlong Van

This document provides an overview of basic Javascript concepts including data types, objects, arrays, functions, and the global object. It discusses key Javascript data types like numbers, strings, booleans, null, undefined and objects. It also covers object literals, arrays, functions as first class objects, closures, and the this keyword. The document emphasizes that functions have a special arguments parameter and functions can be methods within objects. It notes that the global object contains global variables and built-in objects and that global variables should be avoided.

Real time web and mobile application with Erlang & Ruby programming languageBunlong Van

Why ruby?Bunlong Van

Ruby is a dynamic, object-oriented programming language created in 1993 by Yukihiro Matsumoto. It aims to make programmers happy and productive by providing a human-readable syntax and allowing ideas to be expressed through code. Ruby on Rails is a popular web framework built on Ruby that uses a model-view-controller pattern to create database-driven websites in a simple way. Ruby features like interactive shells, object-oriented programming, and built-in testing tools help encourage clean and maintainable code.

Ruby on Rails testing with RspecBunlong Van

How to develop app for facebook fan pageBunlong Van

Why less?Bunlong Van

LESS is a dynamic stylesheet language that extends CSS syntax. It allows features like variables, mixins, nested rules, and functions to make CSS more powerful, flexible and maintainable. LESS code is compiled to regular CSS, allowing dynamic behavior and logic in stylesheets. Key features of LESS include variables to define constants, mixins to embed rule sets, nested rules to organize selectors, and operators to perform calculations for values.

scrummethodology-151002092252-lva1-app6891Bunlong Van

Scrum methodologyBunlong Van

Javascript dom eventBunlong Van

Basic JavascriptBunlong Van

Real time web and mobile application with Erlang & Ruby programming languageBunlong Van

Why ruby?Bunlong Van

Ruby on Rails testing with RspecBunlong Van

How to develop app for facebook fan pageBunlong Van

Why less?Bunlong Van

Recently uploaded (20)

Key AI Technologies Used by Indian Artificial Intelligence CompaniesMypcot Infotech

Indian tech firms are rapidly adopting advanced tools like machine learning, natural language processing, and computer vision to drive innovation. These key AI technologies enable smarter automation, data analysis, and decision-making. Leading developments are shaping the future of digital transformation among top artificial intelligence companies in India. For more information please visit here https://www.mypcot.com/artificial-intelligence

Leveraging Foundation Models to Infer IntentsKeheliya Gallaba

Invited Talk at RAISE 2025: Requirements engineering for AI-powered SoftwarE Workshop co-located with ICSE, the IEEE/ACM International Conference on Software Engineering. Abstract: Foundation Models (FMs) have shown remarkable capabilities in various natural language tasks. However, their ability to accurately capture stakeholder requirements remains a significant challenge for using FMs for software development. This paper introduces a novel approach that leverages an FM-powered multi-agent system called AlignMind to address this issue. By having a cognitive architecture that enhances FMs with Theory-of-Mind capabilities, our approach considers the mental states and perspectives of software makers. This allows our solution to iteratively clarify the beliefs, desires, and intentions of stakeholders, translating these into a set of refined requirements and a corresponding actionable natural language workflow in the often-overlooked requirements refinement phase of software engineering, which is crucial after initial elicitation. Through a multifaceted evaluation covering 150 diverse use cases, we demonstrate that our approach can accurately capture the intents and requirements of stakeholders, articulating them as both specifications and a step-by-step plan of action. Our findings suggest that the potential for significant improvements in the software development process justifies these investments. Our work lays the groundwork for future innovation in building intent-first development environments, where software makers can seamlessly collaborate with AIs to create software that truly meets their needs.

Neuralink Templateeeeeeeeeeeeeeeeeeeeeeeeeealexandernoetzold

Agentic Techniques in Retrieval-Augmented Generation with Azure AI SearchMaxim Salnikov

Discover how Agentic Retrieval in Azure AI Search takes Retrieval-Augmented Generation (RAG) to the next level by intelligently breaking down complex queries, leveraging full conversation history, and executing parallel searches through a new LLM-powered query planner. This session introduces a cutting-edge approach that delivers significantly more accurate, relevant, and grounded answers—unlocking new capabilities for building smarter, more responsive generative AI applications. Traditional Retrieval-Augmented Generation (RAG) pipelines work well for simple queries—but when users ask complex, multi-part questions or refer to previous conversation history, they often fall short. That’s where Agentic Retrieval comes in: a game-changing advancement in Azure AI Search that brings LLM-powered reasoning directly into the retrieval layer. This session unveils how agentic techniques elevate your RAG-based applications by introducing intelligent query planning, subquery decomposition, parallel execution, and result merging—all orchestrated by a new Knowledge Agent. You’ll learn how this approach significantly boosts relevance, groundedness, and answer quality, especially for sophisticated enterprise use cases. Key takeaways: - Understand the evolution from keyword and vector search to agentic query orchestration - See how full conversation context improves retrieval accuracy - Explore measurable improvements in answer relevance and completeness (up to 40% gains!) - Get hands-on guidance on integrating Agentic Retrieval with Azure AI Foundry and SDKs - Discover how to build scalable, AI-first applications powered by this new paradigm Whether you're building intelligent copilots, enterprise Q&A bots, or AI-driven search solutions, this session will equip you with the tools and patterns to push beyond traditional RAG.

How Insurance Policy Administration Streamlines Policy Lifecycle for Agile Op...Insurance Tech Services

Essentials of Resource Planning in a DownturnOnePlan Solutions

Build enterprise-ready applications using skills you already have!PhilMeredith3

Process Tempo is a rapid application development (RAD) environment that empowers data teams to create enterprise-ready applications using skills they already have. With Process Tempo, data teams can craft beautiful, pixel-perfect applications the business will love. Process Tempo combines features found in business intelligence tools, graphic design tools and workflow solutions - all in a single platform. Process Tempo works with all major databases such as Databricks, Snowflake, Postgres and MySQL. It also works with leading graph database technologies such as Neo4j, Puppy Graph and Memgraph. It is the perfect platform to accelerate the delivery of data-driven solutions. For more information, you can find us at www.processtempo.com

Integrating Survey123 and R&H Data Using FMESafe Software

West Virginia Department of Transportation (WVDOT) actively engages in several field data collection initiatives using Collector and Survey 123. A critical component for effective asset management and enhanced analytical capabilities is the integration of Geographic Information System (GIS) data with Linear Referencing System (LRS) data. Currently, RouteID and Measures are not captured in Survey 123. However, we can bridge this gap through FME Flow automation. When a survey is submitted through Survey 123 for ArcGIS Portal (10.8.1), it triggers FME Flow automation. This process uses a customized workbench that interacts with a modified version of Esri's Geometry to Measure API. The result is a JSON response that includes RouteID and Measures, which are then applied to the feature service record.

Generative Artificial Intelligence and its ApplicationsSandeepKS52

The exploration of generative AI begins with an overview of its fundamental concepts, highlighting how these technologies create new content and ideas by learning from existing data. Following this, the focus shifts to the processes involved in training and fine-tuning models, which are essential for enhancing their performance and ensuring they meet specific needs. Finally, the importance of responsible AI practices is emphasized, addressing ethical considerations and the impact of AI on society, which are crucial for developing systems that are not only effective but also beneficial and fair.

Topic 26 Security Testing Considerations.pptxmarutnand8

FME as an Orchestration Tool - Peak of Data & AI 2025Safe Software

Revolutionize Your Insurance Workflow with Claims Management SoftwareInsurance Tech Services

Build Smarter, Deliver Faster with Choreo - An AI Native Internal Developer P...WSO2

Enterprises must deliver intelligent, cloud native applications quickly—without compromising governance or scalability. This session explores how an internal developer platform increases productivity via AI for code and accelerates AI-native app delivery via code for AI. Learn practical techniques for embedding AI in the software lifecycle, automating governance with AI agents, and applying a cell-based architecture for modularity and scalability. Real-world examples and proven patterns will illustrate how to simplify delivery, enhance developer productivity, and drive measurable outcomes. Learn more: https://wso2.com/choreo

Marketo & Dynamics can be Most Excellent to Each Other – The SequelBradBedford3

So you’ve built trust in your Marketo Engage-Dynamics integration—excellent. But now what? This sequel picks up where our last adventure left off, offering a step-by-step guide to move from stable sync to strategic power moves. We’ll share real-world project examples that empower sales and marketing to work smarter and stay aligned. If you’re ready to go beyond the basics and do truly most excellent stuff, this session is your guide.

Artificial Intelligence Applications Across IndustriesSandeepKS52

Artificial Intelligence is a rapidly growing field that influences many aspects of modern life, including transportation, healthcare, and finance. Understanding the basics of AI provides insight into how machines can learn and make decisions, which is essential for grasping its applications in various industries. In the automotive sector, AI enhances vehicle safety and efficiency through advanced technologies like self-driving systems and predictive maintenance. Similarly, in healthcare, AI plays a crucial role in diagnosing diseases and personalizing treatment plans, while in financial services, it helps in fraud detection and risk management. By exploring these themes, a clearer picture of AI's transformative impact on society emerges, highlighting both its potential benefits and challenges.

Why Indonesia’s $12.63B Alt-Lending Boom Needs Loan Servicing Automation & Re...Prachi Desai

DevOps for AI: running LLMs in production with Kubernetes and KubeFlowAarno Aukia

14 Years of Developing nCine - An Open Source 2D Game FrameworkAngelo Theodorou

Providing Better Biodiversity Through Better DataSafe Software

This session explores how FME is transforming data workflows at Ireland’s National Biodiversity Data Centre (NBDC) by eliminating manual data manipulation, incorporating machine learning, and enhancing overall efficiency. Attendees will gain insight into how NBDC is using FME to document and understand internal processes, make decision-making fully transparent, and shine a light on underlying code to improve clarity and reduce silent failures. The presentation will also outline NBDC’s future plans for FME, including empowering staff to access and query data independently, without relying on external consultants. It will also showcase ambitions to connect to new data sources, unlock the full potential of its valuable datasets, create living atlases, and place its valuable data directly into the hands of decision-makers across Ireland—ensuring that biodiversity is not only protected but actively enhanced.

How AI Can Improve Media Quality Testing Across Platforms (1).pptxkalichargn70th171