การออกแบบเว็บที่ตอบสนองด้วย HTML, CSS และ Bootstrap

ในยุคที่ผู้ใช้เข้าถึงเว็บจากอุปกรณ์ที่หลากหลาย เว็บไซต์แบบคงที่จึงไม่เพียงพออีกต่อไป หลักสูตรนี้จะให้ความรู้ที่จำเป็นในการสร้างเว็บไซต์ที่ดูดีและทำงานได้อย่างสมบูรณ์แบบทั้งบนสมาร์ทโฟน แท็บเล็ต และจอเดสก์ท็อป คุณจะได้เปลี่ยนจากการสร้างโครงสร้างเว็บขั้นพื้นฐานไปสู่การสร้างเลย์เอาต์ที่ลื่นไหลและเป็นมืออาชีพ โดยการมุ่งเน้นไปที่มาตรฐานสมัยใหม่ คุณจะได้รับทักษะเพื่อให้แน่ใจว่าโปรเจกต์เว็บของคุณมอบประสบการณ์ผู้ใช้ที่ราบรื่นไม่ว่าจะใช้อุปกรณ์ฮาร์ดแวร์ใดก็ตาม สิ่งที่คุณจะได้เรียนรู้: - เข้าใจหลักการ responsive หลัก รวมถึง fluid grids และ viewport meta tag - เชี่ยวชาญ CSS Flexbox และ Grid สำหรับการสร้างโครงสร้างหน้าที่ทันสมัยและปรับเปลี่ยนได้ - ใช้รูปแบบการออกแบบ mobile-first เพื่อจัดลำดับความสำคัญของประสิทธิภาพและการใช้งานบนหน้าจอขนาดเล็ก - กำหนดค่าเฟรมเวิร์ก Bootstrap เพื่อเร่งกระบวนการพัฒนาของคุณ - ฝึกฝนการเขียน HTML เชิงความหมาย (semantic) ที่เข้าถึงได้และทำงานได้บนเบราว์เซอร์ต่างๆ - ใช้ media queries เพื่อปรับแต่งเลย์เอาต์สำหรับ breakpoint ของอุปกรณ์ที่เฉพาะเจาะจง หลักสูตรเริ่มต้นด้วยคำจำกัดความพื้นฐานและประวัติของการออกแบบ responsive ก่อนที่จะเข้าสู่เทคนิคการจัดวางเลย์เอาต์ภาคปฏิบัติและการนำเฟรมเวิร์กไปใช้ผ่านคำอธิบายที่เป็นลายลักษณ์อักษรและแบบฝึกหัดที่ใช้โค้ด นี่คือโปรแกรมที่เป็นมิตรกับผู้เริ่มต้นซึ่งออกแบบมาสำหรับผู้ที่ยังใหม่ต่อการพัฒนาเว็บ และไม่จำเป็นต้องมีประสบการณ์การเขียนโค้ดมาก่อน เริ่มสร้างเว็บไซต์ responsive ที่ทันสมัยได้แล้ววันนี้