Basic Responsive Web Design with Bootstrap 4

Basic Responsive Web Design with Bootstrap 4

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

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

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

Module 1: บทนำ

  • เข้าใจโครงสร้างการพัฒนาเว็บไซต์
  • แนะนำแนวทางการพัฒนาเว็บไซต์สมัยใหม่

Module 2: การเตรียมความพร้อมและติดตั้งเครื่องมือ

  • ติดตั้งเครื่องมือสำหรับพัฒนาบนระบบปฎิบัติการ Windows และ Mac
  • ปรับแต่งเครื่องมือให้พร้อมกับการพัฒนาเว็บแอพพลิเคชั่น

Module 3: พื้นฐานภาษา HTML

  • Introduction to HTML
  • Terminology and HTML 
  • Common HTML Text Tags
  • Demonstration : HTML Text Tags
  • Common HTML Media Tags
  • Demonstrating : Media Tags
  • HTML Attributes
  • Demonstration : HTML Attributes

Module 4: พี้นฐานภาษา CSS

  • CSS Basics
  • Linking HTML to CSS
  • Demonstration : CSS and Linking to HTML
  • Different CSS Selectors
  • Demonstration : CSS Selectors
  • CSS Knowledge

Module 5: Bootstrap Scaffolding

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

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

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

Module 7: Bootstrap Layout Components

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

Module 8: Bootstrap JavaScript Plugins

  • Transitions
  • Modal
  • Dropdown
  • Alerts
  • Buttons
  • Collapse
  • Carousel

Module 9: Deployment

  • ​การนำเว็บไซต์ขึ้นใช้บน Server

Module 10: Live Workshop

  • Responsive Landing page
  • Responsive Corperate website
  • Responsive Blog desig

31/01/2020 11:08:22