Unobtrusive JavaScript with jQuery
127 likes17,338 views
Slides from a three hour tutorial presented at XTech 2008 on the 6th of May. See also <a href="http://simonwillison.net/static/2008/xtech/">the supporting notes</a>.
1 of 134
Downloaded 1,643 times
Ad
Recommended
Tools For jQuery Application Architecture (Extended Slides)
Tools For jQuery Application Architecture (Extended Slides)Addy Osmani Hey guys. I just wrapped up my talk on Tools for jQuery Application Architecture over at Web Directions in London and wanted to make sure everyone interested had access to the slides. Some of the topics I cover include:
MVC & MVVM architecture patterns for client-side development
JavaScriptMVC, Backbone, Spine, SproutCore, Sammy.js
Design patterns for JavaScript applications
Dependency management
JavaScript templating
Cross-browser persistent storage
Feature detection
Widgets & Component libraries
Unit Testing & testing environments
Build Processes, concatenation and minification.
and more!
Metaprogramming JavaScript
Metaprogramming JavaScriptdanwrong JavaScript allows for metaprogramming through manipulating programs as data. It relies on few but powerful constructs including working with functions, arguments, built-in types, and mechanisms like inheritance at runtime. The key building blocks are objects, numbers, strings, booleans, and undefined, with everything else being objects. Functions are objects that can return other functions, taking advantage of closures to refer to outer variables from inner functions. This flexibility allows for patching implementations, self-optimizing code, custom APIs, and domain-specific languages.
Open-source Mic Talks at AOL
Open-source Mic Talks at AOLAddy Osmani This document discusses the speaker's involvement with the jQuery open source project. It provides background on jQuery, describing it as a JavaScript library that simplifies DOM manipulation. It then outlines the speaker's various roles contributing to jQuery, including core bug triage, API documentation, and evangelism. Challenges of contributing to open source projects from work and managing time zones are discussed. Overall, the document encourages getting involved in open source and notes that significant contributions can be made even without large time commitments.
Paris Web - Javascript as a programming language
Paris Web - Javascript as a programming languageMarco Cedaro How to setup up a stable javascript continuous integration environment and why you need it. Through a real life example, the talk explains all the benefits of having a development process that brings real control over javascript codebase. A deep analysis of developer and webapps needs and of the tools that fit those requirements.
Metaprogramming with javascript
Metaprogramming with javascriptAhmad Rizqi Meydiarso Metaprogramming involves writing computer programs that manipulate or generate other programs. It allows for more elegant code, less boilerplate code, and hiding implementation details. The document discusses different ways metaprogramming is implemented in JavaScript, including dynamic features like reflection, getters/setters, proxies, decorators, and generators, as well as code generation approaches. Real-world examples of metaprogramming include frameworks, domain-specific languages, and adding functionality without cluttering main logic.
Fast mobile web apps
Fast mobile web appsIvano Malavolta The document discusses techniques for improving the performance of mobile web apps. It covers optimizing DOM manipulation, event handling, network usage, and memory management. Some key recommendations include efficiently navigating and updating the DOM, using event delegation, throttling and debouncing events, leveraging built-in JavaScript methods, and preventing memory leaks by properly removing event listeners and DOM elements no longer in use. The document also promotes using CSS3 features like transforms, transitions, animations, and media queries instead of JavaScript for visual effects whenever possible.
5 Reasons Why Your Website Is[n’t] a Native App (PrDC 2015)![5 Reasons Why Your Website Is[n’t] a Native App (PrDC 2015)](https://cdn.slidesharecdn.com/ss_thumbnails/5reasonswhyyourwebsiteisntanativeapp-150604163105-lva1-app6892-thumbnail.jpg?width=560&fit=bounds)
5 Reasons Why Your Website Is[n’t] a Native App (PrDC 2015)David Wesst “We need a mobile app. Make our website into a mobile app.” The request seems reasonable, doesn’t it? Your website is JavaScript, native apps are JavaScript, why wouldn’t you make your website into an application? In this presentation we’ll give you 5 reasons why your website shouldn’t end up as a native application to give you the tools you need to not only turn down the request, but on how to make a better solution.
HTML5: The Parts You Care About - 4/Nov/13 - PrDC Saskatoon, SK
HTML5: The Parts You Care About - 4/Nov/13 - PrDC Saskatoon, SKDavid Wesst The document is a presentation about HTML5 that discusses its evolution and components. It defines HTML5 as using HTML, CSS, and JavaScript to update web standards for how the world currently uses the web. It outlines the main parts of HTML5 like new elements, tools for defining pages with HTML, styling with CSS compilers and frameworks, and interacting with JavaScript libraries, compilers, and APIs. It provides examples of using new HTML5 features and recommends further resources to learn more.
JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SK
JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SKDavid Wesst Slides from presentation delivered at Prairie Dev Con 2013 in Saskatoon, SK entitled JavaScript Revolution: The New Age of Software Development.
Front-End Modernization for Mortals
Front-End Modernization for Mortalscgack This document discusses strategies for modernizing front-end codebases in an incremental way. It suggests starting with basic modularization by splitting code into logical chunks, then concatenating and minifying modules. Next steps include loading modules on demand using various module systems. Graceful deprecation is recommended over breaking changes. The document also advocates trying new frameworks on side projects first before adopting one. Maintaining good development practices like testing, linting, code style rules and performance testing is emphasized over choosing any particular framework.
Building Rich User Experiences Without JavaScript Spaghetti
Building Rich User Experiences Without JavaScript SpaghettiJared Faris Jared Faris discusses how to build rich user experiences without messy JavaScript code. He advocates for decoupling JavaScript objects, writing small discrete chunks of code, and pushing events rather than state between objects. This avoids JavaScript spaghetti and promotes loose coupling between components. Design patterns like Mediator and Observer are useful, as are tools like Knockout and Backbone that help manage state, routing, and views. Testing discrete layers without HTML elements also helps produce clean, modular code.
Rich and Beautiful: Making Attractive Apps in HTML5 [Wpg 2013]![Rich and Beautiful: Making Attractive Apps in HTML5 [Wpg 2013]](https://cdn.slidesharecdn.com/ss_thumbnails/prdc2013wpg-richandbeautiful-130507145644-phpapp02-thumbnail.jpg?width=560&fit=bounds)
Rich and Beautiful: Making Attractive Apps in HTML5 [Wpg 2013]David Wesst End-users are shallow and vein when it comes to applications. Whether you are selling apps in the marketplace, or trying to engage business users, without a sexy user experience, it can be hard to get people interested. HTML5, although very practical and functional as a platform, can do wonders when it comes to making sexy software. In this session, we will take a deeper dive into the HTML5 tools that can make your application a looker and really look good. We will learn how to take a regular HTML5 application and turn it into a rich user experience that stands out in the crown in HTML5 application using features like SVG, Canvas, and Audio/Video.
Intro to react_v2
Intro to react_v2Feather Knee This document provides an introduction to React including:
- React is a UI library that uses a component-based architecture and focuses on rendering views. It is not an MVC framework.
- React uses a virtual DOM for efficient updates rather than directly manipulating the real DOM. This improves performance.
- React components are self-contained pieces of code that receive data and return rendered output. An application is made of composable components.
- JavaScript knowledge is fundamental for React as components are written in JSX which compiles to JavaScript.
Learning from the Best jQuery Plugins
Learning from the Best jQuery PluginsMarc Grabanski The document discusses lessons learned from examining popular jQuery plugins. It summarizes 30 top plugins, describing why each was created and how it grew. Key takeaways are that authors build plugins to make something better, for fun/exploration, or client needs. Managing features and user feedback is challenging. The best plugins have great demos, documentation, browser support testing, and are fun. The author is available for questions.
jQuery Conference 2012 keynote
jQuery Conference 2012 keynotedmethvin The document summarizes the keynote presentation at the 2012 jQuery Conference about recent and upcoming developments with jQuery.
The presentation discussed:
1) The role of the jQuery Foundation in supporting the jQuery project and community.
2) Recent releases of jQuery Core, including version 1.8 which focused on modularity, performance improvements, and deprecating unused code.
3) Plans for upcoming major releases, with jQuery 1.9 continuing to clean up APIs and jQuery 2.0 removing support for older browsers to simplify the codebase.
Web Development with Smalltalk
Web Development with SmalltalkMariano Martínez Peck "Web Development with Smalltalk" presentation at "Summer School on Languages and Applications" 2014 in Cochabamba, Bolivia.
Javascript spaghetti stirtrek_5_17
Javascript spaghetti stirtrek_5_17Jared Faris This document discusses how to build rich user experiences with JavaScript without creating "spaghetti code". It advocates for pushing events rather than state between components, writing small discrete bits of code, and fully decoupling components. Specific techniques mentioned include using design patterns like mediator and observer, frameworks like Knockout and Backbone, namespacing, inheritance, and testing isolated layers. The goal is to structure JavaScript applications similarly to server-side code by treating the client-side seriously and applying best practices around modularity and loose coupling.
Front-End Frameworks: a quick overview
Front-End Frameworks: a quick overviewDiacode This document provides an overview of various front-end frameworks and tools. It discusses HTML templating languages like HAML and templating engines like Handlebars. It also covers CSS preprocessors like SASS and LESS. JavaScript libraries and frameworks covered include jQuery, Backbone, Spine and CoffeeScript. Boilerplates like HTML5 Boilerplate and frameworks like Twitter Bootstrap and Zurb Foundation are also summarized. The document encourages trying new tools but not feeling overwhelmed by the many options and focusing on those most helpful.
Untangling spring week8
Untangling spring week8Derek Jacoby This document provides an agenda and overview for a developer training session. It discusses developing a growth mindset for programming, strategies for managing frustration, resources for learning programming concepts and getting help, and approaches for collaborative work. It also introduces backend concepts like servers, databases, and JavaScript on the server side using Node.js. The homework assignment involves researching and documenting programming resources.
Everyones invited! Meet accesibility requirements with ColdFusion
Everyones invited! Meet accesibility requirements with ColdFusionColdFusionConference ColdFusion Summit 2016 was announced as an event for everyone except Chad, who was not invited due to prior actions. The document then discussed accessibility requirements and how to meet them using ColdFusion. It noted the importance of compliance and ensuring software is available to all. Examples were given of inaccessible software like Dwarf Fortress and how ARIA attributes can help. The challenges of getting developers to comply were addressed by discussing how one company created their own Markup Language (MCML) of custom tags to enforce standards and ensure 508 compliance. They achieved full compliance over time through this framework and using interns to update code. Testing and responsibilities were also emphasized.
React JS Belgium Touch Base - React, Flux, React Native
React JS Belgium Touch Base - React, Flux, React NativePhilos.io This document provides an introduction to ReactJS, including:
- ReactJS is a JavaScript library for building user interfaces using components and a virtual DOM. It implements unidirectional data flow.
- Components are used to build up user interfaces and can receive data via props. The virtual DOM allows for efficient updates before rendering to the real DOM.
- Flux is an architecture used with React for unidirectional data flow between actions, stores, and React components.
- React Native allows building native mobile apps using React by rendering natively on each platform rather than with HTML and CSS.
All of Javascript
All of JavascriptTogakangaroo Javascript is actually called ECMAScript. The document provides an overview of JavaScript including how it interacts with the DOM in the browser, using JavaScript in web pages, syntax, control structures like loops and conditionals, objects as hashes, functions as first-class objects, loose typing, closures, prototypes, JSON, cross-domain AJAX, libraries like jQuery, and resources for learning more. The global scope in JavaScript is discussed and the importance of using var is emphasized to avoid polluting the global namespace.
The New Design Workflow
The New Design WorkflowPhase2 At Phase2, we do things a little differently when it comes to design. While many teams are stuck in the “design first, develop second, theme last” way of doing things, we link our multidisciplinary teams together by a common vehicle: design systems. Each piece of the system, including our prototyping tools, live within the platform, allowing us to integrate processes like creative design, prototyping, front-end methodology, and implementation. We call this “The New Design Workflow.”
This session will feature a panel of Phase2’s most experienced designers and front-end devs for an inside look at our best practices, tips and tricks. Plus, hear us weigh in how Drupal 8 will interface with your favorite front-end tools like PatternLab.
Enterprise Strength Mobile JavaScript
Enterprise Strength Mobile JavaScriptTroy Miles JavaScript has a well deserved reputation of be hard to write and debug. Put it on a mobile device and the problems increase exponentially. Mobile browsers lack all of the niceties that developers rely on to do testing and debugging including the most fundamental tool, the debugger. But it is possible to write quality JavaScript on a mobile device without relying on blind luck. In this talk I will show all of the tools and tricks that I learned in my 12 month development of the new KBB.com mobile site.
Getting started with angular js
Getting started with angular jsMaurice De Beijer [MVP] There are lots of libraries and frameworks you can use when building browser based JavaScript applications. Probably the most popular library is jQuery. But while jQuery makes it easy to write cross browser user interface code that manipulates the DOM it’s UI focus makes it less then perfect for large business applications. One of the JavaScript based MVC frameworks that has been gaining a lot of popularity for creating business applications is AngularJS. Wen using AngularJS you get the benefit of a powerful data-binding framework that guides you towards a proper application model with a proper separation between the UI layer and the business layer. It also contains a powerful dependency injection framework making code much more testable than before.
In this session Maurice de Beijer will show you how to get started with AngularJS and how productive you can be when creating line of business applications.
Untangling7
Untangling7Derek Jacoby This document provides an agenda for a class on making web pages look better with CSS. It discusses upcoming homework issues and presentations. It introduces flexbox, Bootstrap, and UI-Kit for layouts. It also outlines Project 2, which involves building the front-end for a business idea using a framework like Bootstrap or UI-Kit. Students will present a mockup by November 9th and the full project is due on the last day of class.
Quo vadis, JavaScript? Devday.pl keynote
Quo vadis, JavaScript? Devday.pl keynoteChristian Heilmann The document discusses the state of JavaScript and opportunities for its responsible use. It encourages learning JavaScript properly rather than copying code without understanding. It argues against workarounds for browser issues and urges focusing on standards compliance. Updating tools and libraries, removing legacy code, and embracing modern JavaScript features like those in ES6 can help address past issues and enable further innovation on the web.
Advanced Object Oriented JavaScript (prototype, closure, scope, design patterns)
Advanced Object Oriented JavaScript (prototype, closure, scope, design patterns)raja kvk Data type
Scope
Falsy
IIF / Function as first class object
Hoisting
arguments
Call / Apply
Closure
Name spacing
Prototype
Vertical raw mill pradeep kumar
Vertical raw mill pradeep kumarpradeepdeepi The vertical raw mill uses compression, shear and impact forces for grinding raw materials into powder. Materials are fed into the center of a grinding plate and distributed under rolling pressure from grinding rollers. Grinding creates friction that breaks down materials into a fine powder. Ground material is transported to a separator by gas flow where coarse particles fall back to regrinding. Process parameters like grinding pressure, material layer thickness and temperature are controlled to maintain operation. Vibrations are monitored and addressed if excessive. The mill can experience issues like uneven feeding or metal contamination that require corrective measures.
Making Effective Slides
Making Effective SlidesAnitra Nottingham The document provides tips and guidelines for designing effective presentations. It discusses using less text on slides to engage the audience, employing visual hierarchy through size, color and placement, and organizing information in clear categories or chronologically. Color should be used carefully as it can have cultural meanings. Data should be shown truthfully and simply, picking the right visual aid like bar charts or flowcharts for the information. Overall the document emphasizes clarity, brevity and visual appeal in slide design.
More Related Content
What's hot (20)
JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SK
JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SKDavid Wesst Slides from presentation delivered at Prairie Dev Con 2013 in Saskatoon, SK entitled JavaScript Revolution: The New Age of Software Development.
Front-End Modernization for Mortals
Front-End Modernization for Mortalscgack This document discusses strategies for modernizing front-end codebases in an incremental way. It suggests starting with basic modularization by splitting code into logical chunks, then concatenating and minifying modules. Next steps include loading modules on demand using various module systems. Graceful deprecation is recommended over breaking changes. The document also advocates trying new frameworks on side projects first before adopting one. Maintaining good development practices like testing, linting, code style rules and performance testing is emphasized over choosing any particular framework.
Building Rich User Experiences Without JavaScript Spaghetti
Building Rich User Experiences Without JavaScript SpaghettiJared Faris Jared Faris discusses how to build rich user experiences without messy JavaScript code. He advocates for decoupling JavaScript objects, writing small discrete chunks of code, and pushing events rather than state between objects. This avoids JavaScript spaghetti and promotes loose coupling between components. Design patterns like Mediator and Observer are useful, as are tools like Knockout and Backbone that help manage state, routing, and views. Testing discrete layers without HTML elements also helps produce clean, modular code.
Rich and Beautiful: Making Attractive Apps in HTML5 [Wpg 2013]
Rich and Beautiful: Making Attractive Apps in HTML5 [Wpg 2013]David Wesst End-users are shallow and vein when it comes to applications. Whether you are selling apps in the marketplace, or trying to engage business users, without a sexy user experience, it can be hard to get people interested. HTML5, although very practical and functional as a platform, can do wonders when it comes to making sexy software. In this session, we will take a deeper dive into the HTML5 tools that can make your application a looker and really look good. We will learn how to take a regular HTML5 application and turn it into a rich user experience that stands out in the crown in HTML5 application using features like SVG, Canvas, and Audio/Video.
Intro to react_v2
Intro to react_v2Feather Knee This document provides an introduction to React including:
- React is a UI library that uses a component-based architecture and focuses on rendering views. It is not an MVC framework.
- React uses a virtual DOM for efficient updates rather than directly manipulating the real DOM. This improves performance.
- React components are self-contained pieces of code that receive data and return rendered output. An application is made of composable components.
- JavaScript knowledge is fundamental for React as components are written in JSX which compiles to JavaScript.
Learning from the Best jQuery Plugins
Learning from the Best jQuery PluginsMarc Grabanski The document discusses lessons learned from examining popular jQuery plugins. It summarizes 30 top plugins, describing why each was created and how it grew. Key takeaways are that authors build plugins to make something better, for fun/exploration, or client needs. Managing features and user feedback is challenging. The best plugins have great demos, documentation, browser support testing, and are fun. The author is available for questions.
jQuery Conference 2012 keynote
jQuery Conference 2012 keynotedmethvin The document summarizes the keynote presentation at the 2012 jQuery Conference about recent and upcoming developments with jQuery.
The presentation discussed:
1) The role of the jQuery Foundation in supporting the jQuery project and community.
2) Recent releases of jQuery Core, including version 1.8 which focused on modularity, performance improvements, and deprecating unused code.
3) Plans for upcoming major releases, with jQuery 1.9 continuing to clean up APIs and jQuery 2.0 removing support for older browsers to simplify the codebase.
Web Development with Smalltalk
Web Development with SmalltalkMariano Martínez Peck "Web Development with Smalltalk" presentation at "Summer School on Languages and Applications" 2014 in Cochabamba, Bolivia.
Javascript spaghetti stirtrek_5_17
Javascript spaghetti stirtrek_5_17Jared Faris This document discusses how to build rich user experiences with JavaScript without creating "spaghetti code". It advocates for pushing events rather than state between components, writing small discrete bits of code, and fully decoupling components. Specific techniques mentioned include using design patterns like mediator and observer, frameworks like Knockout and Backbone, namespacing, inheritance, and testing isolated layers. The goal is to structure JavaScript applications similarly to server-side code by treating the client-side seriously and applying best practices around modularity and loose coupling.
Front-End Frameworks: a quick overview
Front-End Frameworks: a quick overviewDiacode This document provides an overview of various front-end frameworks and tools. It discusses HTML templating languages like HAML and templating engines like Handlebars. It also covers CSS preprocessors like SASS and LESS. JavaScript libraries and frameworks covered include jQuery, Backbone, Spine and CoffeeScript. Boilerplates like HTML5 Boilerplate and frameworks like Twitter Bootstrap and Zurb Foundation are also summarized. The document encourages trying new tools but not feeling overwhelmed by the many options and focusing on those most helpful.
Untangling spring week8
Untangling spring week8Derek Jacoby This document provides an agenda and overview for a developer training session. It discusses developing a growth mindset for programming, strategies for managing frustration, resources for learning programming concepts and getting help, and approaches for collaborative work. It also introduces backend concepts like servers, databases, and JavaScript on the server side using Node.js. The homework assignment involves researching and documenting programming resources.
Everyones invited! Meet accesibility requirements with ColdFusion
Everyones invited! Meet accesibility requirements with ColdFusionColdFusionConference ColdFusion Summit 2016 was announced as an event for everyone except Chad, who was not invited due to prior actions. The document then discussed accessibility requirements and how to meet them using ColdFusion. It noted the importance of compliance and ensuring software is available to all. Examples were given of inaccessible software like Dwarf Fortress and how ARIA attributes can help. The challenges of getting developers to comply were addressed by discussing how one company created their own Markup Language (MCML) of custom tags to enforce standards and ensure 508 compliance. They achieved full compliance over time through this framework and using interns to update code. Testing and responsibilities were also emphasized.
React JS Belgium Touch Base - React, Flux, React Native
React JS Belgium Touch Base - React, Flux, React NativePhilos.io This document provides an introduction to ReactJS, including:
- ReactJS is a JavaScript library for building user interfaces using components and a virtual DOM. It implements unidirectional data flow.
- Components are used to build up user interfaces and can receive data via props. The virtual DOM allows for efficient updates before rendering to the real DOM.
- Flux is an architecture used with React for unidirectional data flow between actions, stores, and React components.
- React Native allows building native mobile apps using React by rendering natively on each platform rather than with HTML and CSS.
All of Javascript
All of JavascriptTogakangaroo Javascript is actually called ECMAScript. The document provides an overview of JavaScript including how it interacts with the DOM in the browser, using JavaScript in web pages, syntax, control structures like loops and conditionals, objects as hashes, functions as first-class objects, loose typing, closures, prototypes, JSON, cross-domain AJAX, libraries like jQuery, and resources for learning more. The global scope in JavaScript is discussed and the importance of using var is emphasized to avoid polluting the global namespace.
The New Design Workflow
The New Design WorkflowPhase2 At Phase2, we do things a little differently when it comes to design. While many teams are stuck in the “design first, develop second, theme last” way of doing things, we link our multidisciplinary teams together by a common vehicle: design systems. Each piece of the system, including our prototyping tools, live within the platform, allowing us to integrate processes like creative design, prototyping, front-end methodology, and implementation. We call this “The New Design Workflow.”
This session will feature a panel of Phase2’s most experienced designers and front-end devs for an inside look at our best practices, tips and tricks. Plus, hear us weigh in how Drupal 8 will interface with your favorite front-end tools like PatternLab.
Enterprise Strength Mobile JavaScript
Enterprise Strength Mobile JavaScriptTroy Miles JavaScript has a well deserved reputation of be hard to write and debug. Put it on a mobile device and the problems increase exponentially. Mobile browsers lack all of the niceties that developers rely on to do testing and debugging including the most fundamental tool, the debugger. But it is possible to write quality JavaScript on a mobile device without relying on blind luck. In this talk I will show all of the tools and tricks that I learned in my 12 month development of the new KBB.com mobile site.
Getting started with angular js
Getting started with angular jsMaurice De Beijer [MVP] There are lots of libraries and frameworks you can use when building browser based JavaScript applications. Probably the most popular library is jQuery. But while jQuery makes it easy to write cross browser user interface code that manipulates the DOM it’s UI focus makes it less then perfect for large business applications. One of the JavaScript based MVC frameworks that has been gaining a lot of popularity for creating business applications is AngularJS. Wen using AngularJS you get the benefit of a powerful data-binding framework that guides you towards a proper application model with a proper separation between the UI layer and the business layer. It also contains a powerful dependency injection framework making code much more testable than before.
In this session Maurice de Beijer will show you how to get started with AngularJS and how productive you can be when creating line of business applications.
Untangling7
Untangling7Derek Jacoby This document provides an agenda for a class on making web pages look better with CSS. It discusses upcoming homework issues and presentations. It introduces flexbox, Bootstrap, and UI-Kit for layouts. It also outlines Project 2, which involves building the front-end for a business idea using a framework like Bootstrap or UI-Kit. Students will present a mockup by November 9th and the full project is due on the last day of class.
Quo vadis, JavaScript? Devday.pl keynote
Quo vadis, JavaScript? Devday.pl keynoteChristian Heilmann The document discusses the state of JavaScript and opportunities for its responsible use. It encourages learning JavaScript properly rather than copying code without understanding. It argues against workarounds for browser issues and urges focusing on standards compliance. Updating tools and libraries, removing legacy code, and embracing modern JavaScript features like those in ES6 can help address past issues and enable further innovation on the web.
Advanced Object Oriented JavaScript (prototype, closure, scope, design patterns)
Advanced Object Oriented JavaScript (prototype, closure, scope, design patterns)raja kvk Data type
Scope
Falsy
IIF / Function as first class object
Hoisting
arguments
Call / Apply
Closure
Name spacing
Prototype
Viewers also liked (20)
Vertical raw mill pradeep kumar
Vertical raw mill pradeep kumarpradeepdeepi The vertical raw mill uses compression, shear and impact forces for grinding raw materials into powder. Materials are fed into the center of a grinding plate and distributed under rolling pressure from grinding rollers. Grinding creates friction that breaks down materials into a fine powder. Ground material is transported to a separator by gas flow where coarse particles fall back to regrinding. Process parameters like grinding pressure, material layer thickness and temperature are controlled to maintain operation. Vibrations are monitored and addressed if excessive. The mill can experience issues like uneven feeding or metal contamination that require corrective measures.
Making Effective Slides
Making Effective SlidesAnitra Nottingham The document provides tips and guidelines for designing effective presentations. It discusses using less text on slides to engage the audience, employing visual hierarchy through size, color and placement, and organizing information in clear categories or chronologically. Color should be used carefully as it can have cultural meanings. Data should be shown truthfully and simply, picking the right visual aid like bar charts or flowcharts for the information. Overall the document emphasizes clarity, brevity and visual appeal in slide design.
BIOPSY
BIOPSYSrishti Tayal Biopsy is the removal of tissue from the living body for diagnostic purposes. It has a long history dating back to the 16th century. There are various biopsy techniques depending on the location and size of the lesion. The goal is to provide a representative tissue sample while minimizing patient discomfort. Common techniques include incisional, excisional, punch and needle biopsies. Indications are to confirm clinical impressions, determine treatment plans, and assess malignancy. Contraindications include certain vascular or pigmented lesions.
basics of chest X- ray interpretation
basics of chest X- ray interpretationMaha Yousif This document discusses chest x-ray interpretation and provides guidance on evaluating x-rays. It explains that tissue density determines how an x-ray beam penetrates, with denser tissues appearing whiter and less dense tissues appearing blacker. It also outlines different chest x-ray views and factors to consider like patient orientation, age, gender, and rotation. Abnormalities are described as appearing too white, too black, too large, or in the wrong place. The document stresses a systematic approach of identifying, localizing, describing lesions, and providing differential diagnoses.
Effective Social Media For Event Exhibitors
Effective Social Media For Event ExhibitorsWeb 2.0 Expo These slides were used in the webcast "Effective Social Media for Event Exhibitors." Led by Web 2.0 Expo Co-Chair and “The Twitter Book” co-author Sarah Milstein and Web 2.0 Expo Community Manager Kaitlin Pike, this webcast featured real-life success stories and practical tips for using services such as Twitter, Facebook, LinkedIn, and your own company blog for efficient marketing before, during, and after a show.
Sass Code Reviews - How one code review changed my life #SassConf2015
Sass Code Reviews - How one code review changed my life #SassConf2015Stacy Kvernmo After writing CSS for over 10 years you'd think you would know everything there is to know, right? I couldn't be more wrong and I found out the hard way. While my first formal code review session was painfully embarrassing it was also the most important lesson I have learned throughout my career. Code reviews force you to communicate on a different level which ultimately leads to more thoughtful coding practices. When writing Sass and other pre-processed languages it is even more important that you review your code continually, which even the more seasoned front end developers may neglect at times.
Bottom line: Code reviews will make you better.
Nielsen Global Consumer Exercise Trends Survey 2014
Nielsen Global Consumer Exercise Trends Survey 2014Bryan K. O'Rourke Global consumer survey of exercise trends and thinking in 2014. An interesting read of what matters to consumers about exercise.
Mastoidectomy (by drdhiru456)
Mastoidectomy (by drdhiru456)Dr Dhirendra Patil This document provides information about different types of mastoidectomy procedures. It begins with a brief history of mastoidectomy surgery dating back to 1873. It then discusses indications for various procedures like cortical mastoidectomy, canal wall up (CWU) mastoidectomy, modified radical mastoidectomy, and radical mastoidectomy. Key anatomical structures are defined. Surgical techniques for CWU mastoidectomy are outlined, including incision, periosteal elevation, and middle ear dissection steps. Contraindications and debates around CWU versus canal wall down approaches are also summarized.
Intro to Systems Thinking
Intro to Systems ThinkingPatrick Woessner Slides for "Intro to Systems Thinking" workshop. Session details and resources available here: http://pwoessner.wikispaces.com/Introduction+to+Systems+Thinking
The Ultimate Guide to Creating Visually Appealing Content
The Ultimate Guide to Creating Visually Appealing ContentNeil Patel From videos to infographics, I’m constantly leveraging visual media.
Can you guess why?
It’s because these visual content pieces are generating more backlinks than any other form of content I publish, which—in the long run—helps increase my search engine rankings and overall readership numbers.
So, how do you create these visual masterpieces? Well, this infographic should help you.
Engaging Learners with Technology
Engaging Learners with TechnologyDean Shareski The document discusses engaging students with technology and rethinking education. It addresses how technology can support literacy, community, and assessment. Some key ideas include using technology to personalize learning, connect students in multiple ways, and make assessment a conversation rather than just scores on a spreadsheet. The role of joy in education is also discussed.
Thai tech startup ecosystem report 2017
Thai tech startup ecosystem report 2017Techsauce Media The document is a report by Techsauce, Thailand's leading tech publication, summarizing Thailand's startup ecosystem and investment trends from 2012-2017. Some key findings include:
- Total funding raised by Thai startups grew from $3.1 million in 2011-2012 to over $86 million in 2016.
- Popular categories of startups receiving investment included e-commerce/marketplaces, fintech, logistics, and payments.
- Major acquisitions of Thai startups have totaled over $108 million, with companies being acquired by firms from Southeast Asia, China, and other regions.
What I Carry: 10 Tools for Success
What I Carry: 10 Tools for SuccessJonathon Colman What we carry with us in our everyday lives and interactions is just as important for our success as our technical skills and achievements.
This is what I carry with me. What do YOU carry?
Slides designed and produced with Haiku Deck for iPad. Set your story free with Haiku Deck at http://www.haikudeck.com/
You can learn more about Jonathon Colman at http://www.jonathoncolman.org/
8086 microprocessor instruction set by Er. Swapnil Kaware
8086 microprocessor instruction set by Er. Swapnil KawareProf. Swapnil V. Kaware The document describes the instruction set of the 8086 microprocessor. It discusses the different types of instructions including data transfer instructions like MOV, PUSH, POP, XCHG, IN, OUT, and XLAT. It also covers addressing modes, instruction formats, and the various registers used by the 8086 microprocessor like the stack pointer and flag register. In total there are 14 different data transfer instructions described that are used to move data between registers, memory, ports, and the flag and stack pointers.
Manpower Planning
Manpower PlanningKhan Mohammad Mahmud Hasan The document discusses manpower planning, including its objectives, evaluation pattern, and topics covered. The key topics include manpower planning tools and techniques, career planning, national macro-level manpower planning, and recent trends in human resource planning.
Dear NSA, let me take care of your slides.
Dear NSA, let me take care of your slides.Emiland Dear NSA, you can do whatever with my data. But not with my eyes. Those slides are hideous.
So here's a quick revamp of your PRISM slides.
Mri brain anatomy Dr Muhammad Bin Zulfiqar
Mri brain anatomy Dr Muhammad Bin ZulfiqarDr. Muhammad Bin Zulfiqar Anatomy of Brain by MRI
In this presentation we will discuss the cross sectional anatomy of brain. Then we will discuss the Most common diseases to be evaluated by brain imaging.
In my opinion this presentation is a road map for beginars.
Masters of SlideShare
Masters of SlideShareKapost No need to wonder how the best on SlideShare do it. The Masters of SlideShare provides storytelling, design, customization and promotion tips from 13 experts of the form. Learn what it takes to master this type of content marketing yourself.
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksSlideShare Turbocharge your online presence with SlideShare. We provide the best tips and tricks for succeeding on SlideShare. Get ideas for what to upload, tips for designing your deck and more.
Microsoft to Acquire LinkedIn: Overview for Investors
Microsoft to Acquire LinkedIn: Overview for InvestorsMicrosoft The document contains forward-looking statements about the proposed transaction between Microsoft and LinkedIn, noting potential benefits but also risks that could impact the completion or timing of the deal. It notes many factors that could cause actual results to differ from expectations. Additional information on the transaction will be filed with regulators and provided to LinkedIn shareholders to consider the proposal. Microsoft and LinkedIn directors may be deemed participants in soliciting shareholder approval.
Ad
Similar to Unobtrusive JavaScript with jQuery (20)
Workshop Intro: FrontEnd General Overview
Workshop Intro: FrontEnd General OverviewVisual Engineering Workshop Overview General del ecosistema de Javascript y de los Frameworks actuales.
¿Hacia dónde vamos?
ReactJS - Flux Pattern - ReactNative.
RactiveJS, VueJS.
Presentado por Ing. Marc Torrent
Jazz up your JavaScript: Unobtrusive scripting with JavaScript libraries
Jazz up your JavaScript: Unobtrusive scripting with JavaScript librariesSimon Willison This document discusses using JavaScript libraries to write unobtrusive scripts. It begins with a brief history of JavaScript development and introduces concepts like unobtrusive scripting and progressive enhancement. It then provides examples of basic unobtrusive scripts and discusses challenges like cross-browser event handling. The bulk of the document focuses on JavaScript libraries and their benefits, listing common library features and some of the most popular libraries like jQuery. It concludes with a specific example using Yahoo's YUI library to add AJAX functionality to a login form.
Unobtrusive js
Unobtrusive jsbretticus This document discusses unobtrusive JavaScript and how it separates JavaScript behavior from HTML markup. Unobtrusive JavaScript allows web pages to degrade gracefully when JavaScript is disabled, as the functionality is not coupled to the document structure. It provides an example of unobtrusive JavaScript that is completely separate from the markup and reusable. The document recommends using frameworks like jQuery to select elements and enhance the user experience with JavaScript after the site functions without it.
WT Module-3.pptx
WT Module-3.pptxRamyaH11 The document provides an overview of JavaScript topics including what JavaScript is, where it is used, syntax features like variables, conditionals, and loops. It also discusses JavaScript design principles like progressive enhancement and graceful degradation. Key JavaScript concepts like objects, arrays, functions, and built-in objects like String, Math, and Date are described. The document is a module syllabus that introduces foundational JavaScript concepts.
wt mod3.pdf
wt mod3.pdfVinayKumarV24 The document provides information about JavaScript and web development technologies. It includes a syllabus covering JavaScript concepts like client-side scripting, the Document Object Model, events, and forms. It also discusses JavaScript syntax like variables, conditionals, loops, functions, and objects. Key principles around progressive enhancement and graceful degradation are explained. The document contains examples and explanations of JavaScript features.
Microsoft PowerPoint - jQuery-1-Ajax.pptx
Microsoft PowerPoint - jQuery-1-Ajax.pptxguestc8e51c This document discusses the philosophy behind jQuery and why it works well. It focuses on jQuery's approach of centering on collections of DOM elements, making it easier for developers who do most of their work with page elements. The summary also highlights jQuery's chainability, support for CSS3 and XPath selectors, and how it allows developers to easily select, modify, and manipulate groups of DOM elements.
Microsoft PowerPoint - jQuery-3-UI.pptx
Microsoft PowerPoint - jQuery-3-UI.pptxguestc8e51c 1. The document summarizes an interview with John Resig, the creator of jQuery.
2. Resig discusses the philosophy behind jQuery's focus on DOM element collections and how this makes jQuery easier to use for DOM scripting.
3. The interview also covers Resig's influences, the challenges of releasing jQuery 1.0, and how the vibrant jQuery community has helped support the framework.
issue1
issue1guest5fe9d57 1. The document summarizes an interview with John Resig, the creator of jQuery.
2. Resig discusses the philosophy behind jQuery's focus on DOM element collections and how this makes jQuery easier to use for DOM scripting.
3. The interview also covers Resig's influences, the challenges of releasing jQuery 1.0, and how the vibrant jQuery community has helped support the framework.
issue1
issue1guest922726 1. The document summarizes an interview with John Resig, the creator of jQuery.
2. Resig discusses the philosophy behind jQuery's focus on DOM element collections and how this makes jQuery easier to use for DOM scripting.
3. The interview also covers Resig's influences, the challenges of releasing jQuery 1.0, and how the vibrant jQuery community has helped support the framework.
WEB MODULE 3.pdf
WEB MODULE 3.pdfDeepika A B JavaScript is a scripting language that runs in web browsers. It allows for dynamic interactions and effects on web pages. JavaScript code can run on the client-side to process user input and update pages in real-time without reloading. It is commonly used with HTML and CSS to create interactive web applications. Some key points covered are that JavaScript is weakly typed, prototype-based, and runs directly in web browsers to enhance the user experience.
Pro jQuery 2 0 Second Edition Adam Freeman
Pro jQuery 2 0 Second Edition Adam Freemanwaibapandim Pro jQuery 2 0 Second Edition Adam Freeman
Pro jQuery 2 0 Second Edition Adam Freeman
Pro jQuery 2 0 Second Edition Adam Freeman
JavaScript Libraries: The Big Picture
JavaScript Libraries: The Big PictureSimon Willison This document provides an overview of popular JavaScript libraries including Dojo Toolkit, YUI, Prototype, and jQuery. It discusses problems they aim to solve like cross-browser inconsistencies. Key features of each library are mentioned like Dojo's widgets, YUI's controls, Prototype's Ruby-like syntax, and jQuery's chaining and node selection. The document also covers ideas from the libraries like progressive enhancement, animation APIs, and leveraging hosting on CDNs.
How to make Ajax Libraries work for you
How to make Ajax Libraries work for youSimon Willison 50 minute talk on Ajax and JavaScript libraries, presented at Web 2.0 Expo Berlin on 7th November 2007.
An Introduction to Ajax Programming
An Introduction to Ajax Programminghchen1 This document provides an introduction to Ajax programming, including what Ajax is, how it differs from traditional HTTP paradigms, the key components needed for Ajax (XHTML, JavaScript, CSS), how to use the DOM and XMLHttpRequest objects to send and receive data from the server without refreshing the page, examples using the MochiKit JavaScript library to simplify Ajax programming, common pitfalls to avoid like breaking the back button and accessibility issues, and how Ajax can be used to make web pages more interactive and responsive.
Expert-led jQuery training to master your craft.
Expert-led jQuery training to master your craft.iqtraining jQuery is a Javascript library, and it is a language designed to simplify the client-side scripts in the browser. It was created by John Resig at BarCamp New York in 2006. It is an open source software under licenses from MIT and GPL combined. Jquery 1.9.1 is the latest version disponible in the jquery official site.
Web:http://www.iqonlinetraining.com/jquery-mobile-online-training/
JQuery
JQueryJ B jQuery is a JavaScript library that simplifies HTML document traversal, event handling, animating, and Ajax interactions. It works across browsers like Internet Explorer 6, Firefox 2.0, Safari 2.0 and Opera 9.0. jQuery streamlines development by providing methods that reduce the need for verbose JavaScript code. Popular websites use jQuery to enhance the user experience through dynamic and interactive features.
J query mobile tech talk
J query mobile tech talkwoliverj The document provides an overview of jQuery Mobile, a framework for building mobile web applications. It discusses:
- The "Browser Wars" and issues with cross-browser compatibility that jQuery Mobile aims to address.
- Key features of jQuery Mobile like its small file size, theming capabilities, and support for progressive enhancement across devices.
- How jQuery Mobile builds on jQuery to provide additional mobile-optimized features for aspects like DOM manipulation and event handling.
- Why jQuery Mobile may be preferable to other options like jQuery UI/Touch Punch for its simplicity, smaller size, and support for a wide variety of mobile devices and browsers through graceful degradation.
JS digest. April 2018
JS digest. April 2018ElifTech This document is a JavaScript digest from April 2018. It provides summaries and links for topics including the V8 release v6.6, what to expect in Node.js 10, using const and let, CSS Grid layouts, and libraries like Pico.js and filepond. It also explores differences between classes and factory functions, and links versus buttons.
jQuery: The World's Most Popular JavaScript Library Comes to XPages
jQuery: The World's Most Popular JavaScript Library Comes to XPagesTeamstudio Whether you want to add some serious eye candy to your XPages Applications or just want to do more with less code, jQuery, the world’s most popular JavaScript framework can help you. Come to this webinar and find out how you can use some of the thousands of jQuery plugins, in harmony with Dojo, within your XPages applications to create a better experience not only for your users, but for you as a developer. In this webinar, we'll look at how jQuery works, how to add it to your XPages, and how a complete JavaScript beginner can take advantage of its power. We'll demonstrate many working examples -- and a sample database will be provided.
Unobtrusive javascript
Unobtrusive javascriptLee Jordan The document discusses the challenges of the browser environment for JavaScript development and principles of unobtrusive JavaScript. It notes that JavaScript encounters many errors due to the complex browser environment, inconsistent support across browsers, and potential for user scripts to be disabled. The document advocates building sites primarily with HTML and CSS according to standards and using JavaScript to enhance usability instead of as the sole means of interactivity. It provides an example where Google broke its download button for Chrome due to improper unobtrusive JavaScript practices.
Ad
More from Simon Willison (20)
How Lanyrd does Geo
How Lanyrd does GeoSimon Willison This document discusses the features of an event discovery and recommendation website. It uses MapBox maps, suggests events based on contacts and interests, and shows event details pages. Users can track topics by location and the site has a hierarchical place database. It provides rich snippets, GeoRSS feeds, and supports search within areas by indexing the place hierarchy. Events have primary venues to plot on maps and the site integrates with Foursquare.
Cheap tricks for startups
Cheap tricks for startupsSimon Willison This document discusses cheap tricks for startups to experiment and deploy features quickly. It recommends using feature flags to control features for different users, deploying to staging environments first, and using read-only mode for low-risk deployments. It also suggests adding created/updated date fields to all tables to easily track site growth over time, and storing daily report calculations in the database to graph metrics over time. The overall message is that these techniques allow for easy, fast, and cheap experimentation, deployment, and analytics.
The Django Web Framework (EuroPython 2006)
The Django Web Framework (EuroPython 2006)Simon Willison The document summarizes the Django web framework. It describes key characteristics like clean URLs, loosely coupled components, and designer-friendly templates. It outlines components like URL dispatching, views, models, templates, forms, validation, administration, internationalization, and success stories. Django allows for really fast development, reuse of components, and less code through its architecture and features.
Building Lanyrd
Building LanyrdSimon Willison Lanyrd.com is a definitive database of professional events and speakers that provides social event recommendation and comprehensive speaker profiles. It features a social event recommendation engine, comprehensive speaker profiles that include archives of slides, notes and videos, and a definitive database of professional events and speakers.
How we bootstrapped Lanyrd using Twitter's social graph
How we bootstrapped Lanyrd using Twitter's social graphSimon Willison This document describes how Lanyrd.com bootstrapped their social event and speaker database site by leveraging Twitter's social graph and APIs. They were able to quickly build profiles for 500 speakers before launching by accessing public Twitter account information. Using Twitter follower data stored in Redis and speaker information indexed by Solr, Lanyrd can provide personalized event recommendations to users. While relying on Twitter introduced some risks, it was an effective way to initially populate the site with user and event data.
Web Services for Fun and Profit
Web Services for Fun and ProfitSimon Willison Web services and APIs allow large websites like Yahoo to be built and maintained, enable internal innovation through mashups, and allow external developers to build new products and services using publicly available data and functionality. They help address issues like security, scaling, and making changes by separating concerns between interfaces and implementations. Events like d.Construct promote discussion and innovation around emerging technologies like Ajax, APIs, and mobile applications.
Tricks & challenges developing a large Django application
Tricks & challenges developing a large Django applicationSimon Willison The document discusses tricks and challenges for developing large Django applications. It outlines three tricks: 1) Signing data to pass through untrusted sources without tampering; 2) Adding a cache version field to models to invalidate cached queries; 3) Using NoSQL databases like Redis and Solr for denormalizing data to allow flexible queries across entities. Redis sets are used to track relationships like followers and event attendees for recommendations.
Advanced Aspects of the Django Ecosystem: Haystack, Celery & Fabric
Advanced Aspects of the Django Ecosystem: Haystack, Celery & FabricSimon Willison This document summarizes Haystack, Celery, and Fabric - three tools that are part of the Django ecosystem. Haystack allows for full-text search, Celery handles asynchronous/background tasks, and Fabric automates deployment tasks. The document provides high-level descriptions of each tool's functionality and advantages. It also includes links to documentation and getting started guides.
How Lanyrd uses Twitter
How Lanyrd uses TwitterSimon Willison Lanyrd.com is a website that provides a definitive database of professional events and speakers, enables social recommendations of events, and includes comprehensive speaker profiles with archived materials like slides and videos. It utilizes crowdsourcing and shared contributions from users (a wiki-style model). The site integrates heavily with Twitter to discover event discussions, promote speaker profiles, and provide recommendation features based on a user's Twitter follows. It aims to make professional conferences and networking more effective.
ScaleFail
ScaleFailSimon Willison This document summarizes the steps taken to optimize the performance of a website for reviewing parliamentary expenses. Initially, querying for unreviewed pages was causing high CPU usage on the database server. To address this, the count of unreviewed pages was cached in Memcached, reducing CPU usage. Other optimizations included migrating the database to InnoDB, adding a "next" button that redirects to a random unreviewed page, and caching the list of unreviewed page IDs in Memcached for faster random access. During a future scale issue, Redis will be used instead of Memcached. Putting the site in read-only mode also helped during a period of high load.
Building Things Fast - and getting approval
Building Things Fast - and getting approvalSimon Willison The document summarizes Simon Willison's talk at An Event Apart Chicago 2009 about building things fast using modern web development techniques and tools. The talk discusses trends in rapid interactive development using client-side JavaScript, web frameworks that facilitate quick prototyping and deployment, and building a Twitter client in under 50 lines of JavaScript code to demonstrate these techniques.
Rediscovering JavaScript: The Language Behind The Libraries
Rediscovering JavaScript: The Language Behind The LibrariesSimon Willison This document provides a summary of the evolution of JavaScript libraries from 2004 to 2005. It discusses how in 2004, JavaScript was not taken seriously by most developers. A few libraries like Prototype.js emerged in 2005, helping popularize JavaScript for dynamic effects like drag and drop. This led to a flurry of library development in 2005, including early versions of jQuery, MochiKit and YUI. These libraries had different philosophies but helped unlock JavaScript's potential and make it a first-class language for web development.
Building crowdsourcing applications
Building crowdsourcing applicationsSimon Willison A talk on my experiences building crowdsourcing applications, both at the Guardian newspaper and for my own personal projects. Presented at Web Directions @media 2010 on June 9th.
Evented I/O based web servers, explained using bunnies
Evented I/O based web servers, explained using bunniesSimon Willison Part of a talk about Node.js given at Full Frontal 2009 in Brighton. I've added some additional explanatory notes.
Cowboy development with Django
Cowboy development with DjangoSimon Willison Keynote for DjangoCon 2009, presented on the 8th of September 2009. Covers two cowboy projects - WildLifeNearYou.com and MP expenses - and talks about ways of "reigning in the cowboy" and developing in a more sustainable way.
Crowdsourcing with Django
Crowdsourcing with DjangoSimon Willison Crowdsourcing involves building a website to allow users to review and annotate MP expense documents. The site was built quickly using Django within a week. It uses models to represent MPs, expenses documents, pages, and user annotations. Unreviewed pages were cached to improve performance when getting a random next page. As usage increased, the database was migrated and caching was added. Over 70,000 pages were reviewed, showing how crowdsourcing can be used for document review at scale.
Django Heresies
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.
Class-based views with Django
Class-based views with DjangoSimon Willison This document discusses class-based views in Django. It covers Django's emphasis on reusability through generic views and a thriving ecosystem of third-party applications. Generic views encapsulate common patterns like listing and editing objects. While powerful, generic views have some limitations like an inability to swap the ORM. The document also discusses making the admin interface more customizable and decoupled from Django through subclassing, as well as implementing fine-grained permissions by overriding methods in ModelAdmin subclasses. Finally, it suggests that any component that follows the request-response pattern could be implemented as a class, including decorators.
Web App Security Horror Stories
Web App Security Horror StoriesSimon Willison This document summarizes Simon Willison's talk on web app security vulnerabilities and lessons learned from past mistakes. It discusses cross-site scripting (XSS) vulnerabilities that allow attackers to steal users' cookies or show fake login pages. It also covers SQL injection attacks, cross-site request forgery (CSRF), and how even features like CSS can be exploited. Past incidents like Samy's MySpace worm and the Google UTF-7 hole are examined to illustrate the dangers if vulnerabilities are left unaddressed. The talk emphasizes following best practices like parameterization and CSRF tokens to prevent common exploits.
Web Security Horror Stories
Web Security Horror StoriesSimon Willison Keeping your web application secure is an ongoing process - new classes of vulnerabilities are discovered with surprising frequency, and if you don't keep on top of them you could be in for a nasty surprise. This talk will discuss both common and obscure vulnerabilities, with real-world examples of attacks that have worked against high profile sites in the past.
Recently uploaded (20)
Multistream in SIP and NoSIP @ OpenSIPS Summit 2025
Multistream in SIP and NoSIP @ OpenSIPS Summit 2025Lorenzo Miniero Slides for my "Multistream support in the Janus SIP and NoSIP plugins" presentation at the OpenSIPS Summit 2025 event.
They describe my efforts refactoring the Janus SIP and NoSIP plugins to allow for the gatewaying of an arbitrary number of audio/video streams per call (thus breaking the current 1-audio/1-video limitation), plus some additional considerations on what this could mean when dealing with application protocols negotiated via SIP as well.
New Ways to Reduce Database Costs with ScyllaDB
New Ways to Reduce Database Costs with ScyllaDBScyllaDB How ScyllaDB’s latest capabilities can reduce your infrastructure costs
ScyllaDB has been obsessed with price-performance from day 1. Our core database is architected with low-level engineering optimizations that squeeze every ounce of power from the underlying infrastructure. And we just completed a multi-year effort to introduce a set of new capabilities for additional savings.
Join this webinar to learn about these new capabilities: the underlying challenges we wanted to address, the workloads that will benefit most from each, and how to get started. We’ll cover ways to:
- Avoid overprovisioning with “just-in-time” scaling
- Safely operate at up to ~90% storage utilization
- Cut network costs with new compression strategies and file-based streaming
We’ll also highlight a “hidden gem” capability that lets you safely balance multiple workloads in a single cluster. To conclude, we will share the efficiency-focused capabilities on our short-term and long-term roadmaps.
Cybersecurity Fundamentals: Apprentice - Palo Alto Certificate
Cybersecurity Fundamentals: Apprentice - Palo Alto CertificateVICTOR MAESTRE RAMIREZ Cybersecurity Fundamentals: Apprentice - Palo Alto Certificate
Agentic AI Explained: The Next Frontier of Autonomous Intelligence & Generati...
Agentic AI Explained: The Next Frontier of Autonomous Intelligence & Generati...Aaryan Kansari Agentic AI Explained: The Next Frontier of Autonomous Intelligence & Generative AI
Discover Agentic AI, the revolutionary step beyond reactive generative AI. Learn how these autonomous systems can reason, plan, execute, and adapt to achieve human-defined goals, acting as digital co-workers. Explore its promise, key frameworks like LangChain and AutoGen, and the challenges in designing reliable and safe AI agents for future workflows.
Sticky Note Bullets:
Definition: Next stage beyond ChatGPT-like systems, offering true autonomy.
Core Function: Can "reason, plan, execute and adapt" independently.
Distinction: Proactive (sets own actions for goals) vs. Reactive (responds to prompts).
Promise: Acts as "digital co-workers," handling grunt work like research, drafting, bug fixing.
Industry Outlook: Seen as a game-changer; Deloitte predicts 50% of companies using GenAI will have agentic AI pilots by 2027.
Key Frameworks: LangChain, Microsoft's AutoGen, LangGraph, CrewAI.
Development Focus: Learning to think in workflows and goals, not just model outputs.
Challenges: Ensuring reliability, safety; agents can still hallucinate or go astray.
Best Practices: Start small, iterate, add memory, keep humans in the loop for final decisions.
Use Cases: Limited only by imagination (e.g., drafting business plans, complex simulations).
Improving Developer Productivity With DORA, SPACE, and DevEx
Improving Developer Productivity With DORA, SPACE, and DevExJustin Reock Ready to measure and improve developer productivity in your organization?
Join Justin Reock, Deputy CTO at DX, for an interactive session where you'll learn actionable strategies to measure and increase engineering performance.
Leave this session equipped with a comprehensive understanding of developer productivity and a roadmap to create a high-performing engineering team in your company.
UiPath Community Zurich: Release Management and Build Pipelines
UiPath Community Zurich: Release Management and Build PipelinesUiPathCommunity Ensuring robust, reliable, and repeatable delivery processes is more critical than ever - it's a success factor for your automations and for automation programmes as a whole. In this session, we’ll dive into modern best practices for release management and explore how tools like the UiPathCLI can streamline your CI/CD pipelines. Whether you’re just starting with automation or scaling enterprise-grade deployments, our event promises to deliver helpful insights to you. This topic is relevant for both on-premise and cloud users - as well as for automation developers and software testers alike.
📕 Agenda:
- Best Practices for Release Management
- What it is and why it matters
- UiPath Build Pipelines Deep Dive
- Exploring CI/CD workflows, the UiPathCLI and showcasing scenarios for both on-premise and cloud
- Discussion, Q&A
👨🏫 Speakers
Roman Tobler, CEO@ Routinuum
Johans Brink, CTO@ MvR Digital Workforce
We look forward to bringing best practices and showcasing build pipelines to you - and to having interesting discussions on this important topic!
If you have any questions or inputs prior to the event, don't hesitate to reach out to us.
This event streamed live on May 27, 16:00 pm CET.
Check out all our upcoming UiPath Community sessions at:
👉 https://community.uipath.com/events/
Join UiPath Community Zurich chapter:
👉 https://community.uipath.com/zurich/
Securiport - A Border Security Company
Securiport - A Border Security CompanySecuriport Securiport is a border security systems provider with a progressive team approach to its task. The company acknowledges the importance of specialized skills in creating the latest in innovative security tech. The company has offices throughout the world to serve clients, and its employees speak more than twenty languages at the Washington D.C. headquarters alone.
Jeremy Millul - A Talented Software Developer
Jeremy Millul - A Talented Software DeveloperJeremy Millul Jeremy Millul is a talented software developer based in NYC, known for leading impactful projects such as a Community Engagement Platform and a Hiking Trail Finder. Using React, MongoDB, and geolocation tools, Jeremy delivers intuitive applications that foster engagement and usability. A graduate of NYU’s Computer Science program, he brings creativity and technical expertise to every project, ensuring seamless user experiences and meaningful results in software development.
AI Emotional Actors: “When Machines Learn to Feel and Perform"
AI Emotional Actors: “When Machines Learn to Feel and Perform"AkashKumar809858 Welcome to the era of AI Emotional Actors.
The entertainment landscape is undergoing a seismic transformation. What started as motion capture and CGI enhancements has evolved into a full-blown revolution: synthetic beings not only perform but express, emote, and adapt in real time.
For reading further follow this link -
https://akash97.gumroad.com/l/meioex
Microsoft Build 2025 takeaways in one presentation
Microsoft Build 2025 takeaways in one presentationDigitalmara Microsoft Build 2025 introduced significant updates. Everything revolves around AI. DigitalMara analyzed these announcements:
• AI enhancements for Windows 11
By embedding AI capabilities directly into the OS, Microsoft is lowering the barrier for users to benefit from intelligent automation without requiring third-party tools. It's a practical step toward improving user experience, such as streamlining workflows and enhancing productivity. However, attention should be paid to data privacy, user control, and transparency of AI behavior. The implementation policy should be clear and ethical.
• GitHub Copilot coding agent
The introduction of coding agents is a meaningful step in everyday AI assistance. However, it still brings challenges. Some people compare agents with junior developers. They noted that while the agent can handle certain tasks, it often requires supervision and can introduce new issues. This innovation holds both potential and limitations. Balancing automation with human oversight is crucial to ensure quality and reliability.
• Introduction of Natural Language Web
NLWeb is a significant step toward a more natural and intuitive web experience. It can help users access content more easily and reduce reliance on traditional navigation. The open-source foundation provides developers with the flexibility to implement AI-driven interactions without rebuilding their existing platforms. NLWeb is a promising level of web interaction that complements, rather than replaces, well-designed UI.
• Introduction of Model Context Protocol
MCP provides a standardized method for connecting AI models with diverse tools and data sources. This approach simplifies the development of AI-driven applications, enhancing efficiency and scalability. Its open-source nature encourages broader adoption and collaboration within the developer community. Nevertheless, MCP can face challenges in compatibility across vendors and security in context sharing. Clear guidelines are crucial.
• Windows Subsystem for Linux is open-sourced
It's a positive step toward greater transparency and collaboration in the developer ecosystem. The community can now contribute to its evolution, helping identify issues and expand functionality faster. However, open-source software in a core system also introduces concerns around security, code quality management, and long-term maintenance. Microsoft’s continued involvement will be key to ensuring WSL remains stable and secure.
• Azure AI Foundry platform hosts Grok 3 AI models
Adding new models is a valuable expansion of AI development resources available at Azure. This provides developers with more flexibility in choosing language models that suit a range of application sizes and needs. Hosting on Azure makes access and integration easier when using Microsoft infrastructure.
TrustArc Webinar: Mastering Privacy Contracting
TrustArc Webinar: Mastering Privacy ContractingTrustArc As data privacy regulations become more pervasive across the globe and organizations increasingly handle and transfer (including across borders) meaningful volumes of personal and confidential information, the need for robust contracts to be in place is more important than ever.
This webinar will provide a deep dive into privacy contracting, covering essential terms and concepts, negotiation strategies, and key practices for managing data privacy risks.
Whether you're in legal, privacy, security, compliance, GRC, procurement, or otherwise, this session will include actionable insights and practical strategies to help you enhance your agreements, reduce risk, and enable your business to move fast while protecting itself.
This webinar will review key aspects and considerations in privacy contracting, including:
- Data processing addenda, cross-border transfer terms including EU Model Clauses/Standard Contractual Clauses, etc.
- Certain legally-required provisions (as well as how to ensure compliance with those provisions)
- Negotiation tactics and common issues
- Recent lessons from recent regulatory actions and disputes
AI Trends - Mary Meeker
AI Trends - Mary MeekerRazin Mustafiz Source: https://www.bondcap.com/reports/tai
Contributing to WordPress With & Without Code.pptx
Contributing to WordPress With & Without Code.pptxPatrick Lumumba Contributing to WordPress: Making an Impact on the Test Team—With or Without Coding Skills
WordPress survives on collaboration, and the Test Team plays a very important role in ensuring the CMS is stable, user-friendly, and accessible to everyone.
This talk aims to deconstruct the myth that one has to be a developer to contribute to WordPress. In this session, I will share with the audience how to get involved with the WordPress Team, whether a coder or not.
We’ll explore practical ways to contribute, from testing new features, and patches, to reporting bugs. By the end of this talk, the audience will have the tools and confidence to make a meaningful impact on WordPress—no matter the skill set.
STKI Israel Market Study 2025 final v1 version
STKI Israel Market Study 2025 final v1 versionDr. Jimmy Schwarzkopf nnual (33 years) study of the Israeli Enterprise / public IT market. Covering sections on Israeli Economy, IT trends 2026-28, several surveys (AI, CDOs, OCIO, CTO, staffing cyber, operations and infra) plus rankings of 760 vendors on 160 markets (market sizes and trends) and comparison of products according to support and market penetration.
Offshore IT Support: Balancing In-House and Offshore Help Desk Technicians
Offshore IT Support: Balancing In-House and Offshore Help Desk Techniciansjohn823664 In today's always-on digital environment, businesses must deliver seamless IT support across time zones, devices, and departments. This SlideShare explores how companies can strategically combine in-house expertise with offshore talent to build a high-performing, cost-efficient help desk operation.
From the benefits and challenges of offshore support to practical models for integrating global teams, this presentation offers insights, real-world examples, and key metrics for success. Whether you're scaling a startup or optimizing enterprise support, discover how to balance cost, quality, and responsiveness with a hybrid IT support strategy.
Perfect for IT managers, operations leads, and business owners considering global help desk solutions.
SDG 9000 Series: Unleashing multigigabit everywhere
SDG 9000 Series: Unleashing multigigabit everywhereAdtran Adtran’s SDG 9000 Series brings high-performance, cloud-managed Wi-Fi 7 to homes, businesses and public spaces. Built on a unified SmartOS platform, the portfolio includes outdoor access points, ceiling-mount APs and a 10G PoE router. Intellifi and Mosaic One simplify deployment, deliver AI-driven insights and unlock powerful new revenue streams for service providers.
LSNIF: Locally-Subdivided Neural Intersection Function
LSNIF: Locally-Subdivided Neural Intersection FunctionTakahiro Harada Neural representations have shown the potential to accelerate ray casting in a conventional ray-tracing-based rendering pipeline. We introduce a novel approach called Locally-Subdivided Neural Intersection Function (LSNIF) that replaces bottom-level BVHs used as traditional geometric representations with a neural network. Our method introduces a sparse hash grid encoding scheme incorporating geometry voxelization, a scene-agnostic training data collection, and a tailored loss function. It enables the network to output not only visibility but also hit-point information and material indices. LSNIF can be trained offline for a single object, allowing us to use LSNIF as a replacement for its corresponding BVH. With these designs, the network can handle hit-point queries from any arbitrary viewpoint, supporting all types of rays in the rendering pipeline. We demonstrate that LSNIF can render a variety of scenes, including real-world scenes designed for other path tracers, while achieving a memory footprint reduction of up to 106.2x compared to a compressed BVH.
https://arxiv.org/abs/2504.21627
Maxx nft market place new generation nft marketing place
Maxx nft market place new generation nft marketing placeusersalmanrazdelhi PREFACE OF MAXXNFT
MaxxNFT: Powering the Future of Digital Ownership
MaxxNFT is a cutting-edge Web3 platform designed to revolutionize how
digital assets are owned, traded, and valued. Positioned at the forefront of the
NFT movement, MaxxNFT views NFTs not just as collectibles, but as the next
generation of internet equity—unique, verifiable digital assets that unlock new
possibilities for creators, investors, and everyday users alike.
Through strategic integrations with OKT Chain and OKX Web3, MaxxNFT
enables seamless cross-chain NFT trading, improved liquidity, and enhanced
user accessibility. These collaborations make it easier than ever to participate
in the NFT ecosystem while expanding the platform’s global reach.
With a focus on innovation, user rewards, and inclusive financial growth,
MaxxNFT offers multiple income streams—from referral bonuses to liquidity
incentives—creating a vibrant community-driven economy. Whether you
'
re
minting your first NFT or building a digital asset portfolio, MaxxNFT empowers
you to participate in the future of decentralized value exchange.
https://maxxnft.xyz/
Cognitive Chasms - A Typology of GenAI Failure Failure Modes
Cognitive Chasms - A Typology of GenAI Failure Failure ModesDr. Tathagat Varma My talk on Cognitive Chasms at the brownbag session inside Walmart