Advanced Responsive Web Design

Advanced Responsive Web Design

หลักสูตรต่อยอด สำหรับผู้ที่ต้องการพัฒนาเว็บไซต์ให้มีความสวยงามและโดดเด่น และเอกลักษณ์เฉพาะตัว สามารถปรับแต่งเทคนิคการออกแบบตามเทรนด์เว็บไซต์ยอดนิยมในปัจจุบัน ผู้อบรมจะได้รับการปูพื้นฐานหลักการออกแบบเว็บไซต์ เรียนรู้การทำงานแบบเป็นกระบวนการตั้งแต่เริ่มสร้างแนวคิด การพัฒนาเว็บไซต์ ไปจนถึงการตกแต่งให้สวยงามด้วยภาพกราฟิกต่างๆ  การจัด Layout และการสร้างปุ่ม เพิ่มความน่าสนใจให้กับเว็บไซต์ด้วยลูกเล่นมากมาย หลักการ Responsive Web Design จะช่วยตอบสนองการแสดงผลเว็บไซต์ได้ดี และมีประสิทธิภาพสำหรับอุปกรณ์สื่อสาร เช่น Desktop, มือถือ, Tablet  และสามารถนำไปต่อยอดในรูปแบบการพัฒนาในส่วนต่างๆ เพิ่มเติมได้

สาขากรุงเทพฯ (ลาดพร้าว)
  • ยังไม่มีรอบเปิดอบรม (ลงชื่อจองไว้ได้)
  • เพื่อให้ผู้สนใจได้เข้าใจหลักการทำงานของ Responsive Web Design
  • เพื่อให้ผู้เข้าร่วมอบรมมีความรู้และความเข้าใจขั้นตอนของ Responsive บนอุปกรณ์ต่างๆ
  • เพื่อให้ผู้เข้าร่วมอบรมสามารถประยุกต์เทคนิคต่างๆ บนอุปกรณ์พกพาได้
  • เพื่อให้ผู้เข้าร่วมอบรมมีแนวคิดในการออกแบบและพัฒนาเว็บไซต์อย่างมีประสิทธิภาพและประสิทธิผล
  • ผู้ที่เคยผ่านงานในการสร้างเว็บไซต์ด้วย CSS มาพอสมควร
  • Web Designer
  • Web Developer
  • ผู้ที่ต้องการเรียนรู้การทำงานและการออกแบบ Responsive Web Design เพื่อเพิ่มประสิทธิภาพในการทำงาน
  • ผู้ที่ต้องการพัฒนาความรู้ตัวเองในด้านการออกแบบ

 

  • สามารถใช้ Internet ได้
  • มีพื้นฐานการเขียนโปรแกรมด้วยภาษา HTML และ CSS
  • ผ่านการอบรมคอร์ส Basic Responsive Web Design เบื้องต้น
  • 18 ชั่วโมง
  • ราคาปกติ 4,900 บาท / คน
  • โปรโมชั่นลด 10% เหลือ 4,410 บาท / คน
  • ราคาเหมาจ่าย (ผู้อบรมตั้งแต่ 10 คน) ตามแต่ตกลงกัน
  • ขอใบเสนอราคา

Module 1:

  • Introduction
  • Welcome! What we will be doing
  • Best practices for trouble-shooting issues
  • 10 second (or so) JQuery overview
  • Inserting a JQuery slideshow
  • Understanding SVG on the web
  • Inserting SVG into a page
  • Using icon fonts
  • An Intro to CSS3 transitions
  • Simple CSS3 transitions
  • An Intro to CSS3 Animations
  • Adding CSS3 Animations (several examples)

Module 2:

  • Smooth page scrolling
  • Add some link effects
  • About online presentations
  • Create a cool online presentation using impress.js
  • Understanding mobile navigation
  • Several mobile navigation examples
  • Awesome animation to add to your nav
  • Adding a fixed header bar
  • Slide out form field (search field)
  • JQuery Form Validation

Module 3:

  • An intro to parallax scrolling using a popular plugin
  • Add video to the background of a page
  • Full size background images
  • Flipping cards with 3D
  • Create Animated Books
  • Continuous content intro
  • The latest tools for web design and dev
  • Kitchen sink – last minute cool stuff

 

26/01/2023 09:51:11