Advanced Responsive Web Design
รายละเอียด Course ID: wdc-01-24
หลักสูตรต่อยอด สำหรับผู้ที่ต้องการพัฒนาเว็บไซต์ให้มีความสวยงามและโดดเด่น และเอกลักษณ์เฉพาะตัว สามารถปรับแต่งเทคนิคการออกแบบตามเทรนด์เว็บไซต์ยอดนิยมในปัจจุบัน ผู้อบรมจะได้รับการปูพื้นฐานหลักการออกแบบเว็บไซต์ เรียนรู้การทำงานแบบเป็นกระบวนการตั้งแต่เริ่มสร้างแนวคิด การพัฒนาเว็บไซต์ ไปจนถึงการตกแต่งให้สวยงามด้วยภาพกราฟิกต่างๆ การจัด Layout และการสร้างปุ่ม เพิ่มความน่าสนใจให้กับเว็บไซต์ด้วยลูกเล่นมากมาย หลักการ Responsive Web Design จะช่วยตอบสนองการแสดงผลเว็บไซต์ได้ดี และมีประสิทธิภาพสำหรับอุปกรณ์สื่อสาร เช่น Desktop, มือถือ, Tablet และสามารถนำไปต่อยอดในรูปแบบการพัฒนาในส่วนต่างๆ เพิ่มเติมได้
รอบการเปิดอบรม
วิดีโอแนะนำคอร์ส
ไฟล์รายละเอียดคอร์ส
- Advanced Responsive Web Design (Course outline PDF)
- โปรไฟล์ของบริษัทไอทีจีเนียส เอ็นจิเนียริ่ง (โปรไฟล์ไอทีจีเนียส PDF)
วัตถุประสงค์
- เพื่อให้ผู้สนใจได้เข้าใจหลักการทำงานของ 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 คน) ตามแต่ตกลงกัน
- ขอใบเสนอราคา
วิทยากรผู้สอน
อาจารย์สามิตร โกยมคอร์สที่ควรอบรมก่อนหน้า
Basic Responsive Web Designเนื้อหาการอบรม
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
