Скачать или смотреть โจทย์เกมการแข่งขันเขียนโค้ดควบคุม Chrome 🤖 เฉลยโดยที่ 1 ของแต่ละข้อ | Browser automation challenges

สัปดาห์ก่อน ผมจัดอีเวนต์นึงที่มีชื่อว่า Browser automation challenges ครับ ในงานนี้จะมีภารกิจต่างๆ ให้ทำ เป็นภารกิจที่อยู่ในรูปแบบของหน้าเว็บซึ่งมนุษย์ธรรมดาทั่วไปเนี่ย อาจจะไม่สามารถทำภารกิจนี้ได้สำเร็จ ก็จะต้องเขียนโค้ดมาควบคุมเว็บบราวเซอร์เพื่อทำงานแทนเรา เพื่อที่จะแก้ปัญหาให้สำเร็จครับ

โดยในงานมีโจทย์ 8 ข้อ, เวลา 2 ชั่วโมง, มีผู้เข้าแข่งขัน 10 ทีม หลังจากที่หมดเวลาเราก็รวบรวมคะแนนทั้งหมดแล้วก็มาแจกรางวัลกันตามลำดับครับ

หลังจบงานผมได้รับ feedback ว่าอยากฟังวิธีคิดและวิธีแก้จากอันดับ 1 ของแต่ละโจทย์ ก็เลยกลายมาเป็นคลิปนี้ครับ

ดูรายละเอียดกิจกรรม โจทย์ต่างๆ รายชื่อทีม สปอนเซอร์ และทีมงานได้ที่:
https://showdown.space/events/browser...

ถ้าใครกำลังหางานสายนี้ สปอนเซอร์งานนี้หลายๆ เจ้า กำลังหาคนมาร่วมงานด้วยอยู่ครับบ
ดูข้อมูลได้ที่ https://grtn.org/bac-recruitment ได้เลย

ขอขอบคุณสปอนเซอร์:
・ BigBears.IO
・ Cleverse — https://cleverse.com/
・ We Love Bug Biz —   / welovebugbiz  
・ My Order —   / myorder  
・ EarnIn — https://www.earnin.com/careers
・ Nonzero Sumgame —   / kreme.ang.2024  
・ DEV Forward —   / devforward.tech  
・ Phoomparin Mano —    / @heypoom  

ขอขอบคุณทีมงาน:
・ Thai Pangsakulyanont
・ Panthipa Suksirisorn
・ Natworpong Loyswai
・ Kamol Triwatchararatna
・ Kanin Kearpimy
・ Khimjare Chodkaodee
・ Nanpipat Klinpratoom
・ Nutthapat Pongtanyavichai
・ Manassarn Manoonchai — ‪@narzeLIVE‬
・ Patharadanai Srisawat
・ Phumrapee Limpianchop — ‪@rayriffy‬
・ Thanapat Chotipun
・ Wasin Silakong

งาน showdown.space ภายใต้ Creatorsgarten
   / @creatorsgarten  

00:00 | เกริ่นนำงาน Browser Automation Challenges และที่มาของคลิปนี้
01:07 | ภาพรวมของคลิป: อธิบายโจทย์และสัมภาษณ์ทีมผู้ชนะ
01:39 | อธิบายโจทย์ข้อ 1_hunting (หาเลขในกล่อง)
02:26 | อธิบายโจทย์ข้อ 2_seven (กด Seven Segment ให้ตรงเลข)
03:14 | อธิบายโจทย์ข้อ 3_blog (หาบทความที่หายไป, ซ้ำ, และนับคำผิด)
04:35 | อธิบายโจทย์ข้อ 4_robot (บังคับหุ่นยนต์ออกจากเขาวงกต)
05:23 | อธิบายโจทย์ข้อ 5_button (แก้โจทย์คณิต 100 ข้อใน 1 นาที)
06:07 | อธิบายโจทย์ข้อ 6_typing (พิมพ์ Manoonchai Keyboard ให้ได้ 420.69 WPM)
08:16 | อธิบายโจทย์ข้อ 7_towers (เรียงลำดับหอคอยใน 10 วินาที)
08:51 | อธิบายโจทย์ข้อ 8_calendar (ตั้งค่าปฏิทิน 20 ครั้งใน 1 นาที)
10:23 | สรุปโจทย์และเชิญชวนไปลองทำโจทย์ด้วยตัวเอง
10:38 | สัมภาษณ์ทีม NPM (ที่ 1): แนะนำตัวและการเตรียมตัว
12:04 | ทีม NPM เฉลยข้อ 2_seven: วิธีคิดและการ decode เลข
13:57 | ทีม NPM เฉลยข้อ 3_blog: ดาวน์โหลด CSV, scrape เว็บ, และตรวจสอบ
16:44 | ทีม NPM เฉลยข้อ 7_towers: Playwright UI Mode และ Selection Sort
19:04 | ทีม NPM: เคล็ดลับความสำเร็จและการทำงานเป็นทีม
20:49 | ทีม NPM ขายของ: Softnetics บริษัทที่สนุกกับการเขียนโค้ด
21:24 | สัมภาษณ์ทีม MyGeek (ที่ 2): แนะนำตัวและการเตรียมตัว
23:50 | ทีม MyGeek เฉลยข้อ 1_hunting: เก็บเลขและตรวจสอบ div
24:49 | ทีม MyGeek เฉลยข้อ 6_typing: QWERTY vs. Manoonchai
27:40 | ทีม MyGeek: เคล็ดลับความสำเร็จและการใช้ ChatGPT, Cody
28:38 | ทีม MyGeek ขายของ: MyOrder กำลังขยายทีม
29:55 | สัมภาษณ์ทีม หมูเด้ง (ที่ 3): แนะนำตัวและการเตรียมตัว
31:58 | ทีม หมูเด้ง เฉลยข้อ 4_robot: เดินแนบกำแพงและ Playwright Recorder
37:10 | ทีม หมูเด้ง: เคล็ดลับความสำเร็จและการเลือกทำโจทย์
38:50 | ทีม หมูเด้ง ขายของ: อยากให้ QA มากันเยอะๆ
40:22 | สัมภาษณ์ทีม undefined (ที่ 4): แนะนำตัว
40:51 | ทีม undefined เฉลยข้อ 5_button: XPath, WebDriverIO, และลักไก่ด้วย JavaScript
44:33 | ทีม undefined: การเตรียมตัวและการใช้ Gemini
46:40 | เฉลย 8_calendar: เตรียม array และ Playwright VS Code Extension
48:32 | เฉลย 8_calendar: เลือกปี
49:13 | เฉลย 8_calendar: เลือกเดือน
50:39 | เฉลย 8_calendar: เลือกวัน
51:32 | เฉลย 8_calendar: เลือกชั่วโมงและนาทีด้วยเรขาคณิตวิเคราะห์และตรีโกณมิติ
54:33 | ปิดท้าย