HTML 5 CSS 3 and Bootstrap 5

HTML 5 CSS 3 and Bootstrap 5

การพัฒนาเว็บไซต์สมัยใหม่ มีความต้องการให้รองรับการแสดงผลบน Mobile, Tablet และ Desktop ไปพร้อมๆ กัน โดยนักพัฒนาเองต้องมีความรู้ความเข้าใจในการเขียน CSS ในระดับกลางถึงสูงเพื่อให้สามารถออกแบบและปรับแต่งได้อย่างต้องการ ทำให้ต้องใช้เวลาในการศึกษาเรียนรู้ค่อนข้างนานกว่าจะพัฒนาเว็บให้ Responsive ได้อย่างถูกต้องสวยงาม

ในคอร์สนี้จะเป็นคอร์สพื้นฐานสำหรับผู้ที่ต้องการเสริมความรู้เรื่องเทคโนโลยีการพัฒนาเว็บไซต์ด้วยภาษา HTML5 และ CSS3 เพื่อการประยุกต์พัฒนาเว็บไซต์ในอนาคตร่วมกับการใช้งาน Framework ตัวหนึ่งที่ชื่อ "Bootstrap" เวอร์ชั่น 5 เข้ามาช่วยแก้ปัญหา และช่วยให้นักพัฒนาออกแบบเว็บไซต์ให้ Responsive ได้อย่างรวดเร็ว ง่ายดาย และมีมาตรฐานทีดี โดยในหลักสูตรนี้จะแนะนำตั้งแต่พื้นฐานการเขียน HTML, CSS เพื่อนำมาประยุกต์ใช้ใน Bootstrap 5.x ซึ่งเป็นเวอร์ชั่นล่าสุด ณ ปัจจุบัน และในคอร์สยังมี Workshop ที่ใช้งานในการจริงให้ทดสอบเรียนรู้อีกมากมาย

สาขากรุงเทพฯ (ลาดพร้าว)
  • ยังไม่มีรอบเปิดอบรม (ลงชื่อจองไว้ได้)
  • เรียนรู้การออกแบบเว็บไซต์ด้วยภาษา HTML
  • เรียนรู้การปรับแต่งเว็บไซต์ด้วยภาษา CSS
  • เรียรู้การใช้งาน Bootstrap 5 framework สำหรับการสร้างเว็บไซต์แบบ Responsive Design
  • ประยุกต์ใช้ความรู้ทั้งหมดมาพัฒนาเว็บไซต์ในองค์กรหรือหน่วยงานได้
  • ผู้ที่ต้องการสร้างเว็บไซต์แบบ Responsive Design
  • UX/UI designer
  • Developers
  • กลุ่มผู้สนใจทั่วไป
  • การใช้งานคอมพิวเตอร์พื้นฐาน
  • ใช้ระบบ Windows หรือ OSX ได้
  • พื้นฐานการค้นหาข้อมูลบนอินเตอร์เน็ต
  • พื้นฐานการใช้งานฐานข้อมูลทั่วไป
  • พื้นฐานการออกแบบเว็บไซต์
  • 12 ชั่วโมง
  • ราคาปกติ 6,500 บาท / คน
  • โปรโมชั่นลด 10% เหลือ 5,850 บาท / คน
  • ราคาเหมาจ่าย (ผู้อบรมตั้งแต่ 10 คน) ตามแต่ตกลงกัน
  • ขอใบเสนอราคา

Module 1: Intro to HTML5 and CSS3

  • What is HTML5
  • What is CSS3
  • The varied browser market
  • The growing mobile market

Module 2: HTML5 Markup

  • A basic HTML5 template
  • Doctype
  • The html element
  • The head element
  • HTML5 FAQ
  • New elements for defining page structure

Module 3: HTML5 Forms

  • HTML5 form attributes
  • Search
  • Email
  • URL
  • Telephone numbers
  • Numbers
  • Ranges
  • Colours
  • Dates and Times
  • Other new form input types
  • Changes to existing form controls and attributes

Module 4: HTML5 Audio and Video

  • Video container formats
  • Video codecs
  • Audio codecs

Module 5: HTML5 Audio and Video (continued)

  • Browser support for audio and video
  • Enabling native controls
  • Support for multiple formats
  • MIME types
  • Custom controls
  • Accessible media

Module 6: Introduction to CSS3

  • CSS selectors
  • CSS3 colours and opacity
  • Rounded corners
  • Drop shadows
  • Text shadows

Module 7: CSS3 Gradients and Multiple Backgrounds

  • Linear gradients
  • Radial Gradients
  • Repeating gradients
  • Multiple background images
  • Background size

Module 8: CSS3 Transformations and Transitions

  • Transformations: translate, scale, rotate, skew
  • Transitions: property, duration, timing, delay, multiple transitions
  • Animation

Module 9: Bootstrap Scaffolding

  • การติดตั้ง Bootstrap
  • โครงสร้างไฟล์ Bootstrap
  • Basic HTML Template
  • Grid System
  • Fluid Grid System

Module 10: การจัดรูปแบบต่างๆ ด้วย Bootstrap CSS

  • Typography
  • Code
  • Tables
  • Forms
  • Buttons
  • Images

Module 11: Bootstrap Layout Components

  • Dropdown Menus
  • Navbar
  • Breadcrumbs
  • Pagination
  • Labels
  • Badges
  • Typographic Elements
  • Thumbnails
  • Alerts
  • Media Object

Module 12: Bootstrap JavaScript Plugins

  • Transitions
  • Modal
  • Dropdown
  • Alerts
  • Buttons
  • Collapse
  • Carousel
20/12/2024 10:10:07