product-video-overlay.svg
Skill-Group-Theme-A.png
UNIT3 JAVASCRIPT BASIC
ข้อมูลบทเรียน
product-detail.svg
เนื้อหา : 7 บท
product-time.svg
เรียนรู้ & Workshop : 46 นาที
product-workshop.svg
Assignment :
4 ชั่วโมง (9 แบบฝึก)
product-level-1.svg
ระดับ : พื้นฐาน
product-video.svg
ดูทบทวนย้อนหลัง : 2 ปี
product-support.svg
ปรึกษาการเรียน : Discord Community
3.0
รายละเอียดบทเรียน

การใช้งาน JAVASCRIPT พร้อมหลักการ Programming เบื้องต้น

ทำไมถึงควรเรียน JavaScript Basic กับเรา?

บทเรียนของการใช้งาน JAVASCRIPT เบื้องต้น จะทำให้คุณสามารถเขียนโปรแกรมคำสั่งอย่างง่าย สร้างเงื่อนไขต่างๆบนหน้าเว็บ และทางเราจะปูพิ้นฐานตั้งแต่หลักการของ Programming ให้กับคุณ เพื่อนำไปคิดวางแผน ในการเขียนโปรแกรมให้มีประสิทธิภาพ

JavaScript Basic เหมาะกับใคร
  • ผู้ที่ต้องการปูพื้นฐานการเป็น Front-End Developer
  • ผู้ที่ต้องการเริ่มต้นเรียนรู้พื้นฐานการสร้างเว็บด้วย JavaScript
  • นักศึกษา ครู อาจารย์ ที่ต้องการความรู้พื้นฐาน JavaScript
  • คนทั่วไปที่ต้องการเพิ่มความรู้เรื่อง JavaScript
สิ่งที่คุณจะได้จาก Unit นี้
  • สามารถสร้างเว็บ.ให้ใช้งานได้จริงด้วย JavaScript ได้ด้วยตนเอง
  • เข้าใจพิ้นฐานการสร้างเว็บด้วย JavaScript
  • ฝึกฝนการการประเมิน วางแผน และได้ลงมือทำไปพร้อมกับบทเรียน
  • Workshop งานจริงจาก Enterprise
ที่ปรึกษาการเรียน

สามารถเข้า Discord เพื่อสอบถามแลกเปลี่ยนความรู้ ให้คุณได้เรียนรู้และสอบถามข้อสงสัยเพิ่มเติม
กับ Developer ตัวจริง พร้อมคำปรึกษาด้านการเรียน และการทำงาน

ผู้สอน
พี่ต้น-1.png
  • ประวัติและผลงาน
      • Instructor บริษัท Code-D 789 มากกว่า 5 ปี
        ออกแบบพัฒนา Software Architecture ธุรกิจการเงิน ธนาคาร โทรคมนาคม  มากกว่า 20 ปี
        – Mobile banking app, ธ.กรุงศรี
        – ระบบตู้บริการอัตโนมัติ, AIS
        – Real Time Trading App, SET
        – ระบบรายงานผลเลือกตั้ง, Nation
        –  ออกแบบพัฒนาเว็บไซต์, Amway
      • จบวิศวกรรมคอมพิวเตอร์ จุฬาลงกรณ์ มหาวิทยาลัย เกียรตินิยมอันดับ 1
เนื้อหาคอร์ส
  • 01 รู้จัก JavaScript
    2 PART
    05:00 นาที
    • JavaScript คืออะไร ต่างกับ Java ยังไง
      01:00 นาที
    • Developer Tools
      04:00 นาที
  • 02 Validation ตรวจสอบข้อมูลก่อนใช้
    1 PART
    03:00 นาที
    • วิธีสร้าง validation หรือตรวจข้อมูลก่อนใช้
      03:00 นาที
  • 03 มาเริ่มใช้ตัวแปร (variable)
    2 PART
    03:00 นาที
    • รู้จักตัวแปร (Variable)
      02:00 นาที
    • Constant Variables
      01:00 นาที
  • 04 การใช้ Operator
    6 PART
    11:00 นาที
    • Arithmetic Operator
      01:00 นาที
    • Assignment Operators
      01:00 นาที
    • Increment/Decrement Operators
      01:00 นาที
    • ลำดับความสำคัญของ Operator
      02:00 นาที
    • Comparison Operators
      03:00 นาที
    • Logical Operators
      03:00 นาที
  • 05 รู้จัก Data type
    2 PART
    09:00 นาที
    • ประเภทของ data type และการใช้งาน
      05:00 นาที
    • Array
      04:00 นาที
  • 06 เรียนรู้การสร้าง Object
    2 PART
    07:00 นาที
    • สร้าง Object ประเภท NumberFormat
      04:00 นาที
    • สร้าง Object ประเภท DateTimeFormat
      03:00 นาที
  • 07 รู้เพิ่มเติมเรื่อง function
    2 PART
    09:00 นาที
    • Function แบบ return ค่า
      02:00 นาที
    • String Functions
      07:00 นาที
  • 16 ทดสอบ group 4
    1 PART
    2 ชั่วโมง
    • เนื้อหา
      2 ชั่วโมง
  • Assignment
    ใช้เวลาประมาณ 4 ชั่วโมง
    • Workshop: Hello World

      คุณจะได้เริ่มต้นปูพื้นฐานกับ JavaScript เรียนรู้การใช้งานประยุกต์กับ HTML โดยการสร้างปุ่มใส่ข้อความแล้วแสดงข้อความ Hello World ออกทางหน้าเว็บ

      20 นาที
    • Workshop: Greeting

      เรียนรู้การใช้งาน JavaScript เพิ่มเติม โดยการใส่ชื่อแล้วแสดงข้อความทักทายออกทางหน้าเว็บ

      13 นาที
    • Workshop: โปรแกรมคำนวณ BMI

      คุณจะได้สร้างโปรแกรมที่เริ่มมีการคำนวณ โดยมีการกรอกข้อมูลและมีการคำนวณทางคณิตศาสตร์ เพื่อหาค่า BMI แสดงผลออกทางหน้าเว็บ

      22 นาที
    • Workshop: Greeting Time

      Workshop นี้คุณจะได้ประยุกต์เรื่องของการใช้เงื่อนไขของเวลามาใช้เขียนโปรแกรม ให้หน้าเว็บสามารถทักทายด้วยข้อความที่แตกต่างกันในแต่ละเวลาได้

      18 นาที
    • Workshop: Simple Calculator (มี 5 input, เลือก operation Sum, Max, Min)

      Workshop นี้จะเป็นโปรแกรมที่ซับซ้อนขึ้นกว่าเดิม คุณจะได้สร้างตัวอย่างเครื่องคิดเลขอย่างง่าย โดยจะให้กรอกข้อมูลเป็นตัวเลขอยู่ 5 ช่อง และมีตัวเลือกว่าจะนำมาอะไรบ้าง ระหว่าง Sum คือหาผลรวมของทั้ง 5 ค่า, Min คือหาค่าที่น้อยที่สุดใน 5 ค่านี้ หรือ Max คือหาค่าที่มากที่สุดใน 5 ค่านี้

      21 นาที
    • Workshop: Simple Calculator โดยใช้ Array

      ใน Workshop นี้คุณจะได้ประยุกต์หลักการใช้ array ช่วยในการเขียนโปรแกรมเครื่องคิดเลขให้สะดวกขึ้น โดยไม่ต้องเขียนโปรแกรมซ้ำๆกัน 5 ครั้ง สามารถลดโอกาสผิดพลาดได้

      22 นาที
    • Workshop: Age Calculator

      คุณจะได้สร้างโปรแกรมที่คำนวณอายุ โดยการกรอกช่องวันเดือนปีเกิด โปรแกรมจะแสดงวันเกิดพร้อมกับอายุปีปัจจุบันทางหน้าเว็บ

      16 นาที
    • Workshop: Guess Number

      Workshop นี้คุณจะได้สร้างโปรแกรมเกมทายตัวเลข โดยจะมีช่องให้กรอกสำหรับทายตัวเลขที่โปรแกรมมีการสุ่มเลขที่มีค่าระหว่าง 1-100 โปรแกรมจะสามารถแสดงผลว่าเป็นการทายครั้งที่เท่าไร และตัวเลขที่ทายนั้น มันมากเกินไป หรือน้อยเกินไป หรือถูกต้องแล้ว

      29 นาที
    • Assignment: Greeting App (รับชื่อ วันเกิด เพศ แล้วทักทายตามอายุและเพศ)

      Assignment นี้ คุณจะได้ประยุกต์ใช้สิ่งที่ได้เรียนรู้มาเพื่อสร้างหน้าเว็บทักทายของคนที่กรอกชื่อเข้ามา โดยคุณจะต้องแสดงคำนำหน้าชื่อที่เปลี่ยนไปตามเพศ รวมถึงแจ้งวันเกิดพร้อมอายุ และต้องตรวจสอบข้อมูลที่ได้มาครบถ้วนหรือยัง ซึ่งเป็นกระบวนการที่ใช้กับการทำงานจริงที่ต้องมีการตรวจสอบข้อมูลที่รับเข้ามาเสมอ หากคุณได้ฝึกฝนและส่งงานแล้ว จะได้วิธีการคิดวิเคราะห์งานเพื่อให้คุณสามารถตรวจสอบงานเองได้

      1 ชั่วโมง
product-discount-strikethrough.svg
3,900 บาท
ทั้งหมด 50 บาท
แพ็กเกจสุดคุ้มค่า !
คอร์ส BASIC JAVASCRIPT
ทั้งหมด 5 บทเรียน
C1M01-1024x576.jpg
Unit 1 HTML
product-detail.svg
เนื้อหา :
13 บท
product-time.svg
เรียนรู้ :
1 ชั่วโมง
product-workshop.svg
Assignment :
3 ชั่วโมง (1 แบบฝึก)
product-level-1.svg
ระดับ : พื้นฐาน
4.0
C1M02-1024x576.jpg
Unit2 CSS
product-detail.svg
เนื้อหา :
4 บท
product-time.svg
เรียนรู้ :
3 ชั่วโมง 40 นาที
product-workshop.svg
Assignment :
3 ชั่วโมง 25 นาที (1 แบบฝึก)
product-level-1.svg
ระดับ : พื้นฐาน
3.3
C1M03-1024x576.jpg
Unit3 Javascript Basic
product-detail.svg
เนื้อหา :
7 บท
product-time.svg
เรียนรู้ :
46 นาที
product-workshop.svg
Assignment :
4 ชั่วโมง (9 แบบฝึก)
product-level-1.svg
ระดับ : พื้นฐาน
3.0
C1M04-1024x576.jpg
Unit4 Javascript Loop & JSON
product-detail.svg
เนื้อหา :
3 บท
product-time.svg
เรียนรู้ :
17 นาที
product-workshop.svg
Assignment :
4 ชั่วโมง (10 แบบฝึก)
product-level-2.svg
ระดับ : ปานกลาง
ยังไม่มีคะแนน
C1M05-1024x576.jpg
Unit5 Advanced JavaScript (OOP-API)
product-detail.svg
เนื้อหา :
8 บท
product-time.svg
เรียนรู้ :
52 นาที
product-workshop.svg
Assignment :
2 ชั่วโมง (2 แบบฝึก)
product-level-3.svg
ระดับ : ขั้นสูง
3.0
product-discount-strikethrough.svg
6,000 บาท
ทั้งหมด 3,500 บาท
รีวิวผู้เรียน

3.0

2 รีวิว

5
0
4
0
3
2
2
0
1
0
Avatar

สมมุติ ทดสอบ

10 พฤษภาคม 2024 เวลา 12.04 น.

A3Unit3 3Star
Avatar

W Wtester04

25 เมษายน 2024 เวลา 15.09 น.

Is Okay
ชุมชน
The Ladder
ร่วมพูดคุย สอบถามปัญหา
แบ่งปันความรู้กับ Developer
พร้อมเทคนิคและมุมมองประสบการณ์จริง จากการทำงาน เพื่อช่วยให้คุณเข้าใจ
และเป็น JAVA Developer ได้ไวกว่าเดิม
พร้อมเทคนิคและมุมมองประสบการณ์จริง จากการทำงาน
เพื่อช่วยให้คุณเข้าใจ และเป็น JAVA Developer ได้ไวกว่าเดิม
พร้อมเทคนิคและมุมมองประสบการณ์จริง
จากการทำงาน เพื่อช่วยให้คุณเข้าใจ
และเป็น JAVA Developer ได้ไวกว่าเดิม
discord-icon.svg
พัฒนาทักษะการทำงานจริง และเป็นที่ต้องการขององค์กร
ทดสอบความพร้อมกับเรา
พัฒนาทักษะการทำงานจริง
และเป็นที่ต้องการขององค์กร
ทดสอบความพร้อมกับเรา
รับเคล็ดลับการเรียนรู้และ พัฒนาทักษะของคุณโดยเฉพาะ ฟรี!
รับเคล็ดลับการเรียนรู้และ
พัฒนาทักษะของคุณโดยเฉพาะ ฟรี!
Shopping Cart