Web Development · WDC-01-08

Basic JavaScript

12 hours 2 days
Last updated

Basic JavaScript is a 12-hour training course by IT Genius Institute. JavaScript นับว่าเป็นภาษาที่เข้ามาช่วยเติมลูกเล่นและเทคนิคต่าง ๆ บนเว็บไซต์ของเรา การใช้งาน javascript นั้นทำให้ซอฟแวร์ บน Web base นั้นมีความใกล้เคียงกับ…

Training schedule

No public rounds are open right now — register your interest and we will contact you when the next round opens, or request an in-house session for your team.

Corporate training quote

Basic JavaScript JavaScript นับว่าเป็นภาษาที่เข้ามาช่วยเติมลูกเล่นและเทคนิคต่าง ๆ บนเว็บไซต์ของเรา การใช้งาน javascript นั้นทำให้ซอฟแวร์ บน Web base นั้นมีความใกล้เคียงกับ Application บน Desktop ในคอร์สนี้จะเป็นการสอนภาษา Javascript จากคนไม่รู้อะไร โดยเริ่มจากพื้นฐานสุุดที่ควรรู้ ไปสู่การแนะนำให้ใช้ Frame Work ยอดนิยมอย่าง jQuery

Objectives

  • เพื่อให้ผู้เรียนเข้าใจพื้นฐานของภาษา JavaScript อย่างครบถ้วน
  • เพื่อให้ผู้เรียนสามารถเขียนโค้ด JavaScript เพื่อจัดการกับ DOM และเหตุการณ์บนหน้าเว็บได้
  • เพื่อให้ผู้เรียนสามารถใช้งานตัวแปร ฟังก์ชัน และวัตถุใน JavaScript ได้อย่างมีประสิทธิภาพ
  • เพื่อให้ผู้เรียนเข้าใจและสามารถนำโครงสร้างการควบคุมโปรแกรม (Flow Control) ไปประยุกต์ใช้ได้
  • เพื่อเตรียมความพร้อมให้ผู้เรียนสามารถเรียนรู้เทคนิคการพัฒนาเว็บแอปพลิเคชันขั้นสูงต่อไป

Who this course is for

  • ผู้ที่ต้องการพัฒนา Application ด้วย JavaScript สำหรับผู้เริ่มต้น
  • IT Managers
  • Developers

Prerequisites

  • พื้นฐานการใช้งานคอมพิวเตอร์และการท่องเว็บ
  • ความเข้าใจพื้นฐานเกี่ยวกับการทำงานของเว็บไซต์และหน้าเว็บ (HTML/CSS) จะเป็นประโยชน์ แต่ไม่จำเป็น
  • ความสนใจในด้านการพัฒนาเว็บหรือการเขียนโปรแกรม
  • ไม่มีความจำเป็นต้องมีประสบการณ์ในการเขียนโปรแกรมมาก่อน

Curriculum

Module 1: Introduction to JavaScript

  • การเขียนสคริปต์สำหรับเว็บ
  • JavaScript คืออะไร - ความสามารถ
  • การประยุกต์ใช้งานของ JavaScript
  • ความแตกต่างระหว่าง JavaScript, Jscript และ ECMAScript
  • การทำงานของ JavaScript ฝั่ง Client-Side
  • การฝัง JavaScript ในหน้าเว็บ
  • คุณสมบัติพื้นฐานของ JavaScript
  • การใช้งานตัวแปรใน JavaScript
  • การทำงานของเบราว์เซอร์เมื่อพบ JavaScript
  • ตัวอย่างง่ายๆ ของ JavaScript

Module 2: แกนหลักของภาษา JavaScript

  • บทนำเกี่ยวกับภาษา JavaScript
  • ขอบเขตการใช้งานของ JavaScript
  • องค์ประกอบหลักของภาษา JavaScript
  • การประกาศตัวแปร
  • คำระบุตัว
  • คำที่สงวนไว้
  • Literal และ String literals
  • การหนีอักขระใน strings
  • การใช้อักษรตัวพิมพ์เล็กและตัวพิมพ์ใหญ่
  • คอมเมนต์ในโค้ด
  • ชนิดของข้อมูลเชิงตัวเลข
  • การทำงานกับกล่อง dialog และการรับข้อมูลจากผู้ใช้

Module 3: การคำนวณและตัวดำเนินการ

  • ชนิดข้อมูลใน JavaScript
  • ค่าคงที่เชิงตัวเลขพิเศษ
  • ตัวดำเนินการ (Operators) คืออะไร
  • ตัวดำเนินการทางคณิตศาสตร์
  • ตัวดำเนินการเปรียบเทียบและตัวอย่าง
  • ตัวดำเนินการทางตรรกะและตัวอย่าง
  • ตัวดำเนินการเพิ่ม/ลดค่า
  • การดำเนินการกับสตริง
  • การแปลงสตริงเป็นตัวเลข
  • ตัวดำเนินการทางเงื่อนไข (ternary operator)
  • ตัวดำเนินการแบบบิต (Bitwise operators)
  • ลำดับความสำคัญของตัวดำเนินการ

Module 4: การควบคุมการไหลของโปรแกรม (Flow Control)

  • บทนำสู่การควบคุมการไหล
  • การควบคุมด้วยคำสั่ง if...else
  • การควบคุมด้วยคำสั่ง switch
  • ลูป while และ do/while
  • ลูป for และการใช้ for...in
  • การใช้คำสั่ง break และ continue

Module 5: การใช้งานฟังก์ชันใน JavaScript

  • ความสำคัญของฟังก์ชัน
  • ฟังก์ชันที่มีอยู่แล้วใน JavaScript
  • โครงสร้างของฟังก์ชัน
  • การส่งค่าและรับค่าในฟังก์ชัน
  • ตัวแปรภายในฟังก์ชัน
  • ขอบเขตของฟังก์ชัน (Scope)
  • การใช้งานฟังก์ชันซ้ำ (Recursion)
  • การนำเข้าไฟล์ที่ประกอบด้วยฟังก์ชัน

Module 6: การจัดเก็บข้อมูลใน Arrays

  • พื้นฐานของ Array
  • ตัวอย่าง Array แบบตัวเลข
  • ตัวอย่าง Array แบบแฮช (Hash Array)
  • คุณสมบัติและฟังก์ชันที่เกี่ยวข้องกับ Array
  • การสร้างและใช้งาน Array
  • การเรียงลำดับและการย้อนกลับของ Array
  • Method ที่ใช้กับ Array อื่นๆ

Module 7: การใช้งานวัตถุ (Objects) ใน JavaScript

  • บทนำสู่วัตถุ (Objects)
  • การสร้างวัตถุ
  • วัตถุ, คลาส และอินสแตนซ์
  • การใช้งาน Constructor และ Prototype
  • การใช้ Object literals และ Class methods
  • วัตถุที่มีในตัว JavaScript เช่น String, Date และ Math

Module 8: วัตถุและเหตุการณ์ (Objects and Events)

  • วัตถุและการตอบสนองต่อเหตุการณ์
  • การตรวจสอบและยืนยันข้อมูลในฟอร์ม
  • การทำงานกับ DOM (Document Object Model)
  • วัตถุ window และ document
  • การใช้งานฟอร์มและการตรวจสอบองค์ประกอบของฟอร์ม
  • เหตุการณ์ที่เกี่ยวข้องกับฟอร์ม

Module 9: วัตถุ, Method และคุณสมบัติใน JavaScript

  • วัตถุและฟังก์ชันที่เกี่ยวข้องกับ Document, Window
  • การเปิดหน้าต่างใหม่และการจัดการเฟรม
  • การใช้งาน Cookies เพื่อจัดเก็บข้อมูลสถานะของผู้ใช้
  • ข้อควรระวังด้านความปลอดภัยและความเป็นส่วนตัว

Module 10: เคล็ดลับและเทคนิคใน JavaScript

  • การโฟกัสฟอร์มเมื่อหน้าโหลด
  • การสร้างเมนูที่เปลี่ยนหน้า
  • การโหลดภาพล่วงหน้าและการสร้างเอฟเฟกต์ rollover
  • การใช้งาน status-bar ร่วมกับ mouse-over

Frequently asked questions

Who is Basic JavaScript for, and what background is needed?

Built for ผู้ที่ต้องการพัฒนา Application ด้วย JavaScript สำหรับผู้เริ่มต้น · IT Managers · Developers Background you should have: พื้นฐานการใช้งานคอมพิวเตอร์และการท่องเว็บ · ความเข้าใจพื้นฐานเกี่ยวกับการทำงานของเว็บไซต์และหน้าเว็บ (HTML/CSS) จะเป็นประโยชน์ แต่ไม่จำเป็น Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does Basic JavaScript cost and how long does it run?

THB 4,500 (currently THB 4,050 on promotion). The course runs 12 hours. The fee covers course materials, lunch and refreshments throughout. Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.

Instructors

Run this course for your whole team

We run this course in-house, tailored to your stack.

Corporate training quote