ลองสร้างเว็บ E-Commerce ด้วย TailwindCSS смотреть онлайн
TailwindCSS หนึ่งใน CSS Framework ที่ถูกพูดถึงบ่อยม้ากกในยุคนี้ แถมยังมีการป้ายยาให้ใช้กันต่อกันเต็มไปหมด? แต่จะช่วยให้เราเขียน CSS ได้ง่ายขึ้นจริงไหม?? มาหาคำตอบไปในคลิปนี้พร้อมๆ กันเลย....
ลิงก์ TailwindCSS→ https://tailwindcss.com/
Figma → https://bit.ly/Figma-Ecommerce-Tailwind
0:10 - Intro
0:31 - ปกติเขียน CSS ยังไง แล้ว Tailwind เขียนยังไง?
0:50 - เว็บหลัก Tailwind และ Demo จาก Official
1:20 - ดู Design จาก Wireframe
1:46 - วิเคราะห์ Component ต่างๆ
2:25 - Installation (CDN)
3:28 - Layout Analysis
3:40 - Start Coding!
4:30 - Display Grid ด้วย Tailwind
5:10 - เริ่มทำ Filter
5:57 - ทำ Checkbox
6:10 - :hover ใส่ใน HTML Class ได้เลย!
7:00 - ทำการ์ดกัน
8:25 - ใส่ grid-gap
9:10 - พระเอกของ Tailwind ทำ Responsive!!
12:30 - เขียน Gradient ได้เลย
12:50 - สรุป ข้อดี/ข้อเสีย
มาแบ่งปันความรู้ แชร์ประสบการณ์ใน Community borntoDev ได้ที่ https://discord.com/invite/wam6MYrfND
เข้าร่วมกลุ่ม Facebook Community ได้ที่ https://www.facebook.com/groups/24251...
สนใจจัดอบรมออฟไลน์ ดูรายละเอียดได้ที่นี่ https://www.borntodev.com/borntodev-f...
▲ ติดตามช่องของเราได้ที่ : https://bit.ly/SubBorntoDev
▲ Facebook : https://www.facebook.com/borntodev
▲ Website : http://www.borntodev.com/
?BorntoDev Channel คือ ช่องยูทูปที่เน้นสาระด้านเทคโนโลยี การพัฒนาโปรแกรม ไปพร้อมกับความสนุกสนาน และ รอยยิ้มเข้าไว้ด้วยกันทั้งในรูปแบบบทเรียน และ vlog เพื่อการเปลี่ยนรูปแบบการเรียนรู้ด้านการพัฒนาโปรแกรม และ เทคโนโลยีแบบเดิม ๆ ที่เป็นเรื่องเฉพาะกลุ่มให้เข้าถึง เข้าใจได้ง่ายยิ่งขึ้น โดยพัฒนาเน้นไปที่รูปแบบการนำเสนอใหม่ ๆ ที่เป็นมิตรกับทุกคน
▲ กิจกรรมใน Channel BorntoDev เป็นส่วนหนึ่งในการดำเนินงานของ บริษัท บอร์นทูเดฟ จำกัด ที่เปิดรับ Partners ที่สนใจร่วมเปลี่ยนแปลงให้สังคมไทยเป็นสังคมด้านวิทยาศาสตร์ และ เทคโนโลยีมากยิ่งขึ้น หากคุณสนใจสนับสนุน และ ก้าวไปพร้อมกัน สามารถติดต่อร่วมงานได้แล้ววันนี้
▲ ติดต่อโฆษณา สนับสนุน และ ร่วมงานได้ที่: [email protected]
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «ลองสร้างเว็บ E-Commerce ด้วย TailwindCSS» бесплатно и без регистрации, вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.