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 บาท

วิทยากรผู้สอน:

คอร์สที่ควรอบรมก่อนหน้า:

คอร์สต่อเนื่องที่แนะนำ:

เนื้อหาการอบรม:

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

คำค้นหา:

หลักสูตร Responsive with Bootstrapอบรม Responsive with Bootstrapสอน Responsive with Bootstrap สถาบันฝึกอบรม Responsive with Bootstrapจัดอบรมหลักสูตร Responsive with Bootstrapการทำ Responsive with Bootstrap คืออะไรคอร์สอบรม Responsive with Bootstrapworkshop Responsive with Bootstrapอาจารย์สอน Responsive with Bootstrapสถานที่เรียน Responsive with Bootstrapสอน Responsive with Bootstrap ราคาถูกสอน Responsive with Bootstrap ชลบุรีจัดอบรมนอกสถานที่ Responsive with Bootstrap

อัพเดทข้อมูลเมื่อ:

  • 2018-11-25 13:07:32