Who is Modern Web Design with Tailwind CSS 4.0 for, and what background is needed?

Built for ผู้ที่ต้องการออกแบบเว็บด้วย Tailwind CSS · UX/UI designer · Developers Background you should have: สามารถใช้งานระบบคอมพิวเตอร์และอินเทอร์เน็ตได้ Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does Modern Web Design with Tailwind CSS 4.0 cost and how long does it run?

THB 3,500 (currently THB 3,150 on promotion). The course runs 12 hours. The price excludes 7% VAT (for payment in a company's name). Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.

ອອກແບບກຣາຟິກ · GPC-30

ออกแบบเว็บสมัยใหม่ด้วย Tailwind CSS 4.0

หลักสูตรออกแบบเว็บสมัยใหม่ด้วย Tailwind CSS 4.0 เป็นการอบรมการใช้ Tailwind CSS ออกแบบเว็บที่สวยงาม รองรับมือถือ และโหลดเร็ว ตั้งแต่แนวคิดการออกแบบเว็บสมัยใหม่ไปจนถึงการปรับแต่ง Template เหมาะกับ UX/UI Designer, Developer และผู้สนใจทั่วไป จบแล้วออกแบบเว็บแบบ Responsive และหน้า Landing Page ได้

ລາຄາເລີ່ມຕົ້ນ 3,150 ບາດ / ທ່ານ 3,500 −10% ຍັງບໍ່ລວມ VAT 7% · ມີລາຄາໝູ່ຄະນະ

ຂໍໃບສະເໜີລາຄາຝຶກອົບຮົມອົງກອນ ລົງຊື່ຈອງໄວ້

PDFດາວໂຫຼດ Course Outline

ໄລຍະເວລາ12 ຊົ່ວໂມງ · 2 ມື້
ຮູບແບບຢູ່ສະຖາບັນ / ອອນລາຍສົດ
ຮອບຕໍ່ໄປເປີດຕາມຄຳຂໍ
ໃບຢັ້ງຢືນມີໃບຢັ້ງຢືນ

ພາບລວມຫຼັກສູດ

ออกแบบเว็บสมัยใหม่ด้วย Tailwind CSS 4.0 การออกแบบเว็บไซต์หรือเว็บแอพจำเป็นต้องมีพื้นฐานทั้งภาษา HTML และ CSS โดยทั่วไปแล้วนักออกแบบส่วนใหญ่พอจะมีพื้นฐาน CSS ในการออกแบบอยู่บ้างแล้ว แต่เมื่อต้องทำงานขนาดใหญ่ หรือต้องออกแบบที่มีความซับซ้อน ต้องคำนึงถึงหลายปัจจัย ไม่ว่าจะความสวยงาม การรองรับอุปกรณ์พกพา (mobile)

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

เมื่อกล่าวถึง CSS Framework หลายคนน่าจะคุ้นชื่อ Bootstrap เป็นอย่างดี เนื่องด้วยมีพัฒนาการมายาวนานพอสมควร แต่ตัว Bootstrap เองก็มักมีปัญหาเรื่องของความเร็ว (performance) อยู่บ่อยครั้ง รวมทั้งการรองรับเทคโนโลยีใหม่ๆ ในการออกแบบที่อาจจะยังมีข้อจำกัดพอสมควร จึงมี CSS Framework ตัวเลือกอื่นๆ

มาทดแทนส่วนที่ขาดหายไป โดยในหลักสูตรนี้ผู้สอนจะขอแนะนำ CSS Framework น้องใหม่ที่ไม่ใหม่มาก เพราะพัฒนามาถึง Version 4 แล้ว นั่นคือ "Tailwind CSS" ซึ่งเป็น CSS Framework ที่น่าสนใจเป็นอย่างมาก ในแง่ของการลดการเขียน custom CSS เอง เรียกได้ว่าเราสามารถออกแบบหน้าเว็บใหญ่ๆ ทั้งเว็บได้ โดยไม่ต้องเขียน CSS เองเลยแม้แต่ตัวเดียว

ສິ່ງທີ່ທ່ານຈະໄດ້ຮັບ

เข้าใจแนวทางการออกแบบเว็บสมัยใหม่
สามารถออกแบบเว็บแบบ Responsive
สามารถออกแบบหน้า Landing page ได้
สามรถนำ Template ที่ต้องการมาปรับแต่งได้ตามต้องการ

ຫຼັກສູດນີ້ເໝາະສຳລັບ

ผู้ที่ต้องการออกแบบเว็บด้วย Tailwind CSS
UX/UI designer
Developers
กลุ่มผู้สนใจทั่วไป

ພື້ນຖານຂອງຜູ້ເຂົ້າຝຶກອົບຮົມ

สามารถใช้งานระบบคอมพิวเตอร์และอินเทอร์เน็ตได้

ຫົວຂໍ້ການຝຶກອົບຮົມ

Day 1

Module 1: Introduction to Tailwind CSS 4.0

การเตรียมเครื่องมือ VS Code ลงปลั๊กอินที่จำเป็น
ติดตั้ง Tailwind CSS 4.0 ลงโปรเจกต์
เรียนรู้ระบบ Grid System ใน Tailwind 4.0
เรียนรู้การกำหนด Container
เรียนรู้ Flexbox ใน Tailwind 4.0
Typography
Width & Height
Margins and paddings
Borders & Colors
Box Alignment
Background Properties
Box Shadow and Opacity
Hover Effects

Module 2: Transition and Animation in Tailwind CSS

Transition Properties
Default Animations of TailwindCSS
Transition Duration
Transition Timing Function
Transition Delay
Animation
Transform

Module 3: Workshop Landing page with Tailwind CSS 4.0

เตรียม Resources สำหรับสร้างหน้า Landing page
ขึ้นโปรเจกต์ด้วย Tailwind CSS 4.0
ออกแบบส่วน Navigation
ออกแบบส่วน Feature
ออกแบบส่วน Content
ออกแบบส่วน Footer
ปรับแต่งให้รองรับ Mobile Site

Day 2

Module 4: Responsive Design in Tailwind CSS

Responsive Designing with Tailwind CSS
Mobile First
Customizing breakpoints
Extending the default breakpoints
Max-width breakpoints
Multi-range breakpoints
Custom media queries

Module 5: Explore JIT Compiler for Tailwind CSS

ทำความรู้จัก JIT Compiler
สำรวจและติดตั้ง JIT Compiler ลงในโปรเจกต์ Tailwind CSS
การ config ค่าสำหรับการ build JIT
แนวทางการประยุกต์ไปใช้งาน

Module 6: Workshop Admin Template with Tailwind CSS 4.0

การเตรียม Resources สำหรับสร้างหน้า Admin
ขึ้นโปรเจกต์ร่วมกับ JIT Compiler
สร้างหน้า Login page
สร้างหน้า Register page
สร้างหน้า Forgotpassword Page
สร้างส่วน Navigation เมนู
สร้างส่วน Sidebar
สร้างส่วน Content
สร้างส่วน Footer

Module 7: การ Deployed โปรเจกต์ Tailwind CSS

ตัวอย่างการนำโปรเจกต์ไปใช้งานบน Github page
ตัวอย่างการนำโปรเจกต์ไปใช้งานบน Netlify

ຮອບຝຶກອົບຮົມ ແລະ ຮູບແບບການຝຶກອົບຮົມ

ສຳລັບບຸກຄົນ — ຮອບຝຶກອົບຮົມທົ່ວໄປ

ຂະນະນີ້ຍັງບໍ່ມີຮອບຝຶກອົບຮົມເປີດຮັບສະໝັກ ລົງຊື່ຈອງໄວ້ໄດ້ເລີຍ ທີມງານຈະຕິດຕໍ່ກັບເປັນກຸ່ມທຳອິດເມື່ອເປີດຮອບຕໍ່ໄປ ຫຼື ສອບຖາມທາງ LINE ຫຼື ໂທ 02-570-8449 ຫຼື 088-807-9770

ລົງຊື່ຈອງໄວ້ ສອບຖາມຮອບຝຶກອົບຮົມ

ສຳລັບອົງກອນ — In-house / Private Training

ປັບເນື້ອໃນໃຫ້ກົງກັບເຄື່ອງມື ແລະ ວຽກຈິງຂອງທີມ
ເລືອກວັນເອງ ຝຶກອົບຮົມທີ່ບໍລິສັດ ຫຼື ອອນລາຍສົດ
ອອກໃບສະເໜີລາຄາໃນນາມນິຕິບຸກຄົນໃຫ້ຝ່າຍຈັດຊື້

ຂໍໃບສະເໜີລາຄາຝຶກອົບຮົມອົງກອນ

ວິທະຍາກອນຜູ້ສອນ

สามิตร โกยมCEO ที่สถาบันไอทีจีเนียส

ຄຳຖາມທີ່ພົບເລື້ອຍ

หลักสูตร ออกแบบเว็บสมัยใหม่ด้วย Tailwind CSS 4.0 เหมาะกับใคร ต้องมีพื้นฐานอะไรมาก่อน

เหมาะกับ ผู้ที่ต้องการออกแบบเว็บด้วย Tailwind CSS · UX/UI designer · Developers พื้นฐานที่ผู้เรียนควรมี สามารถใช้งานระบบคอมพิวเตอร์และอินเทอร์เน็ตได้ หากไม่แน่ใจว่าพื้นฐานพอหรือไม่ ปรึกษาทีมงานได้ฟรีทาง LINE @itgenius หรือโทร 02-570-8449

หลักสูตร ออกแบบเว็บสมัยใหม่ด้วย Tailwind CSS 4.0 ราคาเท่าไร ใช้เวลาเรียนกี่ชั่วโมง

ราคาปกติ 3,500 บาท (โปรโมชันปัจจุบันเหลือ 3,150 บาท) ใช้เวลาอบรม 12 ชั่วโมง ราคานี้ยังไม่รวม VAT 7% (กรณีชำระในนามนิติบุคคล) ชำระค่าอบรมด้วยการโอนเข้าบัญชีบริษัท แล้วแจ้งชำระเงินผ่านหน้าแจ้งชำระเงินของเว็บไซต์ และขอใบเสร็จรับเงินหรือใบกำกับภาษีในนามบริษัทได้

เรียนจบได้รับ Certificate หรือไม่

ได้รับ ผู้ผ่านการอบรมทุกท่านจะได้รับใบประกาศนียบัตร (Certificate of Completion) จากสถาบันไอทีจีเนียส ใบประกาศแต่ละใบมีเลขที่ของตัวเอง ใครก็ตามที่มีเลขที่ใบประกาศตรวจสอบความถูกต้องออนไลน์ได้ที่หน้าตรวจสอบใบประกาศของสถาบัน จึงใช้แนบแฟ้มผลงานหรือส่งให้ฝ่ายบุคคลประกอบการพัฒนาบุคลากรได้

อบรมที่ไหน มีเรียนแบบออนไลน์หรือไม่

เรียนได้ทั้งแบบออนไซต์ที่สถาบันไอทีจีเนียส และนัดเรียนผ่านออนไลน์ และรับจัดอบรมเฉพาะทีม (In-house Training) ให้องค์กร สอบถามรอบและสถานที่ได้ที่ LINE @itgenius หรือโทร 02-570-8449

ถ้าเรียนไม่ทันหรือขาดเรียน มีเรียนซ้ำ/เรียนชดเชยหรือไม่

มี ผู้เรียนสามารถแจ้งขอเรียนซ้ำ (repeat) ในรอบถัดไปของหลักสูตรเดียวกันได้ฟรีตามเงื่อนไขของสถาบัน แจ้งชื่อหลักสูตรและรอบที่เคยเรียนกับทีมงาน แล้วทีมงานจะตรวจสอบและแจ้งรอบที่ยังมีที่นั่งว่างให้เลือก สอบถามได้ที่ LINE @itgenius หรือโทร 02-570-8449

สมัครเรียนหรือขอใบเสนอราคาในนามบริษัทได้อย่างไร

สมัครออนไลน์ได้จากแบบฟอร์มลงทะเบียนบนหน้านี้ ลงทะเบียนผู้เข้าอบรมหลายคนได้ในครั้งเดียว และกรอกเลขประจำตัวผู้เสียภาษีกับที่อยู่สำหรับออกใบกำกับภาษีได้ในฟอร์ม หรือขอใบเสนอราคา (Quotation) ในนามนิติบุคคลได้ทันทีจากปุ่มขอใบเสนอราคา สอบถามเพิ่มเติมโทร 02-570-8449 หรือ LINE @itgenius