ໂທ. 02-570-8449 ມືຖື 088-807-9770 ຊຳລະເງິນ
ຈ–ສ 9:00–17:00 ໂມງ @itgenius
ສະຖາບັນໄອທີຈີເນຍສ໌IT Genius Institute
ສະຖາບັນໄອທີຈີເນຍສ໌IT Genius Institute
ຫຼັກສູດເວີກຊັອບຕາຕະລາງຝຶກອົບຮົມ
ສຳລັບອົງກອນ
ຝຶກອົບຮົມພາຍໃນອົງກອນ (In-house)AI Transformationຝຶກອົບຮົມໜ່ວຍງານລັດບໍລິການພັດທະນາລະບົບເຊົ່າຫ້ອງຝຶກອົບຮົມ
ບົດຄວາມ
ກ່ຽວກັບພວກເຮົາ
ຮູ້ຈັກສະຖາບັນໄອທີຈີເນຍສ໌ວິທະຍາກອນຜົນງານລູກຄ້າຂອງພວກເຮົາຊ່ອງທາງຊຳລະເງິນ
ຕິດຕໍ່ພວກເຮົາຄອສອອນລາຍ
ຮູບແບບສີ
ພາສາ
THENLA
ສອບຖາມຫຼັກສູດເລືອກຊ່ອງທາງທີ່ສະດວກ ທີມງານຕອບເອງທຸກຊ່ອງທາງ
LINE @itgeniusຕອບໄວທີ່ສຸດ · ຈ–ສ 9:00–17:00 ໂມງ
ໂທລະສັບ
02-570-8449ຫ້ອງການ088-807-9770ມືຖື
ອີເມວ ແລະ ໂຊຊຽວ
contact@itgenius.co.thສຳລັບໃບສະເໜີລາຄາ ແລະ ເອກະສານFacebookitgeniusonlineYouTubeitgeniusengຂໍຄຳປຶກສາຈັດຝຶກອົບຮົມໃຫ້ທີມ
ໜ້າຫຼັກ / ຫຼັກສູດ / ພັດທະນາເວັບໄຊ / ລາຍລະອຽດ
ພັດທະນາເວັບໄຊ · WDC-82

Figma to HTML&CSS workshop

หลักสูตร Figma to HTML&CSS workshop เป็นการอบรมแบบเวิร์กชอปพื้นฐานการเขียน HTML และ CSS และการใช้ Bootstrap 5 แล้วนำงานต้นแบบที่ออกแบบใน Figma มาแปลงเป็นเว็บไซต์จริง เหมาะกับ Developer และผู้ที่มีพื้นฐานการออกแบบเว็บที่ต้องการแปลงงาน Figma เป็นหน้าเว็บ จบแล้วแปลงไฟล์ Figma เป็น HTML และ CSS ได้เอง

ລາຄາເລີ່ມຕົ້ນ 5,850 ບາດ / ທ່ານ 6,500 −10% ຍັງບໍ່ລວມ VAT 7% · ມີລາຄາໝູ່ຄະນະ
ຂໍໃບສະເໜີລາຄາຝຶກອົບຮົມອົງກອນ ລົງຊື່ຈອງໄວ້
PDFດາວໂຫຼດ Course Outline
  • ໄລຍະເວລາ12 ຊົ່ວໂມງ · 2 ມື້
  • ຮູບແບບຢູ່ສະຖາບັນ / ອອນລາຍສົດ
  • ຮອບຕໍ່ໄປເປີດຕາມຄຳຂໍ
  • ໃບຢັ້ງຢືນມີໃບຢັ້ງຢືນ

ພາບລວມຫຼັກສູດ

Figma to HTML&CSS workshop หลักสูตรนี้จะแนะนำตั้งแต่พื้นฐานการเขียน HTML, CSS เพื่อนำมาประยุกต์ใช้ใน Bootstrap 5.x ซึ่งเป็นเวอร์ชั่นล่าสุด ณ ปัจจุบัน และในคอร์สยังมี workshop การแปลง Figma เป็น HTML&CSS ให้ผู้อบรมสามารถนำการออกแบบต้นแบบมาแปลงเป็นเว็บไซต์จริงได้เลย

ສິ່ງທີ່ທ່ານຈະໄດ້ຮັບ

  • เรียนรู้การออกแบบเว็บไซต์ด้วยภาษา HTML
  • เรียนรู้การปรับแต่งเว็บไซต์ด้วยภาษา CSS
  • สามารถแปลง Figma เป็น HTML&CSS ได้
  • ประยุกต์ใช้ความรู้ทั้งหมดมาพัฒนาเว็บไซต์ในองค์กรหรือหน่วยงานได้

ຫຼັກສູດນີ້ເໝາະສຳລັບ

  • ผู้ที่ต้องการแปลง Figma เป็น HTML&CSS
  • Developers
  • กลุ่มผู้สนใจทั่วไป

ພື້ນຖານຂອງຜູ້ເຂົ້າຝຶກອົບຮົມ

  • การใช้งานคอมพิวเตอร์พื้นฐาน
  • ใช้ระบบ Windows หรือ OSX ได้
  • พื้นฐานการค้นหาข้อมูลบนอินเตอร์เน็ต
  • พื้นฐานการออกแบบเว็บไซต์

ຫົວຂໍ້ການຝຶກອົບຮົມ

Module 1: บทนำ

  • เข้าใจโครงสร้างการพัฒนาเว็บไซต์
  • รู้จักโปรแกรม Figma

Module 2: การเตรียมความพร้อมและติดตั้งเครื่องมือ

  • ติดตั้งเครื่องมือสำหรับพัฒนาบนระบบปฏิบัติการ Windows และ Mac
  • ปรับแต่งเครื่องมือให้พร้อมกับการพัฒนาเว็บแอพพลิเคชั่น
  • Figma Plugin

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: Figma to HTML&CSS Workshop

  • Starter file
  • การนำเข้ารูปภาพ
  • การทำ Header
  • การใส่ตัวอักษร
  • การสร้างปุ่ม
  • การกำหนดความกว้างของเว็บไซต์
  • การกำหนดขนาดและสัดส่วน
  • การกำหนดระยะห่าง
  • การกำหนดตำแหน่ง
  • การกำหนดเมนู
  • การทำ Icon
  • การกำหนดสี

Module 10: Deployment

  • การนำเว็บไซต์ขึ้นใช้บน Server

ຮອບຝຶກອົບຮົມ ແລະ ຮູບແບບການຝຶກອົບຮົມ

ສຳລັບບຸກຄົນ — ຮອບຝຶກອົບຮົມທົ່ວໄປ

ຂະນະນີ້ຍັງບໍ່ມີຮອບຝຶກອົບຮົມເປີດຮັບສະໝັກ ລົງຊື່ຈອງໄວ້ໄດ້ເລີຍ ທີມງານຈະຕິດຕໍ່ກັບເປັນກຸ່ມທຳອິດເມື່ອເປີດຮອບຕໍ່ໄປ ຫຼື ສອບຖາມທາງ LINE ຫຼື ໂທ 02-570-8449 ຫຼື 088-807-9770

ລົງຊື່ຈອງໄວ້ ສອບຖາມຮອບຝຶກອົບຮົມ

ສຳລັບອົງກອນ — In-house / Private Training

  • ປັບເນື້ອໃນໃຫ້ກົງກັບເຄື່ອງມື ແລະ ວຽກຈິງຂອງທີມ
  • ເລືອກວັນເອງ ຝຶກອົບຮົມທີ່ບໍລິສັດ ຫຼື ອອນລາຍສົດ
  • ອອກໃບສະເໜີລາຄາໃນນາມນິຕິບຸກຄົນໃຫ້ຝ່າຍຈັດຊື້
ຂໍໃບສະເໜີລາຄາຝຶກອົບຮົມອົງກອນ

ວິທະຍາກອນຜູ້ສອນ

ຄຳຖາມທີ່ພົບເລື້ອຍ

หลักสูตร Figma to HTML&CSS workshop เหมาะกับใคร ต้องมีพื้นฐานอะไรมาก่อน

เหมาะกับ ผู้ที่ต้องการแปลง Figma เป็น HTML&CSS · Developers · กลุ่มผู้สนใจทั่วไป พื้นฐานที่ผู้เรียนควรมี การใช้งานคอมพิวเตอร์พื้นฐาน · ใช้ระบบ Windows หรือ OSX ได้ หากไม่แน่ใจว่าพื้นฐานพอหรือไม่ ปรึกษาทีมงานได้ฟรีทาง LINE @itgenius หรือโทร 02-570-8449

หลักสูตร Figma to HTML&CSS workshop ราคาเท่าไร ใช้เวลาเรียนกี่ชั่วโมง

ราคาปกติ 6,500 บาท (โปรโมชันปัจจุบันเหลือ 5,850 บาท) ใช้เวลาอบรม 12 ชั่วโมง ราคานี้ยังไม่รวม 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