Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. CSS
Webdesign

14 Css คอร์ส ที่ควรเรียนไว้

by
Length:ShortLanguages:

Thai (ภาษาไทย) translation by Krissanawat Kaewsanmuang (you can also view the original English article)

Screenshot from CSS animation course

ถ้าคุณต้องการเป็น web designer ที่ประสบความสำเร็จพื้นฐานของ css ต้องเป็นหนึ่งในทักษะที่ขาดไม่ได้เลยโชคดีที่นี่เรามีคอร์สที่จะช่วยให้คุณก้าวไปสู่จุดที่คุณต้องการ

 ที่นี้เรามีข้อ14 ตัวที่จะช่วยพัฒนาทักษะให้คุณจากพื้นฐานการจัดตำแหน่งและการจัดรูปแบบตัวอักษรไปจนถึงpseudo-elements จนถึงการใช้งาน Sass อย่างชำนาญเลยทีเดียว

1. เริ่มต้นจากที่นี่ : เรียนรู้การใช้ CSS จัดการตัวอักษร

ถ้าคุณเป็นเว็บดีไซเนอร์หน้าใหม่และพร้อมแล้วที่จะเรียนรู้ Css เริ่มจากนี้เลย

สิ่งที่เป็นที่สำคัญและต้องจัดการมากที่สุดในการออกแบบเว็บคือตัวอักษรคิดดูถ้าคุณเริ่มต้นโดยมีพื้นฐานด้านการจัดตัวอักษรที่แข็งแกร่งเรื่องอื่นๆ ต่อไปจะเป็นเรื่องที่ง่ายไปเลย มันสำคัญมากๆที่จะต้องเข้าใจเรื่องนี้ก่อน ในคอร์สนี้ Kezz Bracey จะช่วยให้คุณเรียนรู้ได้อย่างรวดเร็ว

2.เริ่มต้นจากที่นี่ :  การใช้ css เพื่อจัดการเลเอาท์

หลังจากที่เริ่มเรียนจากการจัดตัวอักษร ต่อจากนี้เราจะมาเรียนรู้พื้นฐานต่อไปคือ layout หรือการจัดหน้าจอนั่นเอง

ในคอร์สนี้คุณจะได้เรียนรู้ชนิดของการจัดเลเอาท์

3. เริ่มต้นจากที่นี่ : การใช้ css จัดการพื้นหลังและสี

ในส่วนของซีรีย์ "เริ่มต้นจากที่นี่" ในตอนนี้เรามาเรียนรู้เกี่ยวกับการใช้งานสีและการจัดการพื้นหลังใน css 

ซึ่งในคอร์สนี้คุณจะได้เรียนรู้เทคนิคต่างๆมากมาย ที่จะทำให้ผลงานของคุณโดดเด่นขึ้นมา 

4. การตัดและการมาร์ส ภาพใน css

การตัดและการมาร์สภาพ เป็นพื้นฐานที่ใครที่เคยใช้ photoshop มักจะคุ้นเคยกันอยู่แล้วซึ่งในคอสพักเบรคกินกาแฟ  , โดยคุณ Adi Purdila นี้จะสอนวิธีการใช้งานฟังก์ชันสองตัวนี้

5. การจัดการตำแหน่งบน css ฉบับสมบูรณ์

CSS positioning เป็นพื้นฐานที่สำคัญมาก อีหนึ่งตัว เป็นเรื่องของการจัดตำแหน่งของแท๊กต่างๆ ที่อยู่ภายในเลเอาท์ 

หลังจากที่เรียนคอร์สนี้จบ คุณจะจัดการเลเอาท์ได้อย่างมีหลักการ โดยคุณ Kezz Bracey จะแสดงให้เห็นถึงรูปแบบการจัดตำแหน่ง 4 แบบ 

6. สร้าง Grid 3 Project เพื่อ Web Desingners

CSS Grid Layout เป็นมาตรฐานในการจัดการเลเอาท์ ที่ W3C ร่างขึ้นมาเพื่อให้สามารถจัดการเลเอาท์ได้อย่างง่ายดายมากยิ่งขึ้น

ในคอร์สนี้ เราจะสร้างโปรเจค 3 ตัว ที่จะช่วยให้คุณรู้จักวิธีการใช้งาน Grid มากยิ่งขึ้น โดยเริ่มต้นจะมาเรียนแนวคิดของ Grid ก่อน  ในบทที่ 2 มาเริ่มอัพเลเวลกัน เริ่มมาเรียนรู้เรื่องการจัดแถว และการย่อหน้า ส่วนบทสุดท้ายจะเป็นการใช้งาน Flexbox เข้ามาผสม ทั้ง 3 โปรเจคจะสอนโดยคุณ Craig Campbell ที่จะพาคุณจาก Grid novice จนเป็น Grid User ที่มั่นใจ

7.   CSS Libraries สำหรับ Web Designers

ในคอร์สนี้  Adi Purdila จะสอนวิธีใช้งาน css ไลบราลี่ 10 ตัว สำหรับ web designers คุณจะได้เรียนเกี่ยวกับ ไลบราลี่ที่เกี่ยวกับ reset,animation,transitions, และ  typography โดยจะใช้ Bower ในการจัดการโปรเจค เพื่อให้มั่นใจว่า ทุกอย่างถูกอัพเดทตลอดและง่ายต่อการจัดการ

8. อนาคตของ Css

Css มีการพัฒนาตลอด ในคอร์สนี้ Craig Campbell จะพาทัวร์ทำความรู้จักกับฟีเจอร์ที่ออกมาใหม่ ซึ่งยังไม่สมบูรณ์ เพื่อให้คุณอัพเดทก่อนใครเสมอ

 บางฟีเจอร์จะก้าวขึ้นมาเป็นตัวหลักในอนาคต และอีกหลายตัวที่อนาคตยังไม่แน่นอน การเข้าใจ CSS selectors, layout modules และ filters จะทำให้คุณเป็น front-end developer ที่เก่งกาจได้

9. Tricks การใช้งาน Grids และ Layout  โดย “postcss-ant”

ในคอร์สนี้ คุณจะได้เรียนเกี่ยวกับการใช้งาน postcss-ant ซึ่งเป็นตัวช่วยสร้าง grid ที่ใช้งานง่าย สร้างโดยคุณ Cory Simmons ซึ่งเป็นคนสร้าง grid system อย่าง Jeet และ Lost.

โดยทำงานบน PostCSS โดยเจ้า  postcss-ant มอบความสามารถในการจัดการเลเอาท์อย่างมีประสิทธิภาพและสมูท โดยสามารถทำได้แบบง่ายๆ จนถึงแบบซับซ้อน โดยสามารใช้ร่วมกับ vanilla CSS หรือตัวอื่น Kezz Bracey จะเป็นคนสอนในคอร์สนี้

10.สำรวจโลกของ CSS Pseudo-Elements

pseudo-elements ถือเป็นหน่วยย่อยที่มีความสำคัญต่อ Css มาก ในคอร์สสั้นนี้ Craig Campbell จะพาไปดูวิธีการใช้งาน pseudo-elements ว่าจะช่วยให้เราก้าวหน้าขึ้นไปได้อย่างไร

11. การสร้าง Web Animation ในภาคปฏิบัติ

ในคอร์สนี้ Craig Campbell จะแสดงวิธีการสร้างแอนิเมชันให้ กับปุ่ม,ตารางราคา และอื่นๆ โดยใช้ Css ผสมกับ jQuery เพื่อให้ผู้ใช้งานสะดุดตาและช่วยให้เข้าใจหน้าเว็บได้เร็วขึ้น

12. แปลงร่างเป็น CSS Superhero ด้วย Stylus

Stylus เป็นหนึ่งในสามผู้นำของ CSS preprocessors มันทำให้การใช้งาน Css ง่ายและทรงพลังกว่า โดยการนำความสามารถของ  Sass และ LESS มารวมกันทำให้กลายเป็น Stylus CSS Superhero ในคอร์สนี้ คุณจะได้เรียนการเขียน css ให้เร็วปานติดจรวด สร้างเลเอาท์ปานชินคันเซน และอัพเดทสีแบบวันคลิก คอร์สนี้ คุณ Kezz Bracey จะสร้าง css superhero รายถัดไป

13.เรียนรู้การสร้าง  Flexbox Projects  6 ตัว เพื่อ Web Designers

Flexbox กำลังเริ่มถูกใช้งานในวงกว้างและถูกสนับสนุนโดยบราวเซอร์หลักๆ กันแล้ว ในคอร์สนี้ Craig Campbell  จะพาสร้างโปรเจคจาก Flexbox ถึงหกตัว โดยต่อยอดจากคอร์ส CSS: Flexbox Essentials 

14. เรียนรู้การใช้งาน  Sass ภายใน 14 วัน

ในคอร์สนี้  จะสอนโดยคุณ Adi Purdila คุณจะได้เรียนพื้นฐาน ของ Sass ภายใน 14 วัน โดยทุกๆวัน จะมีบทเรียนเล็กๆ ให้ด้วย

คอร์สนี้เป็นพื้นฐาน คุณไม่จำเป็นต้องมีความรู้เกี่ยวกับ Saas มาก่อน แต่ต้องรู้เรื่อง Css บ้าง

ทดลองเรียนฟรีกับ Tutplus

คุณสามารถลองเรียน  Css คอร์สของเราฟรี 10 วัน หรือสมัครสมาชิกรายเดือน เริ่มเรียนกันวันนี้เลย

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.