CSS for Designers
เริ่มต้นสร้างเว็บไซต์ด้วย CSS
SECTION_TITLE.OVERVIEW
HTML/CSS คือ ภาษาที่ใช้เขียนโค้ดเพื่อสร้างโครงเว็บไซต์และจัดรูปแบบหน้าตาเว็บไซต์ให้สวยงาม ซึ่งสามารถจัดรูปแบบและปรับเปลี่ยนโครงเว็บไซต์ให้เหมาะสมในแพลตฟอร์ม (Mobile, iPad, Notebook เป็นต้น) ที่แตกต่างกันได้
หลายครั้ง Designers ออกแบบเว็บด้วยเครื่องมืออย่าง Photoshop หรือ Sketch ก่อนส่งต่องานให้ Web Developer ซึ่งในหลายครั้งผู้ออกแบบไม่เข้าใจขอบเขตและข้อจำกัดของการพัฒนาเว็บ ส่งผลให้การทำงานล่าช้าเนื่องจากต้องสื่อสารกันหลายรอบ จะดีกว่าไหมหากผู้ออกแบบเข้าใจหลักการสร้างเว็บด้วย HTML/CSS และข้อจำกัดของการออกแบบเว็บไซต์ นอกจากนี้สามารถขึ้นโครงเว็บเองได้ก่อนจะส่งให้ Web Developer นำไปพัฒนาต่อ
พบกับเวิร์คชอป 1 วันที่จะทำให้คุณเข้าใจหลักการพื้นฐานสำหรับการสร้างเว็บไซต์เบื้องต้นด้วยภาษา HTML/CSS และได้เขียนโค้ดเพื่อสร้างเว็บไซต์พื้นฐาน ที่เรียกว่า static webpage นำไปใช้งานต่อได้อย่างรวดเร็ว
เวิร์คชอปนี้เหมาะสำหรับ
- Back-end Developers ที่ต้องการทำ Front-end หรือ Full Stack
คอร์สนี้จะทำให้ผู้ที่ทำงานด้าน Back-end Developers ได้เรียนรู้พื้นฐานในการเขียน CSS ตั้งแต่พื้นฐานไปจนถึงการวาง Layout ของเว็บ และการเขียนเว็บให้ Responsive กับหลายๆ Devices - Entry Level / Junior Front-end Developers
คอร์สนี้จะทำให้ผู้ที่เริ่มทำงานในด้าน Front-end Developers ได้เรียนรู้และเข้าใจพื้นฐานการทำงานของ CSS สามารถนำพื้นฐานไปต่อยอดในการทำงานได้ดีขึ้น - Web Designers
คอร์สนี้จะทำให้ Web Designers ที่ออกแบบเว็บไซต์เข้าใจพื้นฐานในการสร้างเว็บไซต์ และเข้าใจข้อจำกัดในการออกแบบ เช่น ข้อจำกัดด้าน Layout ของเว็บ หรือ ข้อจำกัดด้าน Responsive ของเว็บ เป็นต้น ทำให้สื่อสารกับทีม Developer ได้ง่ายมากขึ้น รวมถึงสามารถขึ้นโครงเว็บไซต์ง่ายๆ และปรับแก้เว็บไซต์เบื้องต้นได้ด้วยตนเอง - Designers
คอร์สนี้จะทำให้ Designers ที่สนใจด้าน Web Designers ได้เรียนรู้หลักการพื้นฐานการสร้างเว็บไซต์ และเข้าใจข้อจำกัดในการออกแบบเว็บไซต์ เพื่อนำความรู้ไปทำงานด้านออกแบบ Digital Product เพิ่มมากขึ้น - Students (ลงทะเบียนรับส่วนลด 50%)
คอร์สนี้จะทำให้นักศึกษาที่สนใจหรือกำลังพัฒนาเว็บไซต์ เข้าใจพื้นฐานในการเขียนเว็บด้วย HTML/CSS เพื่อเข้าใจการทำงานและการออกแบบ CSS เบื้องต้น สามารถนำไปศึกษาต่อยอดได้รวดเร็วมากยิ่งขึ้น
สิ่งที่คุณจะได้รับจากเวิร์คชอปนี้
- สามารถเขียนโค้ด HTML/CSS เพื่อขึ้นโครงเว็บไซต์ง่ายๆ ได้ด้วยตัวเอง
- สร้างเว็บไซต์แบบ static webpage ด้วย HTML/CSS โดยมีผู้สอนและผู้ช่วย คอยให้ความช่วยเหลือ
- เข้าใจข้อจำกัดในการออกแบบเว็บไซต์ สามารถส่งต่องานได้รวดเร็วและลดปัญหาทางด้าน Technical ระหว่างทีมพัฒนากับทีมออกแบบ
- เข้าใจ และสามารถแก้ไขโค้ด HTML/CSS เบื้องต้นได้
ทำไมต้องเรียนคอร์สนี้กับทาง Skooldio
- เราออกแบบการสอน HTML/CSS ในระดับพื้นฐานทั้งหมด เพื่อให้คุณเริ่มต้นได้อย่างถูกวิธี ดังนั้นเนื้อหาจึงเข้าใจง่าย สามารถทำตามได้ทีละสเต็ปพร้อมกับผู้สอน เมื่อเรียนจบแล้วก็ยังกลับไปต่อยอดทำงานจริงได้อีกด้วย ซึ่งคอร์สนี้เหมาะสำหรับ
- ผู้ที่ไม่มีพื้นฐาน สามารถเรียนได้ เพื่อเข้าใจพื้นฐาน
- ผู้ที่เริ่มพัฒนาเว็บไซต์ สามารถเรียนเพื่อเข้าใจพื้นฐานและนำไปต่อยอด หรือศึกษาหาความรู้เพิ่มเติมได้ตรงจุดมากขึ้น
- ลดเวลาในการศึกษาด้วยตนเองบนเว็บไซต์ (ศึกษาเองแล้วไม่รู้จะเริ่มจากไหน) เพราะมีอาจารย์สอนเนื้อหาพื้นฐานและแนะนำแหล่งข้อมูลไปศึกษาต่อยอด
- ผู้ที่สนใจแต่ยังทำไม่เป็น ก็สามารถเรียนได้
- สร้างเว็บไซต์จริง(Static Webpage) เป็น Portfolio ตัวเอง นอกจากได้เรียนรู้การสร้างเว็บไซต์พื้นฐานแล้ว คุณยังได้ลองเขียนโค้ดเพื่อสร้างเว็บไซต์ Static ของตัวเอง พร้อมวิธีอัปโหลดขึ้นเว็บจริง เพื่อใช้เป็น Portfolio ส่วนตัว โดยมีผู้สอนและ TA คอยช่วยเหลือทุกขั้นตอน
- TA ช่วยเหลือตลอดคลาส ไม่ต้องกังวลว่าจะงง หรือตามไม่ทัน เพราะตลอดการสอนทาง Skooldio จะมี TA คอยช่วยเหลืออย่างใกล้ชิด ไม่ว่าจะเป็นการ Coding หรือติดปัญหาทาง Technical ใดๆ TA เราเคลียร์ได้เสมอ ฟีดแบคจากนักเรียนแต่ละรุ่นถึง TA ของเรา
- “สตาฟดูแลอย่างดี ไม่เข้าใจตรงไหนรีบเข้ามาช่วยเหลือตลอด”...
- “สอนเข้าใจง่ายครับ”
- “น้องสอนเข้าใจง่าย สอนดี ทุกคนตั้งใจช่วยเหลือ”
ความรู้พื้นฐานและการเตรียมตัว
- เนื้อหาที่ออกแบบมาเป็นพื้นฐานการเขียนเว็บไซต์เบื้องต้น *ไม่มีพื้นฐานก็สามารถเรียนได้
- หากผู้เรียนคุ้นเคยกับการทำเว็บไซต์ หรือเข้าใจคำศัพท์เบื้องต้นของ HTML/CSS จะเข้าใจมากยิ่งขึ้น
- ผู้เรียนต้องนำคอมพิวเตอร์มาเอง
หมายเหตุ เนื้อหาในคอร์สมีการ Coding (เขียนโค้ด)
SECTION_TITLE.INSTRUCTOR

SECTION_TITLE.COURSE_OUTLINE
Intro to HTML
- Writing HTML tags
- Writing valid HTML document
Intro to CSS
- Writing CSS rules
- Styling Text
- CSS Box Model
- CSS Selectors
Advanced CSS
- Layouting with Flexbox
Make responsive websites
- Using media queries
SECTION_TITLE.SCHEDULE
CSS for Designers รุ่นที่ 3
LearnHub+, BTS สยาม
SECTION_TITLE.REVIEWS

เรียนแล้วแก้โค้ด CSS ด้วยตัวเองได้ ไม่ต้องรอให้ทีมช่วย ประหยัดเวลาลงไปได้เยอะ
คุณนัท - Data Scientist

ปกติน้องในทีมเป็นคนทำด้านนี้ พอเรียนจบเข้าใจ Concept ของ CSS มากขึ้น สื่อสารกับทีมรู้เรื่องขึ้นเยอะ
คุณนวพร - นักวิจัย
SECTION_TITLE.FAQS
Q:
หากลงทะเบียนแล้วไม่สามารถไปเรียนได้
A:
กรณีแจ้งยกเลิกการเข้าร่วมอบรม
- หากแจ้งยกเลิกก่อนวันอบรมอย่างน้อย 14 วัน จะได้รับเงินคืนเต็มจำนวน
- หากแจ้งยกเลิกก่อนวันอบรมอย่างน้อย 7 วัน จะได้รับเงินคืน 50%
- หากแจ้งยกเลิกก่อนวันอบรมน้อยกว่า 7 วัน บริษัทขอสงวนสิทธิ์ในการคืนเงิน
Q:
สมัครเวิร์คชอปแล้วจะได้รับอะไรบ้าง
A:
ผู้เข้าอบรมทุกท่านจะได้รับอีเมลแจ้งการเตรียมตัว ก่อนวันอบรมประมาณ 5-7 วัน
ในวันอบรมผู้เรียนทุกท่านจะได้รับ
- อาหารกลางวัน 1 มื้อ, อาหารว่าง
- เอกสารประกอบการเรียนต่างๆ
- หนังสือและเอกสารสรุปเนื้อหาหลักสูตร
- ใบกำกับภาษีในกรณีสมัครในนามบริษัท
