This document provides an introduction to jQuery, including:
- jQuery is a JavaScript library that simplifies HTML document interaction and event handling. It was created by John Resig in 2006.
- The current version is 1.3.2 and version 1.4 is coming soon. John Resig continues to develop jQuery in Boston.
- jQuery selects elements, changes their properties, handles events, and makes AJAX calls to simplify common JavaScript tasks. It works by selecting DOM elements and running functions on the selection.
React JS is a JavaScript library for building user interfaces. It uses virtual DOM and one-way data binding to render components efficiently. Everything in React is a component - they accept custom inputs called props and control the output display through rendering. Components can manage private state and update due to props or state changes. The lifecycle of a React component involves initialization, updating due to state/prop changes, and unmounting from the DOM. React promotes unidirectional data flow and single source of truth to make views more predictable and easier to debug.
JavaScript is a client-side scripting language that can be inserted into HTML pages to make them interactive. It allows dynamic validation of forms, changing HTML element properties like visibility, and reacting to user events like clicks or form submissions. The Document Object Model (DOM) represents an HTML or XML document as a tree structure, allowing JavaScript to programmatically access and modify the content, structure, and styling of the document. Common built-in JavaScript objects include String, Date, Array, Math, and Boolean, which provide properties and methods for manipulating text, dates, lists of values, numbers, and true/false values.
The document discusses the Document Object Model (DOM), which defines the logical structure of objects in an HTML document and how they can be manipulated with JavaScript. The DOM represents an HTML document as nodes and objects that can be accessed and modified with JavaScript. All HTML elements, text, and attributes can be accessed through the DOM to be modified, deleted, or have new elements created. Events allow scripts to run in response to user actions on a page.
JavaScript is a scripting language used primarily for client-side web development. It is based on the ECMAScript standard but browsers support additional objects like Window and DOM objects. JavaScript can be used to create dynamic and interactive effects on web pages like menus, alerts, and updating content without reloading. It is commonly used for form validation, AJAX applications, and other interactive features. The document provides examples of basic JavaScript concepts like variables, data types, operators, and control structures and how to embed scripts in HTML.
This document introduces Flask, a Python framework for building web applications. It explains that Flask uses Python decorators to define routes for the web server. Before writing a Flask application, the reader is instructed to install Python, pip, virtualenv, and Flask within a new project directory. The basics of writing a Flask application are then covered, including running the application and defining routes to return responses. The document ends with quiz questions and resources for learning more about Flask.
This document provides an introduction to JavaScript, covering basic concepts like data types, variables, operators, conditionals, loops, functions, arrays, and objects. It explains that JavaScript is an interpreted language that allows dynamic and interactive functionality on websites. Key points are demonstrated through examples, like using alert to output "Hello World" and basic math operations with variables.
The document provides an overview of Bootstrap, including:
- Bootstrap is an open-source HTML, CSS, and JS framework for developing responsive mobile-first websites and web apps.
- It contains utilities for typography, forms, buttons, navigation, and other interface components, as well as optional JavaScript extensions.
- The document describes various Bootstrap components like grids, navigation, buttons, forms, images, alerts, progress bars, and panels. It provides code examples for how to implement these components.
This document provides an overview of JavaScript and the DOM (Document Object Model) for a web programming course. It introduces JavaScript as a scripting language used to add interactivity to HTML pages. It describes what JavaScript can do, such as dynamically updating text and reacting to events. It also covers JavaScript syntax, variables, operators, functions, and objects. A significant portion of the document is devoted to explaining the DOM and how it allows JavaScript to access and modify HTML elements and structure programmatically.
Bootstrap is a free front-end framework for building responsive, mobile-first websites and web apps. It contains HTML and CSS-based design templates and components for things like typography, forms, buttons, navigation, and other interface components, as well as optional JavaScript extensions. Bootstrap features responsive grid system, tables, forms, buttons, navigation and other elements for developing responsive web pages and applications. It helps developers design websites faster without writing much custom CSS code.
This document provides an introduction to Angular, including its history and architecture. Angular is a TypeScript-based front-end framework for building client-side dynamic web applications. It discusses when to use Angular, such as for large complex projects or apps with dynamic content. The document also covers Angular's modules, components, data binding, directives, services and dependency injection.
The document provides an overview of React including its introduction, prerequisites, installation, fundamentals, components, life cycle, routing, hooks, Redux, projects, testing, comparison to Angular, and tips for React developers. It discusses key React concepts such as JSX, props, state, events, DOM, and virtual DOM.
Getting started with the reactjs, basics of reactjs, introduction of reactjs, core concepts of reactjs and comparison with the other libraries/frameworks
This document summarizes the history and benefits of AngularJS. It explains that AngularJS was originally created in 2009 as a side project by Misko Hevery and Adam Abrons to build a tool for both front-end and back-end development. When working on a Google project called Google Feedback, Hevery was able to rewrite 17,000 lines of code into 1,500 lines using his AngularJS framework by taking advantage of its features like separation of concerns, modularity, and reusable components. The document then lists some key benefits of AngularJS like being lightweight, free, and improving structure, quality, organization and maintainability of code.
This document provides an introduction to JavaScript and its uses for web programming. It explains that JavaScript is a client-side scripting language that allows web pages to become interactive. Some key points covered include:
- JavaScript can change HTML content, styles, validate data, and make calculations.
- Functions are blocks of code that perform tasks when invoked by events or called in code.
- Events like clicks or keyboard presses trigger JavaScript code.
- The DOM (Document Object Model) represents an HTML document that JavaScript can access and modify.
- Forms and user input can be accessed and processed using the DOM.
- Programming flow can be controlled with conditional and loop statements.
-
JavaScript is a scripting language that allows dynamic interactivity on web pages. It was invented by Brendan Eich and can be used to create image galleries, layout changes, and button click responses. JavaScript code can be placed between <script> tags in HTML documents or in external .js files. Some key features include client-side execution in web browsers, dynamic rendering variations across browsers, and potential security issues if not implemented carefully. Common uses of JavaScript include manipulating DOM elements, handling events, and validating forms.
The document provides an introduction to ReactJS, including:
- ReactJS is a JavaScript library developed by Facebook for building user interfaces.
- It uses virtual DOM for rendering UI components efficiently. Only updated components are re-rendered.
- Components are the basic building blocks of React apps. They accept input and return React elements to describe what should appear on the screen.
- The main steps to set up a React app are installing React and ReactDOM libraries, adding JSX syntax, and rendering components onto the DOM using ReactDOM.render().
This year ECMA International will be ratifying the biggest update to the JavaScript language in its history. In this talk we'll look at key features already appearing in browsers as well as those coming in the near future. We'll also explore how you can begin leveraging the power of ES6 across all browsers today. If you haven't looked at JavaScript recently, you soon realize that a bigger, better world awaits.
JavaScript - An Introduction is a beginner's guide to JavaScript. It starts with very basic level and goes to intermediate level. You'll be introduced with every language constructs, Event handling, Form handling and AJAX which is supported by JavaScript with XMLHttpRequest object. This XHR object is discussed in enough detail so that you can understand how the underlying AJAX functionality works in jQuery. At the end it discusses advance concepts and library build on/around JavaScript.
This document discusses JavaScript data types including numbers, strings, Booleans, objects, undefined, and null. It notes that JavaScript is a dynamically typed language where variables do not need to be declared. The key data types are described, for example numbers can be integers or floats, strings are immutable sequences of characters, Booleans have two values of true or false, and objects store keyed collections of values that can be changed. The differences between null and undefined are presented as a question for an exercise.
The document introduces the jQuery library, which is a popular JavaScript library that simplifies tasks like HTML document traversal, event handling, animating, and Ajax interactions. It notes that over 20% of websites use jQuery and outlines some of its main capabilities like selecting elements, hiding/showing elements, and loading remote HTML. Alternatives to jQuery are mentioned but it is positioned as standing alone in popularity based on Google search volumes.
- jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, events, animations and Ajax interactions for rapid web development.
- It was released in 2006 and abstracts away browser quirks to write less code using a simpler syntax.
- jQuery selects elements, handles events, performs animations and loads data asynchronously via Ajax calls to build dynamic web page content.
This document provides an overview of configuration in Grails, including basic configuration, environments, data sources, dependency resolution, and more.
The basic configuration files are BuildConfig.groovy and Config.groovy. BuildConfig.groovy contains settings for Grails commands while Config.groovy contains runtime settings. Both files can access implicit configuration variables.
Environments like development, test, and production can be configured separately. Data sources are configured in DataSource.groovy and drivers are typically resolved using Ivy or Maven. Dependency resolution in Grails uses a DSL to control how plugins and JARs are resolved.
This document discusses why services are important in software development. It explains that putting multiple responsibilities in a single class can introduce bugs, and it is better to separate different types of tasks into different classes or services. The document then provides guidance on creating and using services in Grails, including injecting services, transaction management, and different scopes that services can have.
The document discusses several Grails plugins:
1. The Mail plugin allows sending emails from Grails applications. It can be installed and configured with Gmail SMTP settings.
2. The Quartz plugin schedules jobs to run on intervals or cron expressions. Jobs can be defined with triggers and executed.
3. The Console plugin provides an interactive Groovy console for debugging applications. It uses local or remote storage.
4. The Database Migration plugin helps manage database changes with Liquibase. Changelogs can be generated from domains and synced to the database.
The BootStrap.groovy file is used to simulate example data when a Grails application starts. It creates sample User and Role domain objects and establishes relationships between them. It also configures email settings and sends startup and shutdown notifications using the mailService.
This document provides an overview of Object Relational Mapping (ORM) using GORM in Grails. It discusses how GORM uses Hibernate under the hood and provides examples of basic CRUD operations and associations like one-to-many and many-to-many relationships. It also covers querying with GORM using dynamic finders, where queries, criteria, HQL and advanced features like events and custom mappings.
Linux is an open-source operating system with a kernel developed by Linus Torvalds. The kernel manages system resources and communication between hardware and software. Common Linux commands include alias, wget, find, chmod, scp, ssh, grep, cd, cp, vim, ifconfig, hostname, ps, kill, pwd, passwd, ln, mkdir, and rmdir. File permissions are defined using owner, group, and other designations with read, write and execute attributes. Ports can be configured using commands like -Dgrails.server.port.http in Grails applications.
This document discusses views, modals, templates, layouts, taglibs, scaffolding, and forwarding vs redirecting in Grails. It provides examples of rendering views, using templates, creating layouts with header and footer sections, generating a tag library, scaffolding a Book controller, and forwarding vs redirecting between actions. It also mentions services for rendering pages and generating links.
This document introduces the Grails framework. It discusses that Grails is an open source web application framework built on Groovy and follows conventions over configuration. The document outlines the history, components, advantages and disadvantages of Grails. It also lists some prominent websites that use Grails like Netflix and Sky TV Guide. Finally, it discusses the future of Grails including separation from application servers and evolution of GORM for NoSQL databases.
This document provides an overview of Groovy, including:
- Groovy is a dynamic language for the Java platform that adds features like closures and operator overloading.
- It started in 2003 and the latest version is 2.4.
- Groovy allows for dynamic typing, closure support, easier setup than Java, and integration with existing Java code and libraries.
- Key Groovy features covered include closures, operator overloading, GString, dynamic vs static typing, and working with files.
This document provides an overview of Groovy collections including lists, sets, ranges, and maps. It describes how to initialize, add/remove elements, and perform common operations on each type of collection. Examples are given for retrieving, modifying, sorting, and transforming elements within lists, sets, and maps. Prerequisites include knowledge of Java collections and a basic understanding of Groovy and closures. Helpful references for further reading on Groovy collections are also included.
Groovy provides metaprogramming capabilities through its Meta-Object Protocol (MOP). The MOP allows dynamically injecting, synthesizing, and mixing methods at runtime. This is done by manipulating metaclasses, which contain metadata about classes and allow intercepting method calls. Demonstrations show adding methods to classes like Integer to check for evenness, intercepting method calls, and mixing methods from other types. Metaprogramming with Groovy's MOP provides flexibility to dynamically modify classes and their behavior.
Docker is an open platform for developing, shipping, and running
applications. Docker is designed to deliver your applications faster. With
Docker you can separate your applications from your infrastructure and
treat your infrastructure like a managed application. Docker helps you
ship code faster, test faster, deploy faster, and shorten the cycle
between writing code and running code.
This document provides an introduction and overview of MongoDB including what MongoDB is, how to install and configure it, common database commands, and CRUD operations. MongoDB is an open-source document database that provides high performance and automatic scaling. Records in MongoDB are documents composed of field-value pairs similar to JSON objects. The document covers installing MongoDB, starting the MongoDB service, basic CRUD commands like insert, find, update, and remove, and provides examples of each.
Unit testing allows testing individual units of code in isolation using Spock, a testing framework for Java and Groovy. Spock specifications extend Specification and contain fixture methods like setup() and feature methods to define test cases and expected behavior. Feature methods use blocks like when, then, and expect to define stimuli and verify outputs. Spock supports data-driven testing using a data table and mocking dependencies using Mock() to focus testing on the unit. Basic Spock commands include running tests with grails test-app and viewing test reports.
Mixpanel is the most advanced analytics platform for mobile & web. Instead of measuring pageviews, it helps you analyze the actions people take in your application. An action can be anything - someone uploading a picture, playing a video, or sharing a post, for example
Actors are a model of concurrent computation that treats isolated "actors" as the basic unit. Actors communicate asynchronously by message passing and avoid shared state. This model addresses issues in Java's thread/lock model like deadlocks. In Gpars, actors include stateless actors like DynamicDispatchActor and stateful actors like DefaultActor. The demo shows examples of stateless and stateful actors in Gpars.
jQuery is a JavaScript library that makes HTML document manipulation and event handling easier. It was created in 2006 and the current version is 2.1.4. This document provides an introduction to jQuery, including how it was developed, what it does, how to install it and learn it. It also summarizes jQuery's capabilities like selecting elements, handling events, animations, and AJAX calls. The document outlines a 4 session plan to cover jQuery basics like selecting elements, formatting text, adding page elements, events, animations and using jQuery plugins. It provides examples of common jQuery functions.
jQuery Makes Writing JavaScript Fun Again (for HTML5 User Group)Doris Chen
Get frustrated by cross-browser incompatibility? Hate to develop application using JavaScript? jQuery is a powerful JavaScript library that can enhance your websites regardless of your background. jQuery is fast, lean, simple and hugely expandable, enabling you to build compelling web applications quickly and easily. In this session, we will start with a quick introduction of jQuery, illustrate what’s so good about jQuery, and demonstrate step by step how to develop jQuery Ajax application efficiently with database, web services, OData, NetFlix and ASP.NET MVC. Microsoft is now shipping, supporting, and contributing to jQuery, with ASP.NET and Visual Studio. New features which will be available in the next release of jQuery such as globalization, templating and data-linking will be introduced in the session as well.
This document introduces jQuery, including its environment, implementation, and use with jQuery UI. jQuery is a JavaScript library that simplifies client-side scripting by providing methods for selecting elements, handling events, performing animations and AJAX requests, and manipulating the DOM. The document provides examples of using jQuery for these tasks and binding jQuery UI widgets like tabs.
jQuery is a lightweight JavaScript library that makes HTML document traversal and manipulation, event handling, animation, and Ajax interactions easier. It takes common tasks that require many lines of JavaScript code and wraps them into methods that can be called with a single line of code. Originally created in 2006, jQuery simplifies HTML document navigation and manipulation, as well as event handling, CSS animation, and Ajax interactions for rapid web development. It has a simple syntax of $() selector and action() methods and is now one of the most popular JavaScript libraries.
jQuery is a lightweight JavaScript library that makes HTML document traversal and manipulation, event handling, animation, and Ajax interactions easier. It takes common tasks that require many lines of JavaScript code and wraps them into methods that can be called with a single line of code. Originally created in 2006, jQuery simplifies HTML document navigation and manipulation, as well as event handling, CSS animation, and Ajax interactions for rapid web development. It has a simple syntax of $() selector and action() to select and perform actions on HTML elements.
jQuery is a JavaScript framework that provides useful functionality for common programming tasks related to the client-side manipulation of web pages. It simplifies tasks like DOM manipulation, event handling, animation, and Ajax interactions. While powerful, jQuery is not a substitute for JavaScript and does not solve every problem - it works best when used to enhance JavaScript where it makes tasks easier. jQuery selects elements, applies functions to matched elements, and returns jQuery objects to allow chaining of methods.
jQuery is a lightweight JavaScript library that simplifies HTML and JavaScript interaction. It was developed by John Resig at Mozilla to simplify tasks like DOM manipulation, event handling, animation, and Ajax interactions. jQuery selects elements, handles events, performs animations, and ajax calls to simplify development. Common uses include forms, menus, tabs, sliders, and slideshows. The main benefits are a large community, ease of use, strong documentation, and ability to add functionality through plugins.
This document provides an overview of jQuery, including what it is, how to install it, basic syntax, selectors, manipulating CSS classes and styles, adding/removing elements, handling events, showing/hiding elements, and animations. jQuery is a JavaScript library that simplifies tasks like DOM manipulation, event handling, animations and Ajax. It works by using CSS-like selectors to select elements and then calling methods on those elements.
This document provides an overview of jQuery, including:
- What jQuery is and its main advantages like simplifying JavaScript programming
- How to enable jQuery and the basic jQuery syntax
- The differences between JavaScript and jQuery
- Common jQuery selectors, events, and effects like show(), hide(), fadeIn(), etc.
It covers the main concepts in jQuery like selecting elements, events, and animations at a high level in order to introduce the reader to what jQuery is and its basic functionality.
The document provides an agenda and introduction for a jQuery training session. It begins with the trainer's credentials and then outlines the topics to be covered in the training, including an introduction to jQuery, DOM manipulation, events, effects, Ajax, and plugins. It provides details on the first topic of an introduction to jQuery, covering motivation for jQuery, its history, what jQuery is, how it compares to other libraries, and how to get started with jQuery. It discusses DOM ready handlers, selecting elements, traversing the DOM, and manipulating attributes.
jQuery is a JavaScript library that makes it easier to manipulate HTML and handle browser events. It provides tools to select DOM elements, handle events, create animations, and communicate with servers without page reloads. The $ alias is commonly used to access jQuery methods and properties. Code inside $(document).ready() will run when the DOM is ready to be manipulated. Common jQuery selectors include ID, class name, element name, and attributes to select elements on a page.
jQuery is the new favorite of web developers. This lightweight JavaScript library makes developers love writing JavaScript code again! What needed 20 lines of code first is now reduced to 3 lines. Who wouldn’t be enthusiastic?! Microsoft showed its love for the library by fully integrating it in Visual Studio. I dare to ask: Should you stay behind? In this session, we’ll take a look at jQuery and we’ll teach you what you need to know to get on your way. More specifically, we’ll look at selectors, attributes, working with WCF, jQuery UI and much more. You may walk out of this session wearing a sticker: “I love jQuery”!
JavaScript for ASP.NET programmers (webcast) uploadRuss Fustino
Russ Fustino is the Head of Developer Evangelism at ComponentOne. He discusses how ASP.NET developers can use JavaScript and HTML5 to build mobile-ready websites. He explains key JavaScript technologies like jQuery, jQuery UI, and Wijmo that simplify Ajax and widget development. He also demonstrates how to use Knockout.js to add MVVM support and data binding to Wijmo widgets.
jQuery - the world's most popular java script library comes to XPagesMark Roden
This document discusses using jQuery with XPages. It begins with an introduction to jQuery, explaining that it is a popular JavaScript library that simplifies document manipulation, events, animation, and AJAX. It then compares jQuery to Dojo and provides guidance on when each should be used. The document demonstrates how jQuery works via its API and methods. It also explains how to add jQuery to an XPages application either directly in code or via a theme. Finally, it discusses jQuery plugins and how they can provide ready-made functionality to solve requirements.
SPTechCon - Share point and jquery essentialsMark Rackley
This document provides an outline for a workshop on using jQuery and SharePoint. The workshop will cover jQuery overview and common methods, deployment and development tools and techniques, interacting with SharePoint and the DOM, reading and writing SharePoint list data, using third party jQuery libraries, and building a sample application. Key topics include jQuery vs JavaScript, common jQuery methods, debugging tools, retrieving and updating SharePoint fields, SPServices vs client object model, and recommendations for third party jQuery libraries.
This document provides an introduction to jQuery, a lightweight JavaScript library. It discusses jQuery's benefits like less code, improved efficiency, excellent documentation. It also covers jQuery concepts like DOM scripting, unobtrusive code, and the $() function. The document demonstrates jQuery selectors, HTML manipulation, CSS manipulation, events, effects, and AJAX calls. It mentions that Microsoft will distribute jQuery with Visual Studio.
This document discusses jQuery, a JavaScript library that simplifies HTML document manipulation and user interaction. It allows selecting elements, modifying content and styling, handling events, and using AJAX. Some key benefits are cross-browser support, CSS-like syntax, and an active developer community. Examples provided demonstrate using jQuery for forms, chatboxes, menus, animations and more. Selectors allow finding elements by ID, class, type and other attributes. Events like click can have functions attached. jQuery is used by many large companies and helps abstract away browser differences.
This document discusses jQuery, a JavaScript library that simplifies HTML document manipulation and user interaction. It allows selecting elements, modifying content and styling, handling events, and using AJAX. Some key benefits are cross-browser compatibility and a CSS-like syntax. Examples provided include forms, chat boxes, menus, and animations. Selectors allow finding elements by ID, class, type and other attributes. Events like click can have functions attached. jQuery is used by many large companies and helps build interactive web pages.
Alexa is Amazon’s cloud-based voice service.
It is a way to communicate the system using our voice.
Alexa provides a set of built-in capabilities, referred to as skills.
GraalVM is an ecosystem and runtime that provides performance advantages to JVM languages like Java, Scala, Groovy, and Kotlin as well as other languages. It includes a just-in-time compiler called Graal that improves efficiency, polyglot APIs for combining languages, and SDK for embedding languages and creating native images. Installation can be done with the JDK which includes Graal starting with JDK 9, or by directly downloading GraalVM from Oracle's website.
This document provides an overview of Docker and Kubernetes (K8S). It defines Docker as an open platform for developing, shipping and running containerized applications. Key Docker features include isolation, low overhead and cross-cloud support. Kubernetes is introduced as an open-source tool for automating deployment, scaling, and management of containerized applications. It operates at the container level. The document then covers K8S architecture, including components like Pods, Deployments, Services and Nodes, and how K8S orchestrates containers across clusters.
Apache Commons is an Apache project focused on all aspects of reusable Java components.
It is divided into three components: Commons Proper, Commons Sandbox, Commons Dormant.
This document provides an overview of HazelCast IMDG (In-Memory Data Grid), which is middleware software that manages objects across distributed servers in RAM, enabling scaling and fault tolerance. It discusses cache access patterns, cache types, use cases for HazelCast including scaling applications and sharing data across clusters, features like dynamic clustering and distributed data structures, data partitioning, and configurations. It also covers advanced techniques, alternatives to HazelCast like Redis, and performance comparisons.
Mysql PRO provides an overview of MySQL basics, architecture, transactions, triggers, PL/SQL, and engines. The document discusses SELECT statements, joins, INSERT, UPDATE, DELETE, and transactions. It explains MySQL architecture including optimization, execution, and concurrency control using table locks and row locks. Transactions ensure atomicity and consistency by allowing statements to be treated as single units that either all succeed or fail as a whole.
The document discusses microservice architecture using Spring Boot with React and Redux. It defines a microservice as a software development technique where an application is composed of loosely coupled services. It outlines characteristics of microservice architecture such as independent, loosely coupled services that communicate via APIs and can be deployed independently. The document provides an example portal application architecture broken into microservices and discusses components like API gateways, service discovery, configuration services, and client libraries.
Swagger is an open source software framework backed by
a large ecosystem of tools that helps developers
design, build, document and consume RESTful Web
services.
The theory of SOLID principles was
introduced by Robert C. Martin in his 2000
paper “Design Principles and Design
Patterns”.
SOLID => Single Responsibility, Open/Closed, Liskov Substitution, Interface Segregation, Dependency Inversion.
ArangoDB is a native multi-model database system developed by triAGENS GmbH. The database system supports three important data models (key/value, documents, graphs) with one database core and a unified query language AQL (ArangoDB Query Language). ArangoDB is a NoSQL database system but AQL is similar in many ways to SQL
TypeScript is a superset of JavaScript that adds optional static typing and class-based object-oriented programming. It adds additional features like interfaces and modules to JavaScript to allow code to scale. The document provides an introduction to TypeScript, explaining what it is, why to use it, its basic types, annotations, functions, interfaces, classes, generics, modules, and compiling. It also provides references for further reading.
The document contains code for 6 sample smart contracts:
1) An Adder contract that allows adding two integers and setting/getting a name string
2) A Greeter contract that allows setting/getting a greeting string
3) An AuditLog contract that logs a uid, audit details, and date
4) A Voting contract that allows voting for candidates and getting vote counts
5) A FeverContract that tracks temperature, allows increasing/decreasing it, and checks for fever
6) Each contract code includes functions for setting/getting values and other relevant logic
The document describes the steps to create a private Ethereum network with 4 nodes using the same genesis block. It details how to initialize and start each node with different ports, check connectivity between nodes, create and transfer accounts, and begin mining to generate blocks across the network. The genesis code provided specifies the initial empty state of the private network before any transactions occur.
Geth is widely used to interact with Ethereum networks. Ethereum software enables a user to set up a
“private” or “testnet” Ethereum chain. This chain will be totally different from main chain.
Component that tell geth that we want to use/create a private Ethereum Chain:
1. Custom Genesis file
2. Custom Data Directory
3. Custom Network Id
4. Disable Node Discovery
Ethereum is an open software platform based on blockchain technology that enables developers to
build and deploy decentralized applications.
Ethereum is a distributed public blockchain network.
While the Bitcoin blockchain is used to track ownership of digital currency (bitcoins), the Ethereum
blockchain focuses on running the programming code of any decentralized application.
Ether is a cryptocurrency whose blockchain is generated by the Ethereum platform. Ether can be
transferred between accounts and used to compensate participant mining nodes for computations
performed.
The document discusses microservices architecture and how to implement it using Spring Boot and Spring Cloud. It describes how microservices address challenges with monolithic architectures like scalability and innovation. It then covers how to create a microservices-based application using Spring Boot, register services with Eureka, communicate between services using RestTemplate and Feign, and load balance with Ribbon.
This document provides an introduction to Redux, including what it is, its core principles and building blocks. Redux is a predictable state container for JavaScript apps that can be used with frameworks like React, Angular and Vue. It follows the Flux architecture pattern and is based on three principles - state is immutable, state can only be changed through actions, and changes are made with pure functions called reducers. The main building blocks are actions, reducers and the store.
Google Authenticator is a software token that implements two-step verification services using the Time-based One-time Password Algorithm (TOTP) and HMAC-based One-time Password Algorithm (HOTP), for authenticating users of mobile applications by Google. The service implements algorithms specified in RFC 6238 and RFC 4226, respectively.
Transcript: Details of description part II: Describing images in practice - T...BookNet Canada
This presentation explores the practical application of image description techniques. Familiar guidelines will be demonstrated in practice, and descriptions will be developed “live”! If you have learned a lot about the theory of image description techniques but want to feel more confident putting them into practice, this is the presentation for you. There will be useful, actionable information for everyone, whether you are working with authors, colleagues, alone, or leveraging AI as a collaborator.
Link to presentation recording and slides: https://bnctechforum.ca/sessions/details-of-description-part-ii-describing-images-in-practice/
Presented by BookNet Canada on June 25, 2024, with support from the Department of Canadian Heritage.
Quality Patents: Patents That Stand the Test of TimeAurora Consulting
Is your patent a vanity piece of paper for your office wall? Or is it a reliable, defendable, assertable, property right? The difference is often quality.
Is your patent simply a transactional cost and a large pile of legal bills for your startup? Or is it a leverageable asset worthy of attracting precious investment dollars, worth its cost in multiples of valuation? The difference is often quality.
Is your patent application only good enough to get through the examination process? Or has it been crafted to stand the tests of time and varied audiences if you later need to assert that document against an infringer, find yourself litigating with it in an Article 3 Court at the hands of a judge and jury, God forbid, end up having to defend its validity at the PTAB, or even needing to use it to block pirated imports at the International Trade Commission? The difference is often quality.
Quality will be our focus for a good chunk of the remainder of this season. What goes into a quality patent, and where possible, how do you get it without breaking the bank?
** Episode Overview **
In this first episode of our quality series, Kristen Hansen and the panel discuss:
⦿ What do we mean when we say patent quality?
⦿ Why is patent quality important?
⦿ How to balance quality and budget
⦿ The importance of searching, continuations, and draftsperson domain expertise
⦿ Very practical tips, tricks, examples, and Kristen’s Musts for drafting quality applications
https://www.aurorapatents.com/patently-strategic-podcast.html
Implementations of Fused Deposition Modeling in real worldEmerging Tech
The presentation showcases the diverse real-world applications of Fused Deposition Modeling (FDM) across multiple industries:
1. **Manufacturing**: FDM is utilized in manufacturing for rapid prototyping, creating custom tools and fixtures, and producing functional end-use parts. Companies leverage its cost-effectiveness and flexibility to streamline production processes.
2. **Medical**: In the medical field, FDM is used to create patient-specific anatomical models, surgical guides, and prosthetics. Its ability to produce precise and biocompatible parts supports advancements in personalized healthcare solutions.
3. **Education**: FDM plays a crucial role in education by enabling students to learn about design and engineering through hands-on 3D printing projects. It promotes innovation and practical skill development in STEM disciplines.
4. **Science**: Researchers use FDM to prototype equipment for scientific experiments, build custom laboratory tools, and create models for visualization and testing purposes. It facilitates rapid iteration and customization in scientific endeavors.
5. **Automotive**: Automotive manufacturers employ FDM for prototyping vehicle components, tooling for assembly lines, and customized parts. It speeds up the design validation process and enhances efficiency in automotive engineering.
6. **Consumer Electronics**: FDM is utilized in consumer electronics for designing and prototyping product enclosures, casings, and internal components. It enables rapid iteration and customization to meet evolving consumer demands.
7. **Robotics**: Robotics engineers leverage FDM to prototype robot parts, create lightweight and durable components, and customize robot designs for specific applications. It supports innovation and optimization in robotic systems.
8. **Aerospace**: In aerospace, FDM is used to manufacture lightweight parts, complex geometries, and prototypes of aircraft components. It contributes to cost reduction, faster production cycles, and weight savings in aerospace engineering.
9. **Architecture**: Architects utilize FDM for creating detailed architectural models, prototypes of building components, and intricate designs. It aids in visualizing concepts, testing structural integrity, and communicating design ideas effectively.
Each industry example demonstrates how FDM enhances innovation, accelerates product development, and addresses specific challenges through advanced manufacturing capabilities.
UiPath Community Day Kraków: Devs4Devs ConferenceUiPathCommunity
We are honored to launch and host this event for our UiPath Polish Community, with the help of our partners - Proservartner!
We certainly hope we have managed to spike your interest in the subjects to be presented and the incredible networking opportunities at hand, too!
Check out our proposed agenda below 👇👇
08:30 ☕ Welcome coffee (30')
09:00 Opening note/ Intro to UiPath Community (10')
Cristina Vidu, Global Manager, Marketing Community @UiPath
Dawid Kot, Digital Transformation Lead @Proservartner
09:10 Cloud migration - Proservartner & DOVISTA case study (30')
Marcin Drozdowski, Automation CoE Manager @DOVISTA
Pawel Kamiński, RPA developer @DOVISTA
Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner
09:40 From bottlenecks to breakthroughs: Citizen Development in action (25')
Pawel Poplawski, Director, Improvement and Automation @McCormick & Company
Michał Cieślak, Senior Manager, Automation Programs @McCormick & Company
10:05 Next-level bots: API integration in UiPath Studio (30')
Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner
10:35 ☕ Coffee Break (15')
10:50 Document Understanding with my RPA Companion (45')
Ewa Gruszka, Enterprise Sales Specialist, AI & ML @UiPath
11:35 Power up your Robots: GenAI and GPT in REFramework (45')
Krzysztof Karaszewski, Global RPA Product Manager
12:20 🍕 Lunch Break (1hr)
13:20 From Concept to Quality: UiPath Test Suite for AI-powered Knowledge Bots (30')
Kamil Miśko, UiPath MVP, Senior RPA Developer @Zurich Insurance
13:50 Communications Mining - focus on AI capabilities (30')
Thomasz Wierzbicki, Business Analyst @Office Samurai
14:20 Polish MVP panel: Insights on MVP award achievements and career profiling
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfjackson110191
These fighter aircraft have uses outside of traditional combat situations. They are essential in defending India's territorial integrity, averting dangers, and delivering aid to those in need during natural calamities. Additionally, the IAF improves its interoperability and fortifies international military alliances by working together and conducting joint exercises with other air forces.
Sustainability requires ingenuity and stewardship. Did you know Pigging Solutions pigging systems help you achieve your sustainable manufacturing goals AND provide rapid return on investment.
How? Our systems recover over 99% of product in transfer piping. Recovering trapped product from transfer lines that would otherwise become flush-waste, means you can increase batch yields and eliminate flush waste. From raw materials to finished product, if you can pump it, we can pig it.
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdfNeo4j
Presented at Gartner Data & Analytics, London Maty 2024. BT Group has used the Neo4j Graph Database to enable impressive digital transformation programs over the last 6 years. By re-imagining their operational support systems to adopt self-serve and data lead principles they have substantially reduced the number of applications and complexity of their operations. The result has been a substantial reduction in risk and costs while improving time to value, innovation, and process automation. Join this session to hear their story, the lessons they learned along the way and how their future innovation plans include the exploration of uses of EKG + Generative AI.
Choose our Linux Web Hosting for a seamless and successful online presencerajancomputerfbd
Our Linux Web Hosting plans offer unbeatable performance, security, and scalability, ensuring your website runs smoothly and efficiently.
Visit- https://onliveserver.com/linux-web-hosting/
Details of description part II: Describing images in practice - Tech Forum 2024BookNet Canada
This presentation explores the practical application of image description techniques. Familiar guidelines will be demonstrated in practice, and descriptions will be developed “live”! If you have learned a lot about the theory of image description techniques but want to feel more confident putting them into practice, this is the presentation for you. There will be useful, actionable information for everyone, whether you are working with authors, colleagues, alone, or leveraging AI as a collaborator.
Link to presentation recording and transcript: https://bnctechforum.ca/sessions/details-of-description-part-ii-describing-images-in-practice/
Presented by BookNet Canada on June 25, 2024, with support from the Department of Canadian Heritage.
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-InTrustArc
Six months into 2024, and it is clear the privacy ecosystem takes no days off!! Regulators continue to implement and enforce new regulations, businesses strive to meet requirements, and technology advances like AI have privacy professionals scratching their heads about managing risk.
What can we learn about the first six months of data privacy trends and events in 2024? How should this inform your privacy program management for the rest of the year?
Join TrustArc, Goodwin, and Snyk privacy experts as they discuss the changes we’ve seen in the first half of 2024 and gain insight into the concrete, actionable steps you can take to up-level your privacy program in the second half of the year.
This webinar will review:
- Key changes to privacy regulations in 2024
- Key themes in privacy and data governance in 2024
- How to maximize your privacy program in the second half of 2024
Best Practices for Effectively Running dbt in Airflow.pdfTatiana Al-Chueyr
As a popular open-source library for analytics engineering, dbt is often used in combination with Airflow. Orchestrating and executing dbt models as DAGs ensures an additional layer of control over tasks, observability, and provides a reliable, scalable environment to run dbt models.
This webinar will cover a step-by-step guide to Cosmos, an open source package from Astronomer that helps you easily run your dbt Core projects as Airflow DAGs and Task Groups, all with just a few lines of code. We’ll walk through:
- Standard ways of running dbt (and when to utilize other methods)
- How Cosmos can be used to run and visualize your dbt projects in Airflow
- Common challenges and how to address them, including performance, dependency conflicts, and more
- How running dbt projects in Airflow helps with cost optimization
Webinar given on 9 July 2024
The Rise of Supernetwork Data Intensive ComputingLarry Smarr
Invited Remote Lecture to SC21
The International Conference for High Performance Computing, Networking, Storage, and Analysis
St. Louis, Missouri
November 18, 2021
Are you interested in dipping your toes in the cloud native observability waters, but as an engineer you are not sure where to get started with tracing problems through your microservices and application landscapes on Kubernetes? Then this is the session for you, where we take you on your first steps in an active open-source project that offers a buffet of languages, challenges, and opportunities for getting started with telemetry data.
The project is called openTelemetry, but before diving into the specifics, we’ll start with de-mystifying key concepts and terms such as observability, telemetry, instrumentation, cardinality, percentile to lay a foundation. After understanding the nuts and bolts of observability and distributed traces, we’ll explore the openTelemetry community; its Special Interest Groups (SIGs), repositories, and how to become not only an end-user, but possibly a contributor.We will wrap up with an overview of the components in this project, such as the Collector, the OpenTelemetry protocol (OTLP), its APIs, and its SDKs.
Attendees will leave with an understanding of key observability concepts, become grounded in distributed tracing terminology, be aware of the components of openTelemetry, and know how to take their first steps to an open-source contribution!
Key Takeaways: Open source, vendor neutral instrumentation is an exciting new reality as the industry standardizes on openTelemetry for observability. OpenTelemetry is on a mission to enable effective observability by making high-quality, portable telemetry ubiquitous. The world of observability and monitoring today has a steep learning curve and in order to achieve ubiquity, the project would benefit from growing our contributor community.
1. jQueryjQuery
The Way to JavaScript and RichThe Way to JavaScript and Rich
Internet ApplicationsInternet Applications
2. Introduction to jQueryIntroduction to jQuery
• Developed by John Resig at Rochester Institute of TechnologyDeveloped by John Resig at Rochester Institute of Technology
• ““jQueryjQuery is a lightweightis a lightweight JavaScript libraryJavaScript library that emphasizesthat emphasizes
interaction betweeninteraction between JavaScriptJavaScript andand HTMLHTML. It was released in. It was released in
January 2006 atJanuary 2006 at BarCampBarCamp NYC byNYC by John ResigJohn Resig.”.”
• ““jQuery isjQuery is free, open source softwarefree, open source software Dual-licensedDual-licensed under theunder the
MIT LicenseMIT License and theand the GNU General Public LicenseGNU General Public License.”.”
• ““It’s all about simplicity. Why should web developers be forced toIt’s all about simplicity. Why should web developers be forced to
write long, complex, book-length pieces of code when they want towrite long, complex, book-length pieces of code when they want to
create simple pieces of interaction?”create simple pieces of interaction?”
• Current version is 1.3.2.Current version is 1.3.2.
• Version 1.4 due out soon.Version 1.4 due out soon.
3. John ResigJohn Resig
• John Resig is a JavaScript Tool DeveloperJohn Resig is a JavaScript Tool Developer
for thefor the Mozilla CorporationMozilla Corporation and the authorand the author
of the bookof the book Pro JavaScript TechniquesPro JavaScript Techniques..
He's also the creator and lead developer ofHe's also the creator and lead developer of
thethe jQuery JavaScript libraryjQuery JavaScript library..
• Currently, John is located in Boston, MA.Currently, John is located in Boston, MA.
He's hard at work on his second book,He's hard at work on his second book,
Secrets of the JavaScript NinjaSecrets of the JavaScript Ninja, due in, due in
bookstores in 2009.bookstores in 2009.
• MicrosoftMicrosoft andand NokiaNokia have announcedhave announced
plans to bundle jQuery on their platforms,plans to bundle jQuery on their platforms,
[1][1] Microsoft adopting it initially withinMicrosoft adopting it initially within
Visual StudioVisual Studio[2][2] for use within Microsoft'sfor use within Microsoft's
ASP.NET AJAXASP.NET AJAX framework andframework and
ASP.NET MVC FrameworkASP.NET MVC Framework whilst Nokiawhilst Nokia
will integrate it into their Web Run-Timewill integrate it into their Web Run-Time
platform.platform.
4. Introduction to jQueryIntroduction to jQuery
• Why do I want itWhy do I want it
– Rich Internet Applications (RIA)Rich Internet Applications (RIA)
– Dynamic HTML (DHTML)Dynamic HTML (DHTML)
• How do I get itHow do I get it
– www.jquery.comwww.jquery.com
• How can I learn itHow can I learn it
– jQuery in ActionjQuery in Action by Bibeault & Katz, Manningby Bibeault & Katz, Manning
– jQuery Visual Quickstart GuidejQuery Visual Quickstart Guide by Holzner, Peachpitby Holzner, Peachpit
– www.jquery.comwww.jquery.com
– docs.jquery.comdocs.jquery.com
– www.visualjquery.comwww.visualjquery.com
– www.Jqueryfordesigners.comwww.Jqueryfordesigners.com
– www.gscottolson.com/weblog/ - cheat sheetwww.gscottolson.com/weblog/ - cheat sheet
– www.javascripttoolbox.com/jquerywww.javascripttoolbox.com/jquery
5. Plan for the 4 sessionsPlan for the 4 sessions
• Class I – Introduction, installation, “HowdyClass I – Introduction, installation, “Howdy
World”, Ready function, DOM, SelectingWorld”, Ready function, DOM, Selecting
and Formatting web page elementsand Formatting web page elements
• Class II – Events and AnimationsClass II – Events and Animations
• Class III – jQuery Plugin librariesClass III – jQuery Plugin libraries
• Class IV – AJAX with PHP and ASP.NETClass IV – AJAX with PHP and ASP.NET
6. Introduction to jQueryIntroduction to jQuery
• Installation – You just download theInstallation – You just download the
jquery-1.3.2.js file and put it in yourjquery-1.3.2.js file and put it in your
website folderwebsite folder
– Can access via URLCan access via URL
7. What jQuery DoesWhat jQuery Does
• ““Unobtrusive” JavaScript – separation ofUnobtrusive” JavaScript – separation of
behaviorbehavior from structurefrom structure
• CSS – separation ofCSS – separation of stylestyle from structurefrom structure
• Allows adding JavaScript to your web pagesAllows adding JavaScript to your web pages
• Advantages overAdvantages over justjust JavaScriptJavaScript
– Much easier to useMuch easier to use
– Eliminates cross-browser problemsEliminates cross-browser problems
• HTML to CSS to DHTMLHTML to CSS to DHTML
8. 5 Things jQuery Provides5 Things jQuery Provides
• Select DOM (Document Object Model) elementsSelect DOM (Document Object Model) elements
on a page – one element or a group of themon a page – one element or a group of them
• Set properties of DOM elements, in groupsSet properties of DOM elements, in groups
(“Find something, do something with it”)(“Find something, do something with it”)
• Creates, deletes, shows, hides DOM elementsCreates, deletes, shows, hides DOM elements
• Defines event behavior on a page (click, mouseDefines event behavior on a page (click, mouse
movement, dynamic styles, animations, dynamicmovement, dynamic styles, animations, dynamic
content)content)
• AJAX callsAJAX calls
9. The DOMThe DOM
• Document Object ModelDocument Object Model
• jQuery is “DOM scripting”jQuery is “DOM scripting”
• Heirarchal structure of a web pageHeirarchal structure of a web page
• You can add and subtract DOM elementsYou can add and subtract DOM elements
on the flyon the fly
• You can change the properties andYou can change the properties and
contents of DOM elements on the flycontents of DOM elements on the fly
10. The DOMThe DOM
• ““TheThe Document Object ModelDocument Object Model ((DOMDOM) is a cross-platform and) is a cross-platform and
language-independent convention for representing and interactinglanguage-independent convention for representing and interacting
with objects in HTML, XHTML and XML documents. Aspects of thewith objects in HTML, XHTML and XML documents. Aspects of the
DOM (such as its "Elements") may be addressed and manipulatedDOM (such as its "Elements") may be addressed and manipulated
within the syntax of the programming language in use.” Wikipediawithin the syntax of the programming language in use.” Wikipedia
11. The jQuery FunctionThe jQuery Function
• jQuery() = $()jQuery() = $()
• $(function)$(function) The “Ready” handlerThe “Ready” handler
• $(‘selector’)$(‘selector’) Element selector expressionElement selector expression
• $(element)$(element) Specify element(s) directlySpecify element(s) directly
• $(‘HTML’)$(‘HTML’) HTML creationHTML creation
• $.function()$.function() Execute a jQuery functionExecute a jQuery function
• $.fn.myfunc(){}$.fn.myfunc(){} Create jQuery functionCreate jQuery function
12. Tutorial 1 – The Ready FunctionTutorial 1 – The Ready Function
• Set up a basic HTML page and add jQuerySet up a basic HTML page and add jQuery
• Create a “ready” functionCreate a “ready” function
• Call a functionCall a function
• 5 ways to specify the ready function5 ways to specify the ready function
– jquery(document).ready(function(){…};);jquery(document).ready(function(){…};);
– jquery().ready(function(){…};)jquery().ready(function(){…};)
– jquery(function(){…};)jquery(function(){…};)
– jquery(dofunc);jquery(dofunc);
– $(dofunc);$(dofunc);
13. Tutorial 2 – Selecting ElementsTutorial 2 – Selecting Elements
Creating a “wrapped set”Creating a “wrapped set”
• $(selector)$(selector)
• selector:selector:
– $(‘#id’)$(‘#id’) id of elementid of element
– $(‘p’)$(‘p’) tag nametag name
– $(‘.class’)$(‘.class’) CSS classCSS class
– $(‘p.class’)$(‘p.class’) <p> elements having the CSS class<p> elements having the CSS class
– $(‘p:first’)$(‘p:first’) $(‘p:last’)$(‘p:last’) $(‘p:odd’)$(‘p:odd’) $(‘p:even’)$(‘p:even’)
– $(‘p:eq(2)’)$(‘p:eq(2)’) gets the 2gets the 2ndnd
<p> element (1 based)<p> element (1 based)
– $(‘p’)[1]$(‘p’)[1] gets the 2gets the 2ndnd
<p> element (0 based)<p> element (0 based)
– $(‘p:nth-child(3))$(‘p:nth-child(3)) gets the 3gets the 3rdrd
<p> element of the parent. n=even, odd too.<p> element of the parent. n=even, odd too.
– $(‘p:nth-child(5n+1)’)$(‘p:nth-child(5n+1)’) gets the 1gets the 1stst
element after every 5th oneelement after every 5th one
– $(‘p a’)$(‘p a’) <a> elements, descended from a <p><a> elements, descended from a <p>
– $(‘p>a’)$(‘p>a’) <a> elements, direct child of a <p><a> elements, direct child of a <p>
– $(‘p+a’)$(‘p+a’) <a> elements, directly following a <p><a> elements, directly following a <p>
– $(‘p, a’)$(‘p, a’) <p> and <a> elements<p> and <a> elements
– $(‘li:has(ul)’)$(‘li:has(ul)’) <li> elements that have at least one <ul> descendent<li> elements that have at least one <ul> descendent
– $(‘:not(p)’)$(‘:not(p)’) all elements but <p> elementsall elements but <p> elements
– $(‘p:hidden’)$(‘p:hidden’) only <p> elements that are hiddenonly <p> elements that are hidden
– $(‘p:empty’)$(‘p:empty’) <p> elements that have no child elements<p> elements that have no child elements
14. Selecting Elements, cont.Selecting Elements, cont.
• $(‘img’[alt])$(‘img’[alt]) <img> elements having an alt attribute<img> elements having an alt attribute
• $(‘a’[href^=http://])$(‘a’[href^=http://]) <a> elements with an href attribute<a> elements with an href attribute
starting with ‘http://’starting with ‘http://’
• $(‘a’[href$=.pdf])$(‘a’[href$=.pdf]) <a> elements with an href attribute<a> elements with an href attribute
ending with ‘.pdf’ending with ‘.pdf’
• $(‘a’[href*=ntpcug])$(‘a’[href*=ntpcug]) <a> elements with an href attriute<a> elements with an href attriute
containing ‘ntpcug’containing ‘ntpcug’
15. Useful jQuery FunctionsUseful jQuery Functions
• .each().each() iterate over the setiterate over the set
• .size().size() number of elements in setnumber of elements in set
• .end().end() reverts to the previous setreverts to the previous set
• .get(n).get(n) get just the nth element (0 based)get just the nth element (0 based)
• .eq(n).eq(n) get just the nth element (0 based) also .lt(n) & .gt(n)get just the nth element (0 based) also .lt(n) & .gt(n)
• .slice(n,m).slice(n,m) gets only nth to (m-1)th elementsgets only nth to (m-1)th elements
• .not(‘p’).not(‘p’) don’t include ‘p’ elements in setdon’t include ‘p’ elements in set
• .add(‘p’).add(‘p’) add <p> elements to setadd <p> elements to set
• .remove().remove() removes all the elements from the page DOMremoves all the elements from the page DOM
• .empty().empty() removes the contents of all the elementsremoves the contents of all the elements
• .filter(fn/sel).filter(fn/sel) selects elements where the func returns true or selselects elements where the func returns true or sel
• .find(selector).find(selector) selects elements meeting the selector criteriaselects elements meeting the selector criteria
• .parent().parent() returns the parent of each element in setreturns the parent of each element in set
• .children().children() returns all the children of each element in setreturns all the children of each element in set
• .next().next() gets next element of each element in setgets next element of each element in set
• .prev().prev() gets previous element of each element in setgets previous element of each element in set
• .siblings().siblings() gets all the siblings of the current elementgets all the siblings of the current element
17. Tutorial 4 – Add Page ElementsTutorial 4 – Add Page Elements
• $(‘#target’).before(‘<p>Inserted before #target</p>’);$(‘#target’).before(‘<p>Inserted before #target</p>’);
• $(‘#target’).after(‘<p>This is added after #target</p>’);$(‘#target’).after(‘<p>This is added after #target</p>’);
• $(‘#target’).append(‘<p>Goes inside #target, at end</p>’);$(‘#target’).append(‘<p>Goes inside #target, at end</p>’);
• $(‘#target’).wrap(‘<div></div>’);$(‘#target’).wrap(‘<div></div>’);
19. Event BackgroundEvent Background
• DOM Level 2 Event ModelDOM Level 2 Event Model
– Multiple event handlers, or listeners, can beMultiple event handlers, or listeners, can be
established on an elementestablished on an element
– These handlers cannot be relied upon to runThese handlers cannot be relied upon to run
an any particular orderan any particular order
– When triggered, the event propagates fromWhen triggered, the event propagates from
the top down (capture phase) or bottom upthe top down (capture phase) or bottom up
(bubble phase)(bubble phase)
– IE doesn’t support the “capture phase”IE doesn’t support the “capture phase”
20. Basic Syntax of Event BindingBasic Syntax of Event Binding
• $(‘img’).bind(‘click’,function(event){alert(‘Howdy’;});$(‘img’).bind(‘click’,function(event){alert(‘Howdy’;});
• $(‘img’).bind(‘click’,imgclick(event));$(‘img’).bind(‘click’,imgclick(event));
– Allows unbinding the functionAllows unbinding the function
• $(‘img’).unbind(‘click’,imgclick());$(‘img’).unbind(‘click’,imgclick());
• $(‘img’).unbind(‘click’);$(‘img’).unbind(‘click’);
• $(‘img’).one(‘click’,imgclick(event));$(‘img’).one(‘click’,imgclick(event));
– Only works onceOnly works once
• $(‘img’).click(imgclick);$(‘img’).click(imgclick);
• $(‘img’).toggle(click1, click2);$(‘img’).toggle(click1, click2);
• $(‘img’).hover(mouseover, mouseout);$(‘img’).hover(mouseover, mouseout);
22. ‘‘Event’ propertiesEvent’ properties
• event.targetevent.target ref to element triggering eventref to element triggering event
• Event.target.idEvent.target.id id of element triggering eventid of element triggering event
• event.currentTargetevent.currentTarget
• event.typeevent.type type of event triggeredtype of event triggered
• event.dataevent.data second parm in the bind() funcsecond parm in the bind() func
• Various mouse coordinate propertiesVarious mouse coordinate properties
• Various keystroke related propertiesVarious keystroke related properties
23. Event MethodsEvent Methods
• .stopPropagation().stopPropagation() no bubblingno bubbling
• .preventDefault().preventDefault() no <a> link, no <form> submitno <a> link, no <form> submit
• .trigger(eventType).trigger(eventType) does not actually trigger thedoes not actually trigger the
event, but calls the appropriate function specified as theevent, but calls the appropriate function specified as the
one tied to the eventTypeone tied to the eventType
• .click(), blur(), focus(), select(), submit().click(), blur(), focus(), select(), submit()
– With no parameter, invokes the event handlers, likeWith no parameter, invokes the event handlers, like
trigger does, for all the elements in the wrapped settrigger does, for all the elements in the wrapped set
26. AJAXAJAX
• What is AJAXWhat is AJAX
• The basic AJAX function –The basic AJAX function –
XMLHttpRequestXMLHttpRequest
• Initiating a requestInitiating a request
• Getting the responseGetting the response