用jQuery玩弄你的網頁2

•

10 likes•800 views

This document provides an overview of jQuery, including: 1. It introduces jQuery as a JavaScript library that makes working with HTML documents faster and easier. 2. It explains that the $() function is used to select and manipulate DOM elements using CSS selectors. 3. It gives examples of how jQuery can be used to handle events, add/remove classes, make AJAX requests, and create interactive UI elements like accordions and sliders.

Technology

Agenda
●
JavaScript Library
●
$() function
●
Event Handling
●
Effects

JavaScript Library
●
jQuery
●
Prototype
●
YUI

什麼是 jQuery ?
●
開放原始碼的 JavaScript Library
●
支援大部分的瀏覽器 ( 包括 IE)
●
檔案很小 (15KB)
●
擴充容易
●
各大網站愛用 ( 包括 MS)
●
無縫連結其他 Library

9

$() function
●
jQuery wrapper (based on CSS Selector)
●
公用函式
●
document.ready
●
建立 DOM 元素
●
擴展 jQuery

12

bind(type[, data], fn) /
trigger(event)

44

GET vs POST
●
GET ●
POST
– 用來取得 server 端的 – 用來變更 server 端的
資料。狀態。
– 如：資料庫的 read – 如：資料庫的 create,
update, delete

53

get(url[, data][, callback][, type])

54

post(url[, data][, callback][, type])

55

getJSON(url[, data][, callback][,
type])

56

UI
●
Draggable ●
Accordion ● Blind
●
Bounce
●
Droppable ●
Datepicker
●
Clip
●
Resizable ●
Dialog ●
Drop
●
Selectable ●
Progressbar ●
Explode
●
Sortable ●
Slider ●
Fold
●
Tabs ● Highlight
●
Pulsate
●
Scale
●
Shake
●
Slide
58
● Transfer

1. Modify code to change cube into pyramid. 2. Make the pyramid into a shattered pyramid. HTML: Rotate XRotate YRotate ZToggle Rotation Oops ... your browser doesn't support the HTML5 canvas element Javascript: "use strict"; var shadedCube = function() { var canvas; var gl; var numPositions = 36; var positionsArray = []; var normalsArray = []; var vertices = [ vec4(-0.5, -0.5, 0.5, 1.0), vec4(-0.5, 0.5, 0.5, 1.0), vec4(0.5, 0.5, 0.5, 1.0), vec4(0.5, -0.5, 0.5, 1.0), vec4(-0.5, -0.5, -0.5, 1.0), vec4(-0.5, 0.5, -0.5, 1.0), vec4(0.5, 0.5, -0.5, 1.0), vec4(0.5, -0.5, -0.5, 1.0) ]; var lightPosition = vec4(1.0, 1.0, 1.0, 0.0); var lightAmbient = vec4(0.2, 0.2, 0.2, 1.0); var lightDiffuse = vec4(1.0, 1.0, 1.0, 1.0); var lightSpecular = vec4(1.0, 1.0, 1.0, 1.0); var materialAmbient = vec4(1.0, 0.0, 1.0, 1.0); var materialDiffuse = vec4(1.0, 0.8, 0.0, 1.0); var materialSpecular = vec4(1.0, 0.8, 0.0, 1.0); var materialShininess = 100.0; var ctm; var ambientColor, diffuseColor, specularColor; var modelViewMatrix, projectionMatrix; var viewerPos; var program; var xAxis = 0; var yAxis = 1; var zAxis = 2; var axis = 0; var theta = vec3(0, 0, 0); var thetaLoc; var flag = false; function quad(a, b, c, d) { var t1 = subtract(vertices[b], vertices[a]); var t2 = subtract(vertices[c], vertices[b]); var normal = cross(t1, t2); normal = vec3(normal); positionsArray.push(vertices[a]); normalsArray.push(normal); positionsArray.push(vertices[b]); normalsArray.push(normal); positionsArray.push(vertices[c]); normalsArray.push(normal); positionsArray.push(vertices[a]); normalsArray.push(normal); positionsArray.push(vertices[c]); normalsArray.push(normal); positionsArray.push(vertices[d]); normalsArray.push(normal); } function colorCube() { quad(1, 0, 3, 2); quad(2, 3, 7, 6); quad(3, 0, 4, 7); quad(6, 5, 1, 2); quad(4, 5, 6, 7); quad(5, 4, 0, 1); } window.onload = function init() { canvas = document.getElementById("gl-canvas"); gl = canvas.getContext('webgl2'); if (!gl) alert( "WebGL 2.0 isn't available"); gl.viewport(0, 0, canvas.width, canvas.height); gl.clearColor(1.0, 1.0, 1.0, 1.0); gl.enable(gl.DEPTH_TEST); // // Load shaders and initialize attribute buffers // program = initShaders(gl, "vertex-shader", "fragment-shader"); gl.useProgram(program); colorCube(); var nBuffer = gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER, nBuffer); gl.bufferData(gl.ARRAY_BUFFER, flatten(normalsArray), gl.STATIC_DRAW); var normalLoc = gl.getAttribLocation(program, "aNormal"); gl.vertexAttribPointer(normalLoc, 3, gl.FLOAT, false, 0, 0); gl.enableVertexAttribArray(normalLoc); var vBuffer = gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER, vBuffer); gl.bufferData(gl.ARRAY_BUFFER, flatten(positionsArray), gl.STATIC_DRAW); var positionLoc = gl.getAttribLocation(program, "aPosition"); gl.vertexAttribPointer(positionLoc, 4, gl.FLOAT, false, 0, 0); gl.enableVertexAttribArray(positionLoc); thetaLoc = gl.getUniformLocation(program, "theta"); viewerPos = vec3(0.0, 0.0, -20.0); projectionMatr.

Efficient JavaScript Development

wolframkriesing

Hacking with ruby2ruby

Marc Chung

Dr. Strangelove or: How I learned to stop worrying and love HTML, CSS and Jav...

RobotDeathSquad

如何在有限資源下實現十年的後端服務演進

Mu Chun Wang

我目前在一間經歷無數次後端演進的旅遊新創公司，在過去的幾年裡，我們陸續面對著各種挑戰，包括 Parse.com 的服務停止、為應對 Google maps 的收費政策而自建景點資料庫、漸進式導入 REST、使用 prerender 提升 SEO、使用 async 服務提升可用性、運用 CDN 快速讀取圖片、從 CSR 轉型到 SSR、導入電商服務，以及開始支援導購商品...等不計其數的功能。每一項功能的實現不僅需要後端的協助，還要確保前端的相容性，以免讓使用者陷入無法使用服務的狀態。而我在這次的分享中，將聊聊在只有一個專職後端的情況下，讓大家了解如何進行後端服務演進的挑戰和策略。

深入淺出 autocomplete

Mu Chun Wang

autocomplete 是現代軟體服務最重要的特性之一，使用者在輸入框輸入了文字，軟體服務就會回傳最適當的選項給使用者，而使用者可以依照回傳的各個選項中選擇其中一個執行動作。一般的技術文章，大都從前端的角度探討如何在輸入文字時，利用 debounce 和 throttle 這兩個技術，提升使用者的操作體驗及減少後端的負擔。極少探討後端如何實作 autocomplete 的資料結構，讓資料能夠快速回傳給前端。這次的分享主要就是完全從後端的角度來探討如何利用 Redis 或 Elasticsearch 這類 NoSQL 實作 autocomplete，也會分享多個 autocomplete 常見的情境。最後也會分享進入正式環境時的技術選型，應該用 Redis 還是用 Elasticsearch 比較好。

Similar to 用jQuery玩弄你的網頁2

An in-depth look at jQuery

Paul Bakaus

版本控制系統介紹Mu Chun Wang

DOSUG Intro to JQuery JavaScript Framework

Matthew McCullough

A Re-Introduction to JavaScript

Simon Willison

The Dom Scripting Toolkit J QueryQConLondon2008

JavaScript for Flex Devs

Aaronius

History of jQuery

jeresig

JavaScript the Smart Way - Getting Started with jQuery

katbailey

sysprog3 Part2

Ahmed Mekkawy

What Can Compilers Do for Us?

National Cheng Kung University

Using jQuery to Extend CSSChris Coyier

MS TechDays 2011 - HTML 5 All the Awesome BitsSpiffy

tutorial5tutorialsruby

Html5 game programming overview민태 김

jQuery (MeshU)

jeresig

1. Modify code to change cube into pyramid.2. Make the pyramid int.pdf

alokopticalswatchco0

Efficient JavaScript Development

wolframkriesing

Hacking with ruby2ruby

Marc Chung

Dr. Strangelove or: How I learned to stop worrying and love HTML, CSS and Jav...

RobotDeathSquad

Similar to 用jQuery玩弄你的網頁2 (20)

An in-depth look at jQuery

版本控制系統介紹

DOSUG Intro to JQuery JavaScript Framework

A Re-Introduction to JavaScript

The Dom Scripting Toolkit J Query

JavaScript for Flex Devs

History of jQuery

JavaScript the Smart Way - Getting Started with jQuery

sysprog3 Part2

What Can Compilers Do for Us?

Using jQuery to Extend CSS

MS TechDays 2011 - HTML 5 All the Awesome Bits

tutorial5

Html5 game programming overview

jQuery (MeshU)

1. Modify code to change cube into pyramid.2. Make the pyramid int.pdf

Efficient JavaScript Development

Hacking with ruby2ruby

Dr. Strangelove or: How I learned to stop worrying and love HTML, CSS and Jav...

More from Mu Chun Wang

如何在有限資源下實現十年的後端服務演進

深入淺出 autocomplete

你畢業後要任職的軟體業到底都在做些什麼事

網路服務就是一連串搜尋的集合體

大家出遊前會在搜尋引擎上找景點或遊記，進而找到 Funliday，進入網站後又會在站內搜尋其他景點來規劃行程。所以這次演講的上半段會分享我們應該要如何做好搜尋引擎最佳化 (SEO)，讓使用者在搜尋時能夠更容易找到我們的內容。下半段則是分享我們如何使用 Elasticsearch，讓使用者在站內輸入關鍵字時，能更容易知道使用者的搜尋意圖，並且提供有用的內容。此次分享預計包括：seo, elasticsearch, autocomplete, ssr, schema.org, google search console

老司機帶你上手 PostgreSQL 關聯式資料庫系統

Mu Chun Wang

使用 PostgreSQL 及 MongoDB 從零開始建置社群必備的按讚追蹤功能

Mu Chun Wang

按讚、追蹤是網路社群必備的兩個功能，但最容易與使用者互動的這兩個功能，後端其實花了不少功夫達成。這場分享會先從按讚功能講起，包括如何利用 PostgreSQL 設計易維護的 table 以及如何使用 lock 避免重複按讚；後半段則是會結合 MongoDB，讓使用者發文時，能夠快速通知他的追蹤者。至少會提到的內容包括： * PostgreSQL table 設計 * MongoDB collection 設計 * Redis lock 應用 * Message Queue 發送通知

Funliday 新創生活甘苦談

Mu Chun Wang

大解密！用 PostgreSQL 提升 350 倍的 Funliday 推薦景點計算速度

Mu Chun Wang

Funliday 是一個極度依賴景點資料的網路服務，大家從十月開始在使用 Funliday 在「景點瀏覽」輸入城市，或者是移動地圖出現的推薦景點，應該都是極速出現，跟之前兩年的速度實在是相差甚遠。這中間的差異主要是調整了演算法、儲存資料以及索引，更重要的是不要求絕對即時，這樣子可以讓計算的時間加快了 350 倍以上，這場分享就是解釋 Funliday 是如何利用上面這些技術加快計算時間。文字筆記：https://www.facebook.com/kewang.information/posts/2728954360714254 預計提到的內容包括：PostgreSQL、Redis、CDN

如何使用 iframe 製作一個易於更新及更安全的前端套件

Mu Chun Wang

Funliday 即將提供熱點圖的 library 給網站開發者，可以把熱點圖嵌入到網頁內，用地圖的方式呈現未來旅遊熱點圖，讓大家了解哪些地區比較熱門。而這場 talk 會分享如何利用 Leaflet, iframe 及 expressjs 建置一套熱點圖 library，內容包括 1. 如何快速使用 iframe 開發 library 2. 如何驗證 domain 及 API 呼叫次數 3. 想將內部數據公開但又想避免內部數據外流

pppr - 解決 JavaScript 無法被搜尋引擎正確索引的問題

Mu Chun Wang

在使用前端三巨頭開發網站的時候，如果沒特別對 meta tag 做處理的話，render 出來的結果會造成 social network 或是 search engine 的內容出現極大落差。而 prerender 可以將這種爬蟲類的 request，使用 headless chrome 的方式將內容完整呈現出來。這場分享會從 CSR (client-side rendering) 及 SSR (server-side rendering) 的差異開場，帶入 Funliday 自行開發的 prerender 套件 pppr，以及 pppr 解決了哪些原本 prerender.io 不足的地方，並讓大家了解在使用 prerender 技術時會遇到的一些問題。本次分享預計會提到下列內容：prerender, nodejs, expressjs, puppeteer, nginx, CSR, SSR, LRU cache, CDN

模糊也是一種美 - 從 BlurHash 探討前後端上傳圖片架構

Mu Chun Wang

BlurHash 可以用來增強在觀看圖片時的使用者體驗，用 30 bytes 就能呈現出有意義的 placeholder。但不同的圖片存取架構在實作 BlurHash encode 的時候會有不同做法。這次的分享就會用 BlurHash 做為引子，帶入前端上傳圖片以及後端上傳圖片兩種系統架構要注意的地方。主要內容包括：BlurHash、S3、CDN、Nodejs、SocketIO、Message queue、Image processing, Lazy loading、React kewang 會以後端為主，分享以前後端不同方式上傳圖片的注意事項；而 simon 則會以前端 React 為主，並帶入 BlurHash + Lazy loading 的實作過程以及注意事項

Google Maps 開始收費了該怎麼辦？

Mu Chun Wang

Google Maps API 在 2018/7 開始收費後，Funliday 估算每個月要付很多很多很多很多錢給 Google，為了不要被 Google 的龐大費用壓垮，Funliday 開始自建 LBS 資料庫 (POIBank)。這次就是要分享建置 POIBank 時所必備的工具，包括常用的座標系 4326 & 3857 轉換、畫邊界的 GeoJSON、標範圍的 GeoHash、轉換地址經緯度的 Pelias、OpenStreetMap 圖資及 PostgreSQL (PostGIS) 的效能調校技巧外，也會搭配真實案例讓大家了解如何利用這些開發工具建置一個 LBS 資料庫。

Git 可以做到的事

Mu Chun Wang

那些大家常忽略的 Cache-Control

Mu Chun Wang

大家在開發完一個網路服務之後，所謂的效能最佳化常常就是畫面調整、資料庫反正規化、讀寫分離、業務分離、加 MQ、加 Redis......不計其數的各種最佳化手段。但對於 HTTP 規範中的 Cache-Control 就比較常忽略。 Cache-Control 可以幫助 client 減少發送不必要的 request，也可以幫助 server 減少不必要的資料庫存取。有效提高 server 的 throughput。這個 talk 除了介紹 Cache-Control 的運作原理外，也會展示如何利用常見的 framework 整合 Cache-Control 及 in-memory store 提高你的 server 效能。也會分享如何利用 ZooKeeper 來解決多台 server 在 invalidate cache 之後，in-memory store 不一致的同步問題。

如何利用 OpenAPI 及 WebHooks 讓老舊的網路服務也可程式化

Mu Chun Wang

大家都談 OpenData 那麼久了，也該是來聊聊 OpenAPI 才對。這場演講會利用現在台灣佔有率蠻高的企業內部服務 (外部：Library) 及企業即時通訊軟體 (內部：OpenAPI) 為展示，讓大家了解如何讓老舊的網路服務也能 Open 出來。最後會再分享一下什麼是 WebHooks，以及如何實作及要注意的細節。期許之後大家所開發的網路服務不只能夠接收外部資料 (OpenAPI)，也能即時提供內部資料給外部服務 (WebHooks)。

如何與全世界分享你的 Library

Mu Chun Wang

牛頓說過「如果說我看得比別人遠，那是因為我站在巨人的肩上」，這句話的意思就是要你善用現有資源。但是你也可以更進一步，做個開源者分享你自己的資源。這場 talk 主要是拿 Java 為例子，教大家如何使用 GitHub, JitPack, Bintray......等服務，分享你寫好的輪子給全世界。另外也讓大家知道如何利用 semver 訂定版本號，再加上各種 git branch 策略，順利分享你的輪子。

如何與 Git 優雅地在樹上唱歌

Mu Chun Wang

版本控制是現今軟體開發大家都一定要會的技能，而 Git 更是目前的版本控制主流。這場演講不教大家最基本的 Git 指令，而是分享大家最困擾的分支策略及存取模型，也會分享我們在多環境開發時的分支策略，更推薦大家如何利用 GitLab 來管理程式碼。也會分享如何利用 Redmine + Git 來管理 issue。最後也會加上如何用 SemVer 制定版號。 Git 易學難精，每個專案也都有自己不同的分支及存取策略。希望這場演講能讓大家在管理程式碼時更容易上手。

API Blueprint - API 文件規範的三大領頭之一

Mu Chun Wang

團體共同協作與版本管理 - 01認識共同協作

Mu Chun Wang

Git 經驗分享

Mu Chun Wang

More from Mu Chun Wang (20)

如何在有限資源下實現十年的後端服務演進

深入淺出 autocomplete

你畢業後要任職的軟體業到底都在做些什麼事

網路服務就是一連串搜尋的集合體

老司機帶你上手 PostgreSQL 關聯式資料庫系統

使用 PostgreSQL 及 MongoDB 從零開始建置社群必備的按讚追蹤功能

Funliday 新創生活甘苦談

大解密！用 PostgreSQL 提升 350 倍的 Funliday 推薦景點計算速度

如何使用 iframe 製作一個易於更新及更安全的前端套件

pppr - 解決 JavaScript 無法被搜尋引擎正確索引的問題

模糊也是一種美 - 從 BlurHash 探討前後端上傳圖片架構

Google Maps 開始收費了該怎麼辦？

Git 可以做到的事

那些大家常忽略的 Cache-Control

如何利用 OpenAPI 及 WebHooks 讓老舊的網路服務也可程式化

如何與全世界分享你的 Library

如何與 Git 優雅地在樹上唱歌

API Blueprint - API 文件規範的三大領頭之一

團體共同協作與版本管理 - 01認識共同協作

Git 經驗分享

Recently uploaded

Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!

SOFTTECHHUB

As the digital landscape continually evolves, operating systems play a critical role in shaping user experiences and productivity. The launch of Nitrux Linux 3.5.0 marks a significant milestone, offering a robust alternative to traditional systems such as Windows 11. This article delves into the essence of Nitrux Linux 3.5.0, exploring its unique features, advantages, and how it stands as a compelling choice for both casual users and tech enthusiasts.

Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...

James Anderson

Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management. The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM). Speakers: Bob Boule Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle. Gopinath Rebala Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.

Generative AI Deep Dive: Advancing from Proof of Concept to Production

Aggregage

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

DanBrown980551

Do you want to learn how to model and simulate an electrical network from scratch in under an hour? Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)! During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook. PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides: - A fully editable and extendable library for grid component modelling; - Visualization tools to display your network; - Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses; The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well. What you will learn during the webinar: - For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills; - For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.

GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...

Neo4j

Leonard Jayamohan, Partner & Generative AI Lead, Deloitte This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.

Video Streaming: Then, Now, and in the Future

Alpen-Adria-Universität

In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.

Mind map of terminologies used in context of Generative AI

Kumud Singh

Large Language Model (LLM) and it’s Geospatial Applications

Rohit Gautam

Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx

nkrafacyberclub

Removing Uninteresting Bytes in Software Fuzzing

Aftab Hussain

Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process. In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds. - These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.

20240607 QFM018 Elixir Reading List May 2024

Matthew Sinclair

Essentials of Automations: The Art of Triggers and Actions in FME

Safe Software

In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation. We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios. Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!

Climate Impact of Software Testing at Nordic Testing Days

Kari Kakkonen

My slides at Nordic Testing Days 6.6.2024 Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.

UiPath Test Automation using UiPath Test Suite series, part 6

DianaGray10

Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI. UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities. Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes. What will you get from this session? 1. Insights into integrating generative AI. 2. Understanding how this integration enhances test automation within the UiPath platform 3. Practical demonstrations 4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath Topics covered: What is generative AI Test Automation with generative AI and Open AI. UiPath integration with generative AI Speaker: Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

How to Get CNIC Information System with Paksim Ga.pptx

danishmna97

PCI PIN Basics Webinar from the Controlcase Team

ControlCase

Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...

SOFTTECHHUB

The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing. One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.

Microsoft - Power Platform_G.Aspiotis.pdf

Uni Systems S.M.S.A.

Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf

Paige Cruz

Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack. While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack. I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:

Uni Systems Copilot event_05062024_C.Vlachos.pdf

Uni Systems S.M.S.A.

Recently uploaded (20)

Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!

Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...

Generative AI Deep Dive: Advancing from Proof of Concept to Production

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...

Video Streaming: Then, Now, and in the Future

Mind map of terminologies used in context of Generative AI

Large Language Model (LLM) and it’s Geospatial Applications

Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx

Removing Uninteresting Bytes in Software Fuzzing

20240607 QFM018 Elixir Reading List May 2024

Essentials of Automations: The Art of Triggers and Actions in FME

Climate Impact of Software Testing at Nordic Testing Days

UiPath Test Automation using UiPath Test Suite series, part 6

How to Get CNIC Information System with Paksim Ga.pptx

PCI PIN Basics Webinar from the Controlcase Team

Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...

Microsoft - Power Platform_G.Aspiotis.pdf

Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf

Uni Systems Copilot event_05062024_C.Vlachos.pdf

用jQuery玩弄你的網頁2

1. 用 jQuery 玩弄你的網頁 (2) kewang

2. Agenda ● JavaScript Library ● $() function ● Event Handling ● Effects

3. JavaScript Library 3

4. 讓工作更快速！ 4

5. 跨瀏覽器更簡單！ 5

6. 寫的少做的多！ 6

7. JavaScript Library ● jQuery ● Prototype ● YUI

8. 什麼是 jQuery ? 8

9. 什麼是 jQuery ? ● 開放原始碼的 JavaScript Library ● 支援大部分的瀏覽器 ( 包括 IE) ● 檔案很小 (15KB) ● 擴充容易 ● 各大網站愛用 ( 包括 MS) ● 無縫連結其他 Library 9

10. 什麼是 jQuery ? 10

11. $() function 11

12. $() function ● jQuery wrapper (based on CSS Selector) ● 公用函式 ● document.ready ● 建立 DOM 元素 ● 擴展 jQuery 12

13. 用傳統方式存取 DOM 元素 13

14. 用 jQuery 存取 DOM 元素 14

15. jQuery Core 15

16. size() / length 16

17. each(fn) 17

18. get() 18

19. Attributes 19

20. attr(name) 20

21. attr(key, value) 21

22. attr(properties) 22

23. attr(key, fn) 23

24. addClass(class) 24

25. hasClass(class) 25

26. removeClass(class) 26

27. toggleClass(class) 27

28. Set/Get html 28

29. Set/Get text 29

30. Set/Get value 30

31. empty() 31

32. CSS 32

33. css(name) 33

34. css(name, value) 34

35. css(properties) 35

36. Set/Get Height & Width 36

37. Events - ready() 37

38. ready() 38

39. ready() 39

40. Events 40

41. click()/click(fn) 41

42. hover(over, out) 42

43. toggle(fn, fn2[, fn3, ...]) 43

44. bind(type[, data], fn) / trigger(event) 44

45. Effects 45

46. hide() / hide(speed[, callback]) 46

47. Effects - Basic 47

48. Effects - Sliding 48

49. Effects - Fading 49

50. Ajax 50

51. Ajax - 傳統寫法 51

52. Ajax - jQuery 寫法 52

53. GET vs POST ● GET ● POST – 用來取得 server 端的 – 用來變更 server 端的資料。狀態。 – 如：資料庫的 read – 如：資料庫的 create, update, delete 53

54. get(url[, data][, callback][, type]) 54

55. post(url[, data][, callback][, type]) 55

56. getJSON(url[, data][, callback][, type]) 56

57. UI 57

58. UI ● Draggable ● Accordion ● Blind ● Bounce ● Droppable ● Datepicker ● Clip ● Resizable ● Dialog ● Drop ● Selectable ● Progressbar ● Explode ● Sortable ● Slider ● Fold ● Tabs ● Highlight ● Pulsate ● Scale ● Shake ● Slide 58 ● Transfer

59. Accordion 59

60. Datepicker 60

61. Dialog 61

62. Progressbar 62

63. Slider 63

64. Tabs 64

65. 10 tips 65

66. Be lazy 66

67. Use shortcut 67

68. Chain 68

69. Group queries 69

70. Select siblings like a pro 70

71. Use each and map 71

72. Use namespaces 72

73. triggerHandler is great 73

74. Custom events 74

75. Test 75

76. 兩天的魔鬼訓練總算結束啦！！！ 76

用jQuery玩弄你的網頁2

Recommended

Recommended

More Related Content

Similar to 用jQuery玩弄你的網頁2

Similar to 用jQuery玩弄你的網頁2 (20)

More from Mu Chun Wang

More from Mu Chun Wang (20)

Recently uploaded

Recently uploaded (20)

用jQuery玩弄你的網頁2