Cover

คอร์ส Workshop HTML, CSS (Bulma), JavaScript

Workshop สนุกสนานสำหรับผู้ที่มีความรู้ภาษา HTML, CSS, JavaScript ในระดับเบื้องต้นมาแล้ว แล้วอยากจะเชื่อมต่อทั้ง 3 สิ่งเข้าด้วยกัน เพื่อเริ่มต้นสร้างเป็นผลงานหน้าเว็บเพจสวยๆขึ้นมา เป็นการเรียนการสอนที่เน้นเรื่องวิธีคิดและสร้างเว็บอย่างเป็นขั้นเป็นตอน เพื่ออัพเกรดสกิลการเขียนเว็บกันอย่างเต็มหลอด

3,500 บาท

ดูขั้นตอนการสมัครเรียน

รายละเอียดเนื้อหา

Features

Tips : บนหน้าจอขนาดเล็ก สามารถ Scroll ด้านซ้ายขวาในตารางข้างล่างนี้เพื่ออ่านข้อมูลได้ ใครอยากรู้ว่าเขียนโค้ดยังไง ถามใน Facebook, Line, หรือ Discord ได้เลย

โปรเจ็คเว็บร้านกาแฟ Day 1 - Homepage
หัวข้อ
รายละเอียด
Start เริ่มต้นสร้างเว็บเพจด้วย Bulma Framework
Hero เปิดตัวอย่างยิ่งใหญ่ด้วย Banner ต้อนรับคุณลูกค้า
Navbar สร้างแถบเมนูบนสุดของเว็บ + Function เปิด/ปิดเมนู
Featured products จัดเรียงสินค้าแนะนำอย่างเท่ห์ด้วย Flexbox
Location and times ภาพบรรยากาศและพิกัดร้านด้วย Flexbox อีกรูปแบบหนึ่ง
Footer แถบด้านล่างสำหรับปิดท้ายเว็บ
โปรเจ็คเว็บร้านกาแฟ Day 2 - Products page
หัวข้อ
รายละเอียด
Start เอาโค้ดหน้า Homepage มาใช้ใหม่ในหน้าใหม่
Products สร้างหน้าแสดงสินค้าทั้งหมด + ปุ่มเลือกหมวดหมู่
Filter products สร้าง Function แสดงสินค้าที่อยู่ในหมวดหมู่ที่เลือก
Filter products with animation ใส่ Animation ให้กับการแสดงสินค้า
Link pages together เชื่อมทุกหน้าเข้าด้วยกัน และเก็บรายละเอียด
โจทย์พร้อมโค้ดเฉลยเพิ่มเติม - After class

นอกจากเนื้อหาในโจทย์เว็บร้านกาแฟ Day 1-2 แล้ว คอร์สนี้จะมีโจทย์พร้อมโค้ดเฉลยเพิ่มเติมได้แก่

  • โจทย์โปรเจ็คเว็บสถาปัตยกรรม ที่มีหน้าตาคล้ายกับเว็บร้านกาแฟ แต่รายละเอียดบางส่วนจะแตกต่างกัน สำหรับฝึกสกิลการเขียนเว็บอย่างต่อเนื่อง
  • โจทย์การสร้าง UI และใส่ลูกเล่นต่างๆ มีมาให้เลือกเล่นมากมายหลายข้อ สามารถนำไปหัดเขียนโค้ดทำความเข้าใจต่อ และเอาโค้ดเหล่านี้ไปใช้งานจริงได้

ไฟล์ประกอบการเรียน

  • เอกสารอธิบายโจทย์ทุกข้อ
  • คลิปวีดีโออธิบายขั้นตอนต่างๆของโปรเจ็คเว็บร้านกาแฟ Day 1-2
  • โค้ดเฉลย HTML, CSS, JavaScript ของโปรเจ็คเว็บร้านกาแฟ Day 1-2
  • โค้ดเฉลย HTML, CSS, JavaScript ของโปรเจ็คเว็บสถาปัตยกรรม
  • โค้ดเฉลย HTML, CSS, JavaScript ของโจทย์ UI เพิ่มเติมแบบเฟี้ยวๆ
  • รูปภาพที่ใช้กับโปรเจ็ค สำหรับคนที่ไม่สะดวกหารูปในเน็ท หรือคิดไม่ออก

สิทธิพิเศษเข้าร่วม Discord

Discord

ผู้ที่ซื้อคอร์สเรียนนี้ จะได้รับสิทธิในการเข้า Discord server ของทาง Zinglecode เพื่อเข้าร่วม Community พูดคุย สอบถาม รับชมสิ่งที่น่าสนใจ หรือแม้แต่ร่วมเล่นเกมส์มันส์ๆกับทางทีมงานก็ยังได้

ผลลัพธ์จากการเรียนคอร์สนี้

  • ผู้เรียนจะได้ทำความเข้าใจวิธีคิด ว่าถ้าหากจะสร้างเว็บๆนึงขึ้นมาได้ด้วยการใช้ HTML, CSS, JavaScript จะต้องเริ่มต้นที่จุดไหน และทำตามลำดับอย่างไร เพื่อให้ได้ผลลัพธ์ที่ต้องการออกมา
  • ผู้เรียนสามารถสร้างเว็บเพจแบบ Responsive web design ที่สามารถแสดงผลได้ดีบนหน้าจอขนาดต่างๆ ด้วยการใช้ HTML, CSS (Bulma Framework)
  • ผู้เรียนสามารถใส่ลูกเล่น อย่างเช่น การเปิด/ปิดเมนู การเลือกแสดงสินค้าตามหมวดหมู่ที่เลือกแบบมี Animation เท่ห์ๆ ได้ด้วย JavaScript
  • นอกจากนั้น ผู้เรียนสามารถเอาความรู้ไปพัฒนาต่อยอดในอนาคตได้ ไม่ว่าจะเป็น การพัฒนาสกิล HTML, CSS, JavaScript ขั้นสูง หรือการเขียนเว็บที่มีการรับ/ส่งข้อมูลกับฐานข้อมูล

คำถามที่พบบ่อย

ไม่มีความรู้มาก่อน เรียนได้มั้ย

คอร์สนี้เป็น Workshop ที่ผู้เรียนจำเป็นต้องรู้เรื่อง HTML, CSS, JavaScript ระดับเบื้องต้นมาบ้าง ผู้เรียนสามารถศึกษาหรือทบทวนความรู้เบื้องต้นอย่างสนุกสนานได้จาก YouTube channel Zinglecode และสามารถซื้อคอร์สนี้ เพื่อทำโจทย์ที่หลากหลายควบคู่ไปกับการศึกษาความรู้จาก YouTube ของพวกเราได้

คอร์สนี้ต่างจากในคลิป YouTube ยังไง
  • คอร์ส HTML, CSS, JavaScript บน YouTube เป็นคอร์สที่สอนความรู้เบื้องต้นในการเขียนโค้ดภาษาต่างๆ
  • คอร์ส Workshop - HTML, CSS (Bulma), JavaScript อันนี้เป็นคอร์สที่จะเอาความรู้จากภาษาเหล่านั้น มาใช้งานร่วมกันได้อย่างคล่องแคล่วและเป็นขั้นเป็นตอน เพื่อให้เกิดผลลัพธ์เป็นชิ้นงานเว็บเพจจริง
คอร์ส Workshop ต่างจากคอร์สตะลุยโจทย์ยังไง
  • คอร์สตะลุยโจทย์ จะเน้นไปที่การทำโจทย์ของภาษาโปรแกรมมิ่ง 1 ภาษาเน้นๆ เพื่อให้ผู้เรียนได้ฝึกสกิลการเขียนโค้ดภาษานั้นๆให้แข็งแกร่งยิ่งขึ้นแบบเน้นๆ เหมาะกับผู้เริ่มต้นเรียนรู้
  • คอร์ส Workshop จะเป็นการนำภาษาโปรแกรมมิ่งหลายภาษา มาทำโจทย์ขนาดใหญ่ที่เป็นชิ้นงานจริง (เป็นรูปธรรม) เหมาะกับผู้ที่มีสกิลการเขียนโค้ดระดับนึงแล้ว
ต้องติดตั้งและใช้โปรแกรมอะไรในการเรียนบ้าง
  1. VSCode สำหรับเขียนโค้ด HTML, CSS, JavaScript
  2. Web browser สำหรับเปิดดูผลลัพธ์ของเว็บ
ไม่มีคอมพิวเตอร์ และไม่มีโน้ตบุ๊ค เรียนได้มั้ย

ควรจะมีคอมพิวเตอร์หรือโน๊ตบุ๊ค เพื่อเอาไว้เขียนโค้ดทำโจทย์แต่ละข้อ ถ้าใช้มือถือหรือแท็บเล็ตเรียน ก็เรียนได้แต่จะไม่สะดวกเท่ากับบนคอมพิวเตอร์

ผู้เรียนสามารถพูดคุยกับผู้สอนได้มั้ย

ผู้เรียนสามารถพูดคุยกับผู้สอนได้ ด้วยการส่งข้อความทาง Facebook, Line และยิ่งกว่านั้น ผู้เรียนที่ซื้อคอร์สจะได้รับสิทธิพิเศษเข้าร่วมพุดคุยแบบ Community สนุกๆ บน Discord ด้วยนะ

เขียนเว็บใน Workshop เสร็จ อัพเป็น www จริงได้เลยมั้ย

การสอนอัพโหลดเว็บขึ้นเว็บจริง จะไม่รวมอยู่ใน Workshop นี้ อย่างไรก็ตาม ผู้เรียนสามารถพูดคุยขอคำปรึกษาจากผู้สอนต่อไปได้

เรียนเสร็จ สามารถสมัครงาน หรือรับงานทำเว็บได้เลยมั้ย

การที่จะสมัครงานหรือรับงานทำเว็บได้ ผู้เรียนจำเป็นต้องแสดงผลงานให้ผู้ว่าจ้างเห็น ทางผู้สอนขอแนะนำว่า อยากให้ผู้ที่ได้เรียน Workshop นี้ไปแล้ว นำความรู้ไปสร้างเป็นหน้าเว็บตัวอย่าง (Showcase) ที่ตัวเองตั้งโจทย์ขึ้นมา เพื่อแสดงให้คนอื่นเห็นว่าเราสามารถทำเว็บที่สวย ใช้งานง่าย และปราศจากบั๊กร้ายแรง ซึ่งจะทำให้ผู้ว่าจ้างมั่นใจในสกิลของเรามากขึ้น

จ่ายเงินสมัครเรียนไปแล้ว ขอยกเลิกและคืนเงินได้มั้ย

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

จะรออะไรอยู่เล่า

ดูขั้นตอนการสมัครเรียนโลด