ພາບລວມຫຼັກສູດ
การออกแบบเว็บสมัยใหม่ ไม่ได้แค่ต้องการความสวยงามเพียงอย่างเดียวอีกต่อไป แต่การออกแบบที่ดียังต้องคำนึงถึงหลายเหตุปัจจัยประกอบด้วย ไม่ว่าจะเป็นเรื่องของการแสดงผลอุปกรณ์พกพา (mobile, tablet) โดยต้องออกแบบให้มีลักษณะเป็น Responsive web
เรื่องของความเร็วก็เป็นอีกองค์ประกอบสำคัญไม่แพ้กัน เว็บสวยแต่เข้าใช้งานได้ช้า ก็อาจถูกทอดทิ้งไว้ข้างหลังได้ นอกจากการเลือกใช้แนวทางในการออกแบบเว็บ นักพัฒนาและนักออกแบบจึงต้องใส่ใจในเรื่องความเร็วของเว็บในการเรียกใช้งานด้วย
เริ่มต้นจากเล่าแนวคิดในการออกแบบ แล้วพาไปใช้เครื่องมือออกแบบยอดนิยมอย่าง Adobe XD ที่ง่ายสำหรับมือใหม่ จากนั้นนำสิ่งที่ออกแบบเสร็จแล้วไปขึ้นโครงเว็บกันจริงๆ ด้วย Bootstrap 5 ซึ่งเป็นเวอร์ชั่นล่าสุดที่เน้นความเบา และเร็วขึ้นกว่าเดิมเยอะ
ສິ່ງທີ່ທ່ານຈະໄດ້ຮັບ
- เข้าใจแนวทางการออกแบบเว็บสมัยใหม่
- สามารถสร้าง Slide ภาพแบบไม่ต้องมี jQuery
- สามารถทำ Prototype เชื่อมโยงหน้าเว็บเพจใน Adobe XD ได้
- สามารถจัดวาง layout แบบต่างๆ ใน Adobe XD ได้
- สามารถเขียน CSS ทำการ custom หน้าตาของ bootstrap ตามต้องการ
ຫຼັກສູດນີ້ເໝາະສຳລັບ
- ผู้ที่ต้องการออกแบบเว็บด้วยการใช้
- โปรแกรม Adobe XD
- UX/UI designer
- Developers
- กลุ่มผู้สนใจทั่วไป
ພື້ນຖານຂອງຜູ້ເຂົ້າຝຶກອົບຮົມ
- สามารถใช้งานระบบคอมพิวเตอร์และอินเทอร์เน็ตได้
ຫົວຂໍ້ການຝຶກອົບຮົມ
แนวทางการออกแบบเว็บและการใช้โปรแกรม Adobe XD
- แนวทางการออกแบบเว็บสมัยใหม่
- รู้จักการออกแบบ wireframe ก่อนเริ่มออกแบบจริง
- แนะนำโปรแกรม Adobe XD สำหรับการออกแบบเว็บ
- เครื่องมือพื้นฐานที่ทุกคนควรรู้จักใน Adobe XD
- เรียนรู้การจัดวาง layout แบบต่างๆ ใน Adobe XD
- การสร้างชุดเมนู เส้นโค้ง จัดกลุ่มวัตถุ และการทำ masking เพื่อรวมรูปต่างๆ
- การทำ Prototype เชื่อมโยงหน้าเว็บเพจใน Adobe XD
- การใส่ Animation และ Transition ต่างๆ ในการเปลี่ยนหน้า
- การสร้างชุด Assets ไว้ใช้งานปรับคุณสมบัติให้วัตถุครั้งเดียวได้ทั้งหมด
- การ Export ไฟล์ออกแบบไปใช้งานใน Bootstrap 5 กันต่อไป
การออกแบบเว็บสมัยใหม่ด้วย Bootstrap 5
- ความเปลี่ยนแปลงใหม่ใน Bootstrap 5
- เริ่มต้นใช้งานอย่างง่าย
- เรียนรู้การวาง layout อย่างง่ายใน Bootstrap 5
- การออกแบบเว็บด้วย flex box ใน Bootstrap 5
- การสร้างเมนูนำทางอย่างรวดเร็ว
- การสร้าง Slide ภาพแบบไม่ต้องมี jQuery
- การทำงานกับแบบฟอร์ม
- การทำงานกับตาราง
- การทำงานกับ popup modal แบบใหม่ ไม่ต้องใช้ jQuery
- การใช้งาน Components พื้นฐาน เช่น Alert, Badge, Button, Card, List, Tooltips เป็นต้น
- การเขียน CSS ทำการ custom หน้าตาของ bootstrap ตามต้องการ
- การทดสอบและปรับแต่งความเร็วในการใช้งานของเว็บที่ออกแบบมาให้เหมาะสมกับการนำไปใช้งานจริง
- เรียนรู้การน้ำ Bootstrap ไปใช้งานกับ Framework อื่นๆ เช่น React JS และ Angular, Vue ต่อไป
ຮອບຝຶກອົບຮົມ ແລະ ຮູບແບບການຝຶກອົບຮົມ
ສຳລັບບຸກຄົນ — ຮອບຝຶກອົບຮົມທົ່ວໄປ
ຂະນະນີ້ຍັງບໍ່ມີຮອບຝຶກອົບຮົມເປີດຮັບສະໝັກ ລົງຊື່ຈອງໄວ້ໄດ້ເລີຍ ທີມງານຈະຕິດຕໍ່ກັບເປັນກຸ່ມທຳອິດເມື່ອເປີດຮອບຕໍ່ໄປ ຫຼື ສອບຖາມທາງ LINE ຫຼື ໂທ 02-570-8449 ຫຼື 088-807-9770
ສຳລັບອົງກອນ — In-house / Private Training
- ປັບເນື້ອໃນໃຫ້ກົງກັບເຄື່ອງມື ແລະ ວຽກຈິງຂອງທີມ
- ເລືອກວັນເອງ ຝຶກອົບຮົມທີ່ບໍລິສັດ ຫຼື ອອນລາຍສົດ
- ອອກໃບສະເໜີລາຄາໃນນາມນິຕິບຸກຄົນໃຫ້ຝ່າຍຈັດຊື້
ຂໍໃບສະເໜີລາຄາຝຶກອົບຮົມອົງກອນ ຄຳຖາມທີ່ພົບເລື້ອຍ
หลักสูตร ออกแบบเว็บสมัยใหม่ด้วย Adobe XD ร่วมกับ Bootstrap 5 เหมาะกับใคร ต้องมีพื้นฐานอะไรมาก่อน
เหมาะกับ ผู้ที่ต้องการออกแบบเว็บด้วยการใช้ · โปรแกรม Adobe XD · UX/UI designer พื้นฐานที่ผู้เรียนควรมี สามารถใช้งานระบบคอมพิวเตอร์และอินเทอร์เน็ตได้ หากไม่แน่ใจว่าพื้นฐานพอหรือไม่ ปรึกษาทีมงานได้ฟรีทาง LINE @itgenius หรือโทร 02-570-8449
หลักสูตร ออกแบบเว็บสมัยใหม่ด้วย Adobe XD ร่วมกับ Bootstrap 5 ราคาเท่าไร ใช้เวลาเรียนกี่ชั่วโมง
ราคาปกติ 3,500 บาท (โปรโมชันปัจจุบันเหลือ 3,150 บาท) ใช้เวลาอบรม 6 ชั่วโมง ราคานี้ยังไม่รวม VAT 7% (กรณีชำระในนามนิติบุคคล) ชำระค่าอบรมด้วยการโอนเข้าบัญชีบริษัท แล้วแจ้งชำระเงินผ่านหน้าแจ้งชำระเงินของเว็บไซต์ และขอใบเสร็จรับเงินหรือใบกำกับภาษีในนามบริษัทได้
เรียนจบได้รับ Certificate หรือไม่
ได้รับ ผู้ผ่านการอบรมทุกท่านจะได้รับใบประกาศนียบัตร (Certificate of Completion) จากสถาบันไอทีจีเนียส ใบประกาศแต่ละใบมีเลขที่ของตัวเอง ใครก็ตามที่มีเลขที่ใบประกาศตรวจสอบความถูกต้องออนไลน์ได้ที่หน้าตรวจสอบใบประกาศของสถาบัน จึงใช้แนบแฟ้มผลงานหรือส่งให้ฝ่ายบุคคลประกอบการพัฒนาบุคลากรได้
อบรมที่ไหน มีเรียนแบบออนไลน์หรือไม่
เรียนได้ทั้งแบบออนไซต์ที่สถาบันไอทีจีเนียส และนัดเรียนผ่านออนไลน์ และรับจัดอบรมเฉพาะทีม (In-house Training) ให้องค์กร สอบถามรอบและสถานที่ได้ที่ LINE @itgenius หรือโทร 02-570-8449
ถ้าเรียนไม่ทันหรือขาดเรียน มีเรียนซ้ำ/เรียนชดเชยหรือไม่
มี ผู้เรียนสามารถแจ้งขอเรียนซ้ำ (repeat) ในรอบถัดไปของหลักสูตรเดียวกันได้ฟรีตามเงื่อนไขของสถาบัน แจ้งชื่อหลักสูตรและรอบที่เคยเรียนกับทีมงาน แล้วทีมงานจะตรวจสอบและแจ้งรอบที่ยังมีที่นั่งว่างให้เลือก สอบถามได้ที่ LINE @itgenius หรือโทร 02-570-8449
สมัครเรียนหรือขอใบเสนอราคาในนามบริษัทได้อย่างไร
สมัครออนไลน์ได้จากแบบฟอร์มลงทะเบียนบนหน้านี้ ลงทะเบียนผู้เข้าอบรมหลายคนได้ในครั้งเดียว และกรอกเลขประจำตัวผู้เสียภาษีกับที่อยู่สำหรับออกใบกำกับภาษีได้ในฟอร์ม หรือขอใบเสนอราคา (Quotation) ในนามนิติบุคคลได้ทันทีจากปุ่มขอใบเสนอราคา สอบถามเพิ่มเติมโทร 02-570-8449 หรือ LINE @itgenius