ภาพรวมหัวข้อการอบรม

• ภาพรวมและการเตรียมความพร้อม
• Module 1: การเตรียมเครื่องมือและความพร้อมทั้งบน Mac และ Windows
• เรียนรู้ Docker
• Module 2: แนะนำภาพรวมการใช้งาน Docker
• เรียนรู้ Laravel 8
• Module 3: พื้นฐานการทำงานกับ Laravel 8
• เรียนรู้ React JS
• Module 4: พื้นฐานการทำงานกับ React.js
• Module 5: การใช้ React กับ REST API

รายละเอียดหลักสูตร

ภาพรวมและการเตรียมความพร้อม

Module 1: การเตรียมเครื่องมือและความพร้อมทั้งบน Mac และ Windows

• แนะนำสเปกและคุณสมบัติเครื่องที่จะติดตั้งเครื่องมือสำหรับ docker
• ขั้นตอนการติดตั้ง Docker desktop บน Windows 10 Pro
• ขั้นตอนการติดตั้ง Docker Toolbox สำหรับ Windows รุ่นเก่ากว่า 10 Pro
• การติดตั้ง Docker desktop บน MacOS
• ติดตั้ง Visual Studio Code และส่วนเสริม Docker ที่จำเป็น

เรียนรู้ Docker

Module 2: แนะนำภาพรวมการใช้งาน Docker

• Workflow ในการทำงานกับ Docker
• เริ่มต้นใช้งาน Hello World Docker กัน
• เริ่มต้นสร้าง Container แรกจาก Images ที่ดึงมา
• การ Stop และ Start Container
• การแสดงข้อมูลของ Container
• สรุปคำสั่งพื้นฐานที่จำเป็นในการทำงานกับ Docker

เรียนรู้ Laravel 8

Module 3: พื้นฐานการทำงานกับ Laravel 8

• การติดตั้ง Laravel 8 ผ่าน Docker
• พื้นฐานการสร้างและจัดการ Routing บน Laravel 8
• พื้นฐานการทำงานกับ Controller บน Laravel 8
• การทำงานกับ View บน Laravel 8
• การวาง Layout เพื่อแยกส่วนโค๊ดให้ทำงานกับเว็บขนาดใหญ่ได้บน Laravel 8
• Laravel 8 กับการเชื่อมต่อและจัดการฐานข้อมูล
• การสร้าง Rest API ใน Laravel 8

เรียนรู้ React JS

Module 4: พื้นฐานการทำงานกับ React.js

• ติดตั้งเครื่องมือสำหรับการพัฒนา React.js
• ทำไมต้องใช้ JSX
• ข้อกำหนดพื้นฐานของ JSX
• การแสดงค่าของตัวแปรใน JSX
• การคำนวณค่าในและแสดงผล (Expression) ใน JSX
• การแสดงหรือซ่อนเนื้อหาใน JSX
• คุณสมบัติพื้นฐานของคอมโพเนนต์
• วิธีสร้างคอมโพเนนต์ใช้เอง
• การใช้งาน css และ Bootstrap 5 framework ใน React

Module 5: การใช้ React กับ REST API

• สร้างโปรเจ็กต์ React JS สำหรับเชื่อมต่อ Web API ด้วย Laravel 8
• ทดสอบการทำงาน Create-Read-Update-Delete (CRUD) ของ API
• ใช้งาน HTTP Request อย่างง่ายด้วย Axios
• ฝึกเขียน CRUD Rest API ใน React.js ร่วมกับ Bootstrap 5