ติดต่อเรา
คอร์ส

Course — Portfolio

สร้างเว็บไซต์ Portfolio ด้วย Astro.js

คอร์สสำหรับนักเรียน นักศึกษา สร้างเว็บไซต์ Portfolio ส่วนตัวที่สวยงาม ทันสมัย และแสดงผลงานได้อย่างมีประสิทธิภาพ ด้วย Astro.js — framework ที่เน้นประสิทธิภาพและความเร็วในการโหลด

สมัครเรียน — anndream.com@gmail.com#curriculum
Portfolio website course

เกี่ยวกับคอร์สเรียน

ผู้เรียนจะได้เรียนรู้ตั้งแต่พื้นฐานการติดตั้ง Astro.js, โครงสร้างโปรเจกต์, การสร้าง Layout, การแสดงผลงาน, การปรับแต่ง CSS และการ Deploy เว็บไซต์

เรียนจบแล้วจะได้ผลงานของตัวเองไปใช้งานได้จริง หรือสามารถต่อยอดรับจ้างทำเว็บไซต์ได้หลังฝึกฝนจนเชี่ยวชาญ

เรียนก่อน เป็นก่อน — ล้ำหน้ากว่าใครๆ

คอร์สนี้เหมาะกับใคร

สิ่งที่คุณจะได้เรียนรู้

  1. 01

    พื้นฐาน Astro.js และโครงสร้างเว็บไซต์

    • ชั่วโมง 1–2: รู้จัก Astro.js และ SSG — ติดตั้ง Node.js, Astro CLI, สร้างโปรเจกต์แรก
    • ชั่วโมง 3–4: โครงสร้างโฟลเดอร์, Components, Layouts, Pages, Content Collections — สร้าง ContentLayout และ Slots
    • ชั่วโมง 5–6: สร้างหน้าแรก — ข้อมูลส่วนตัว, รูปโปรไฟล์, ส่วน About Me
    • ชั่วโมง 7–8: ส่วนแสดงผลงาน — static data array, วนลูปแสดง projects
  2. 02

    Content Collections และหน้า Project

    • ชั่วโมง 9–10: Content Collections สำหรับผลงาน — src/content/config.ts, ไฟล์ Markdown/MDX ต่อชิ้น, getCollection() และ frontmatter
    • ชั่วโมง 11–12: Dynamic routes — src/pages/projects/[slug].astro ดึงข้อมูลตาม slug แสดงรายละเอียดเต็ม
  3. 03

    การปรับแต่งดีไซน์

    • ชั่วโมง 13–14: CSS Modules — .module.css, import และใช้งานใน components
    • ชั่วโมง 15–16: Tailwind CSS (เลือกอย่างใดอย่างหนึ่ง) — npx astro add tailwind, utility-first classes
  4. 04

    หน้า About, Contact และ Deploy

    • ชั่วโมง 17–18: หน้า About และ Contact — ประวัติ, ทักษะ, ฟอร์มติดต่อ (Formspree/Netlify Forms), navigation
    • ชั่วโมง 19–20: Deploy — npm run build, Netlify/Vercel/GitHub Pages, custom domain, สรุปและ Q&A

สอนเพิ่มเติม (คุ้มมากๆ)

  • เครื่องมือสร้างรูปผ่าน AI
  • Canva AI
  • Photoshop
  • Visual Studio Code
  • GitKraken สำหรับ GitHub (Version Control)
  • พื้นฐาน JavaScript
  • พื้นฐาน HTML5
  • พื้นฐาน CSS ด้วย Tailwind CSS

อาจารย์ผู้สอน

ข้อมูลคอร์ส

  • จำนวนชั่วโมง
    20 ชั่วโมง
  • ค่าใช้จ่าย
    5,600 บาท
  • ตารางเรียน
    เสาร์ ทุกสัปดาห์ วันละ 2 ชั่วโมง เป็นเวลา 2 เดือน (8 สัปดาห์)
  • รอบเรียน
    เช้า 10:00–12:00 / บ่าย 14:00–16:00 — เลือกรอบได้
  • รูปแบบการเรียน
    ออนไลน์ผ่าน Zoom — เรียนซ้ำได้จนกว่าจะเข้าใจ
  • สำหรับองค์กร
    รับสอนแยกเป็น workshop รายบุคคล/หน่วยงาน — ติดต่อครูแฟรงค์

    • การสมัครเรียน

    เตรียมความพร้อมก่อนเรียน

    พร้อมสร้าง Portfolio ของตัวเองแล้วหรือยัง

    จบคอร์สแล้วมีผลงานจริงใช้งานได้ทันที — หรือรับงานทำเว็บไซต์ต่อได้เลย

    สมัครเรียนanndream.com@gmail.com