fix bar
fix bar
fix bar
fix bar
fix bar
fix bar

PHP003:PHP & Mysql Bootstrap Template.

PHP003:PHP & Mysql Bootstrap Template.
New

PHP003:PHP & Mysql Bootstrap Template.

เรียนรู้กับการสร้างเว็บไซต์ในรูปแบบของ Web Responsive ซึ่งประกอบด้วยภาษา HTML,CSS และ PHP พื้นฐานในการสร้างสรรค์ชิ้นงานทำให้เว็บออกมาเป็นรูปแบบมาตราฐานมากยิ่งขึ้น

ท่านจะได้เรียนรู้กับกับการใช้ Bootstrap เหตุผลทำไมส่วนใหญ่ถึงเลือกใช้ Bootstrap ในการพัฒนาออกแบบเว็บไซต์ทั้ง frontend และ backend 

Bootstrap เป็นเฟรมเวิร์คหน้าเว็บแบบ open-end ฟรีและโอเพ่นซอร์สสำหรับการออกแบบเว็บไซต์และเว็บแอ็พพลิเคชัน หลักสูตรนี้จะช่วยให้คุณเรียนรู้การใช้ Bootstrap ภายในเว็บของคุณเพื่อการพัฒนาที่รวดเร็วยิ่งขึ้น

ค้นพบวิธีที่คุณสามารถใช้ HTML, CSS และ Bootstrap ร่วมกันเพื่อสร้างเว็บไซต์ที่ยอดเยี่ยม!


วิดีโอแนะนำคอร์ส


ดาวน์โหลดไฟล์รายละเอียดคอร์ส


วัตถุประสงค์

- พัฒนาเว็บไซต์ในรูปแบบมาตราฐาน HTML5

- ออกแบบเว็บไซต์โดยใช้ Bootstrap Template

- สามารถรันบนมือถือได้อย่างสวยงาม


กลุ่มเป้าหมาย

- นักศึกษา

- บุคคลทั่วไป

- ผู้พัฒนาเว็บไซต์


ความรู้พื้นฐาน

- ภาษา PHP

- ภาษา HTML5

 


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

- ยังไม่มีข้อมูล


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

- ยังไม่มีข้อมูล


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

- ยังไม่มีข้อมูล


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

ชั่วโมงที่ 1-4

  • ทำการติดตั้งโปรแกรม Bracket และ xmapp

  • แนะนำเครื่องมือการใช้งาน ของเว็บ responsive โดยใช้ Bootstrap เป็นตัวออกแบบและทำงาน

  • ทำความรู้จักกับ html และ css พื้นฐาน

  • ดาวน์โหลดโค้ดจากเว็บ bootstrap template

  • ทำไมถึงใช้ bootstrap template มีข้อดีข้อเสียอย่างไร

  • จะออกแบบ wireframe ได้อย่างไร

  • สีที่จะใช้ในการออกแบบมีอะไรบ้าง

  • ยกตัวอย่างเว็บที่ออกแบบด้วยเว็บ responsive ด้วย bootstrap template

  • แบบทดสอบหลังเรียน

ชั่วโมงที่ 5-8

  • แนะนำการใช้เครื่องมือในการเขียนโปรแกรม bootstrap html5 ด้วยภาษา PHP framework

  • โครงสร้างของภาษา html และภาษา PHP

  • เครื่องมือของ google chrome developer tools เพื่อทำการดีบักบนหน้าเว็บไซต์

  • Css Box model

  • ในส่วนของหน้าตาของ bootstrap template

  • ยกตัวอย่าง class ที่ใช้และ id

  • แบบทดสอบ css และ bootstrap template

ชั่วโมงที่ 8-12

  • เริ่มต้นสร้าง bootstrap template กับ Javascript และภาษา PHP

  • ระบบ Grid System ของ bootstrap template มีอะไรบ้าง

  • ทำในส่วนของ header ของ bootstrap template

  • ทำในส่วนของ footer ของ bootstrap template

  • ทำการเขียนโปรแกรมด้วยภาษา PHP เพื่อเชื่อมต่อกับฐานข้อมูล

  • ทำการออกแบบ หน้าตาของ frontend ด้วย bootstrap template กับภาษา php

  • ทำการออกแบบระบบหลังร้าน ด้วย bootstrap template กับภาษา PHP

  • แบบทดสอบหลังเรียน

ชั่วโมงที่ 12-16

  • ทำ workshop ของ bootstrap template กับภาษา php

  • ทำระบบเนวิเกชั่น ด้วยภาษา PHP และ bootstrap template

  • ทำระบบ padding เพื่อเชื่อมต่อกับ ตาราง ใน bootstrap template

  • ทำ slider ในหน้า เว็บด้วย PHP กับ bootstrap template

  • ทำ Animation บน bootstrap template

  • แนะนำในส่วนของการทำ seo กับ bootstrap template

  • แบบทดสอบและกล่าวสรุป


คำค้นหา


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

2017-08-29 22:58:52