用jQuery玩弄你的網頁1

•

11 likes•815 views

The document discusses using jQuery to manipulate a web page. It begins with an agenda covering JavaScript, DOM, and CSS Selectors. It then provides explanations of JavaScript basics, DOM tree structure and how to select elements using different CSS Selectors which can be used with jQuery to modify the page.

Technology

Agenda
●
JavaScript
●
DOM
●
CSS Selector

2

工欲善其事，必先利其器
●
Firefox 系列
– Web Developer + Firebug
●
IE 系列
– IE Developer Toolbar
●
IE6 below
– ...... 投降

7

DOM tree
●
Document Object Model
●
操作所有在網頁上的物件

15

Unobtrusive JavaScript

Graceful Degradation

29

CSS Selector
●
和 DOM 相輔相成
●
利用 CSS 的特性，操作網頁上的所有物件

31

We are all familiar with the common interface development process which is: * first, preparing an interface layout by a designer; * then, making an HTML/CSS dummy; * next, adding some JavaScript tricks with a help of JavaScript ninja; * and, finally, having a server guy operating on templates and doing all the integration stuff. Even while sometimes all these things are done by the same person, these are different roles and different project stages, and you switch from stage to stage to complete the development cycle. When looking for performance gains, people often try to achieve that by changing the way the process is managed. This presentation is about is a completely different approach which changes development from within. The goal is to convert a flat process with distinct stages into a continuous, uninterrupted development flow. You can achieve this by decomposing a web interface into independent pieces (the so-called blocks), once and for all, and use them to build interfaces the same way bricks are used to build a house. Thus, each of these interface components can be developed separately, which allows maintenance, refactoring and redesign to happen simultaneously on different interface parts, whenever necessary. You are not tied to a specific stage of project development anymore. To make this happen, there are several principles you can follow: 1. Special project file structure, where files are stored the way the whole project can be built from components; 2. CSS guidelines that allow an interface piece to fit anywhere on any page without affecting other pieces; 3. In JavaScript, your functionality can be described in a highly semantic way usually unavailable with any other common approach. All this magic is called BEM, which stands for Block, Element, and Modifier. With my presentation, this technology will be revealed in greater detail, and magic explained bit by bit.

Css for Developmenttsengsite

Advanced CSS Troubleshooting

Denise Jacobs

CSS3: Ripe and Ready to Respond

Denise Jacobs

AtlasCamp 2013: Show Me Number! Automated Browser Performance Testing colleenfry

Blueprint & Drafter JS

Prateek Saxena

Css 3poollar

CSS workshop @ OutSystems

Ruben Goncalves

CSS workshop created for internal delivery @ OutSystems. “For most people CSS is like a mystical art that nobody truly understands... Sometimes it works and sometimes it doesn’t (unexplainably) “. Not solely introductory, but also covering more advanced topics, embark in this fantastic adventure that is CSS. There you have it, all you must know about CSS in a NutShell. See the videos of the workshop @ http://goo.gl/NJ3n6J Workshop created by Marco Costa, Miguel Ventura and Rúben Gonçalves

CSS Systems

Natalie Downe

http://natbat.net/2008/Sep/28/css-systems/ - A CSS System is a reusable set of content-oriented markup patterns and associated CSS created to express a site's individual design. It is the end result of a process that emphasizes up-front planning, loose coupling between CSS and markup, pre-empting browser bugs and overall robustness. It also incorporates a shared vocabulary for developers to communicate the intent of the code. This talk elaborates on this concept, and also describes a number of tricks I use to pre-empt maintainability issues. Originally presented at BarCamp London 5 in Richmond on the 28th of September 2008.

Rockstar Graphics with HTML5

Dave Balmer

実践！CSSデザインの「型」でみる視覚表現テクニック

Youji Sakai

Calypso underhood

ESUG

CSSO – compress CSS (english version)

Roman Dvornov

建立前端開發團隊 - 2011 中華電信訓練所版Joseph Chiang

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

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玩弄你的網頁1

CSS3: Ripe and Ready

Denise Jacobs

CSS3: Ripe and Ready to Respond

Denise Jacobs

Simply Responsive CSS3

Denise Jacobs

Intro to CSS3

Denise Jacobs

Html5 Whats around the bend

Raj Lal

Maintainable Frontend Development with BEM

Varya Stepanova

Css for Developmenttsengsite

Advanced CSS Troubleshooting

Denise Jacobs

CSS3: Ripe and Ready to Respond

Denise Jacobs

AtlasCamp 2013: Show Me Number! Automated Browser Performance Testing colleenfry

Blueprint & Drafter JS

Prateek Saxena

Css 3poollar

CSS workshop @ OutSystems

Ruben Goncalves

CSS Systems

Natalie Downe

Rockstar Graphics with HTML5

Dave Balmer

実践！CSSデザインの「型」でみる視覚表現テクニック

Youji Sakai

Calypso underhood

ESUG

CSSO – compress CSS (english version)

Roman Dvornov

建立前端開發團隊 - 2011 中華電信訓練所版Joseph Chiang

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

CSS3: Ripe and Ready

CSS3: Ripe and Ready to Respond

Simply Responsive CSS3

Intro to CSS3

Html5 Whats around the bend

Maintainable Frontend Development with BEM

Css for Development

Advanced CSS Troubleshooting

CSS3: Ripe and Ready to Respond

AtlasCamp 2013: Show Me Number! Automated Browser Performance Testing

Blueprint & Drafter JS

Css 3

CSS workshop @ OutSystems

CSS Systems

Rockstar Graphics with HTML5

実践！CSSデザインの「型」でみる視覚表現テクニック

Calypso underhood

CSSO – compress CSS (english version)

建立前端開發團隊 - 2011 中華電信訓練所版

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

How to Get CNIC Information System with Paksim Ga.pptx

danishmna97

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.

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.

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.

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:

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.

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

Aggregage

PCI PIN Basics Webinar from the Controlcase Team

ControlCase

Artificial Intelligence for XMLDevelopment

Octavian Nadolu

In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject. We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup. Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved. The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring. The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise. By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.

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.

GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...

Neo4j

Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.

RESUME BUILDER APPLICATION Project for students

KAMESHS29

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.

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

20240609 QFM020 Irresponsible AI Reading List May 2024

Matthew Sinclair

Epistemic Interaction - tuning interfaces to provide information for AI support

Alan Dix

Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024 https://alandix.com/academic/papers/synergy2024-epistemic/ As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.

By Design, not by Accident - Agile Venture Bolzano 2024

Pierluigi Pugliese

20240607 QFM018 Elixir Reading List May 2024

Matthew Sinclair

Monitoring Java Application Security with JDK Tools and JFR Events

Ana-Maria Mihalceanu

Recently uploaded (20)

How to Get CNIC Information System with Paksim Ga.pptx

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

Video Streaming: Then, Now, and in the Future

Climate Impact of Software Testing at Nordic Testing Days

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

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

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

PCI PIN Basics Webinar from the Controlcase Team

Artificial Intelligence for XMLDevelopment

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

GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...

RESUME BUILDER APPLICATION Project for students

Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx

Removing Uninteresting Bytes in Software Fuzzing

UiPath Test Automation using UiPath Test Suite series, part 6

20240609 QFM020 Irresponsible AI Reading List May 2024

Epistemic Interaction - tuning interfaces to provide information for AI support

By Design, not by Accident - Agile Venture Bolzano 2024

20240607 QFM018 Elixir Reading List May 2024

Monitoring Java Application Security with JDK Tools and JFR Events

用jQuery玩弄你的網頁1

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

2. Agenda ● JavaScript ● DOM ● CSS Selector 2

3. JavaScript 3

4. 10 年前 ... 4

5. 網站建置百寶箱 5

6. 網站建置百寶箱 6

7. 工欲善其事，必先利其器 ● Firefox 系列 – Web Developer + Firebug ● IE 系列 – IE Developer Toolbar ● IE6 below – ...... 投降 7

8. Hello World 8

9. Hello Maxense 9

10. Variables 10

11. Function 11

12. Confirm 12

13. Prompt 13

14. Document Object Model 14

15. DOM tree ● Document Object Model ● 操作所有在網頁上的物件 15

16. DOM - document 16

17. DOM - document 17

18. DOM Level 0 Event Model 18

19. DOM Level 0 Event Model 19

20. DOM Level 0 Event Model 20

21. DOM Level 0 Event Model 21

22. DOM Level 2 Event Model 22

23. DOM Level 2 Event Model 23

24. Internet Explorer Event Model 24

25. Internet Explorer Event Model 25

26. addEvent() by Koch 26

27. Unobtrusive JavaScript 27

28. Unobtrusive JavaScript 28

29. Unobtrusive JavaScript Graceful Degradation 29

30. CSS Selector 30

31. CSS Selector ● 和 DOM 相輔相成 ● 利用 CSS 的特性，操作網頁上的所有物件 31

32. CSS Selector - #id 32

33. CSS Selector - element 33

34. CSS Selector - .class 34

35. CSS Selector - .class.class 35

36. CSS Selector - * 36

37. CSS Selector - multi-selector 37

38. CSS Selector - ancestor descendant 38

39. CSS Selector - parent > child 39

40. CSS Selector - prev + next 40

41. CSS Selector - prev ~ siblings 41

42. CSS Selector - Basic Filters 42

43. CSS Selector - :even 43

44. CSS Selector - :eq 44

45. CSS Selector - Content Filters 45

46. CSS Selector - :contains(text) 46

47. CSS Selector - :has(selector) 47

48. CSS Selector - Visibility Filters 48

49. CSS Selector - Attribute Filters 49

50. CSS Selector - [attribute] 50

51. CSS Selector - [attribute=value] 51

52. CSS Selector - [attribute^=value] 52

53. CSS Selector - multi-attribute 53

54. CSS Selector - Child Filters 54

55. CSS Selector - :nth-child 55

56. CSS Selector - :only-child 56

57. CSS Selector - Forms 57

58. CSS Selector - :text 58

59. CSS Selector - :radio 59

60. CSS Selector - Form Filters 60

61. CSS Selector - :enabled 61

62. CSS Selector - :checked 62

用jQuery玩弄你的網頁1

Recommended

Recommended

More Related Content

Similar to 用jQuery玩弄你的網頁1

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

More from Mu Chun Wang

More from Mu Chun Wang (20)

Recently uploaded

Recently uploaded (20)

用jQuery玩弄你的網頁1