บทความ

กำลังแสดงโพสต์จาก พฤษภาคม, 2025

Ch.5 TestScript calculation at Playwrightland

รูปภาพ
สัปดาห์ที่ 4 : วันนี้ผมได้เรียนรู้การเขียน TestScript ด้วย Playwright ในโปรเจคต์เครื่องคิดเลขเดิมเพื่อทดสอบว่าเครื่องคิดเลขนั้นทำงานถูกต้องจริงหรือไม่ในทุกกรณี ซึ่งจากภาพตัวอย่างที่ผมเขียน ผมได้ลองทดสอบผลบวก(1️⃣➕1️⃣ = 2️⃣) , ทดสอบผลลบ(2️⃣➖2️⃣ = 0️⃣) , ทดสอบผลคูณ(2️⃣✖️2️⃣ = 4️⃣) ทดสอบผลหาร(🔟➗2️⃣ = 5️⃣) เเละทดสอบปุ่มเคลียร์ผลลัพธ์(©️) ซึ่งตอนนี้ทดสอบออกมาผ่านทั้งหมดทั้งบน Chromium, Firefox, และ WebKit จึงยืนยันเเล้วว่าโปรเจคต์เครื่องคิดเลขของสัปดาห์ที่ 3 นั้นใช้งานได้จริง   (ปล.คลิก READ MORE เพื่อดูผลการทดสอบผ่านเบราว์เซอร์)

Ch.4 Math will not difficult anymore

รูปภาพ
  สัปดาห์ที่ 3 : ผมได้ทำเว็บเเอปเครื่องคิดเลขที่สามารถคำนวณ(➕➖✖️➗)ได้ ยังมีคุณสมบัติบันทึกประวัติการคำนวณไว้ในไฟล์ JSON อีกด้วย เเละครั้งนี้ผมได้เรียนรู้การเปิดหน้าเว็บเเบบ Allow all network โดยผมเลือกใช้ ngrok เพราะเป็นวิธีที่ ง่าย รวดเร็ว ผู้ที่มีลิงก์สามารถเข้าได้โดยไม่จำเป็นต้องอยู่ Wi-Fi วงเดียวกัน เเละเมื่อปิด server หน้าเว็บจะหายเเต่ประวัติการคำนวณจะไม่หายไป ซึ่งเป็นอะไรที่ปลอดภัยมาก

Ch.3 React+Vite give cards with you

รูปภาพ
สัปดาห์ที่ 2 : ผมได้ศึกษาโปรเจคต์ React + Vite เเละครั้งนี้ผมได้ตกเเต่ง UI ด้วย CSS เเละ bootstrap เเบบที่เคยเรียนจากวิทยาลัยด้วย ซึ่งผมได้ทดลองทำเว็บไซต์ฟังก์ชันการ์ดที่วนลูปด้วย .map() โดยเเบ่งเเยกส่วน Navbar เเละตารางที่เเสดง Cards เเบบ Carousel  ถ้าอยากให้เพิ่มการ์ดอีกบอกได้นะครับ ✈️🧳🛂

Ch.2 Basic forms workshop

รูปภาพ
  สัปดาห์ที่ 1 :  ต่อมาผมก็ได้ศึกษาโปรเจคต์โดยมีทั้ง Backend(Node.js) เเละ Frontend(React Vite) รวมถึงเริ่มเรียนรู้การใช้ MySQL โดยครั้งนี้ ผมได้ทำระบบ workshop ผ่านเว็บไซต์โดยใช้โมดูล prisma ในการสร้างตารางในฐานข้อมูล เเละทดสอบ CRUD ด้วย postman เพื่อเรียก api ส่งข้อมูลไปยังหน้าเเอป

Ch.1 Welcome back express.js

รูปภาพ
สัปดาห์ที่ 1  : ผมได้เริ่มศึกษา Express.js อีกครั้ง ซึ่งเป็นโมดูลที่จำเป็นต้องมีสำหรับ Node.js โดยจากภาพนี้ฉันได้ทำระบบบันทึกรายชื่อผู้ใช้งาน โดยที่ยังไม่มี Frontend เเต่จะใช้ไฟล์ .html เเละ .css เเทน ซึ่งมีจุดประสงค์ คือ เเสดงข้อมูลเเบบ JSON หลังเพิ่มผู้ใช้สำเร็จ  เเละวันนี้ผมได้รู้จักกับ Postman เป็นเว็บที่สามารถทดสอบ CRUD(Create , Read , Update , Delete) ด้วยการเชื่อม Route เเละส่ง API โดยเมื่อทำการจัดการข้อมูลผู้ใช้สำเร็จ postman ก็จะส่ง JSON กลับมา ทำให้รายชื่อบนเว็บไซต์ถูกอัปเดตด้วยเช่นกัน

Ch.0 Beginning of everything

รูปภาพ
          (こんにちは! Japan System Co.Ltd🔴) ผมเป็นนักศึกษาระดับประกาศนียบัตรวิชาชีพชั้นปีที่ 3 สาขาคอมพิวเตอร์โปรเเกรมเมอร์ จากสถาบันการศึกษาเเห่งหนึ่ง ผมรู้สึกเป็นเกียรติอย่างยิ่งที่ได้มาเป็นนักศึกษาฝึกงานที่นี่ วันเเรกได้ติดตั้ง Node.js เวอร์ชันล่าสุด เเละติดตั้ง MySQL ซึ่งเป็นระบบฐานข้อมูลที่ทางบริษัทใช้ นับได้ว่าเป็นการปฐมนิเทศที่ดี งานไม่ยากเเละไม่ง่ายจนเกินไป หวังเป็นอย่างยิ่งว่า ผมจะได้ประสบการณ์ที่หลากหลายหลังฝึกงานเสร็จสิ้น เเละนำไปพัฒนาตนเองในอนาคตให้ดียิ่งขึ้น 🎓🧑‍💻