Power Automate Desktop — Lab Hub

Phase 1 (01–12) + Phase 2 advanced web actions (13–18) · ทุก control มี id / data-pad

Selector convention: ใช้ CSS เช่น #txt-name, [data-pad="btn-submit"], หรือ UI element picker ใน PAD แล้วล็อกด้วย id

แผนที่บทเรียน

โมดูล	URL	ทักษะ PAD
01 Forms	/pad/01-forms.html	Fill text fields, validate, submit form
02 Controls	/pad/02-controls.html	Click, select dropdown, checkbox, radio
03 Table	/pad/03-table.html	Extract data from HTML table
04 Dialogs	/pad/04-dialogs.html	Handle alert/confirm/modal
05 Files	/pad/05-files.html	Download / upload file
06 Login	/pad/06-login.html	Auth + session cookie / localStorage
07 Wizard	/pad/07-wizard.html	Multi-page / multi-step flow
08 Iframe	/pad/08-iframe.html	Switch to iframe, fill nested form
09 AJAX Table	/pad/09-ajax-table.html	Wait for dynamic rows from API
10 OCR	/pad/10-ocr.html	OCR image / compare hidden answer
11 Delay	/pad/11-delay.html	Wait, countdown, captcha-like input
12 API	/pad/12-api.html	HTTP GET/POST mock endpoints
13 Hover	/pad/13-hover.html	Hover mouse over element / tooltip
14 JavaScript	/pad/14-javascript.html	Run JavaScript function on web page
15 Multi-select	/pad/15-multiselect.html	Set drop-down multi options
16 Shadow DOM	/pad/16-shadow.html	Automate / JS into shadow root
17 Cross iframe	/pad/17-cross-iframe.html	Cross-origin iframe (pad ↔ ontoiq)
18 Popup	/pad/18-popup.html	Popup / new tab + return value
19 Catalog	/pad/19-catalog.html	Paginated product scrape (Next loop)