กำลังโหลด ...

วิชาเรียน / รายละเอียดหลักสูตร

Web Programming and Development

  • ดร.ไพรวัลย์ ขันทะศิริ image

    โดย - ดร.ไพรวัลย์ ขันทะศิริ

  • 41 ผู้เรียน
  • ไม่มีข้อมูล
  • (0)

ข้อกำหนดของหลักสูตร

Web Programming and Development (การเขียนโปรแกรมและพัฒนาเว็บ) หมายถึง
กระบวนการวางแผน ออกแบบ เขียนโปรแกรม ทดสอบ และดูแลรักษาระบบเว็บไซต์หรือแอปพลิเคชันบนเว็บ เพื่อให้สามารถแสดงผลผ่านเว็บเบราว์เซอร์และทำงานร่วมกับผู้ใช้งานได้อย่างมีประสิทธิภาพ

ประกอบด้วย 2 ส่วนหลัก:

  1. Front-end Development (ฝั่งผู้ใช้)
    การพัฒนาองค์ประกอบที่ผู้ใช้งานมองเห็นและโต้ตอบผ่านเว็บเบราว์เซอร์ เช่น การออกแบบหน้าเว็บ การจัดวางปุ่ม สี รูปภาพ และการเขียนโค้ดด้วยภาษา HTML, CSS และ JavaScript

  2. Back-end Development (ฝั่งเซิร์ฟเวอร์)
    การพัฒนาส่วนของระบบที่ทำงานเบื้องหลัง เช่น การเชื่อมต่อฐานข้อมูล การจัดการผู้ใช้งาน การประมวลผลคำสั่งต่าง ๆ ด้วยภาษาเช่น PHP, Python, Node.js หรือ Java

องค์ประกอบที่เกี่ยวข้อง:

  • ฐานข้อมูล (Database) เช่น MySQL, MongoDB

  • Web Frameworks เช่น React, Angular, Laravel, Express.js

  • Web Servers เช่น Apache, Nginx

  • DevOps Tools สำหรับการจัดการเวอร์ชัน การทดสอบ และการปรับใช้เว็บไซต์

วัตถุประสงค์ของ Web Programming and Development:

  • เพื่อสร้างเว็บไซต์ที่มีฟังก์ชันตอบสนองต่อความต้องการของผู้ใช้

  • เพื่อรองรับการเข้าถึงจากอุปกรณ์หลากหลาย (Responsive Web)

  • เพื่อให้เกิดประสบการณ์ผู้ใช้ (UX) ที่ดี

  • เพื่อสามารถจัดการข้อมูลหรือระบบต่าง ๆ ได้อย่างมีประสิทธิภาพและปลอดภัย

คำอธิบายหลักสูตร

Web Programming and Development (การเขียนโปรแกรมและพัฒนาเว็บ) หมายถึง
กระบวนการวางแผน ออกแบบ เขียนโปรแกรม ทดสอบ และดูแลรักษาระบบเว็บไซต์หรือแอปพลิเคชันบนเว็บ เพื่อให้สามารถแสดงผลผ่านเว็บเบราว์เซอร์และทำงานร่วมกับผู้ใช้งานได้อย่างมีประสิทธิภาพ

โครงสร้างบทเรียนของหลักสูตร

  • 18 บท
  • 69 การบรรยาย
  • 0 แบบทดสอบ
  • ไม่มีข้อมูล ความยาวรวม
สลับสถานะบททั้งหมด
1 เหตุผลว่าทำไมถึงควรใช้ ReactJS แทนการใช้ HTML + JS ธรรมดา
ไม่มีข้อมูล


1 หัวข้อต่าง ๆ ในพาส 1 ของคอร์ส JavaScript
ไม่มีข้อมูล


2 หัวข้อต่าง ๆ ในพาส 2 ของคอร์ส JavaScript
ไม่มีข้อมูล


3 คอร์สเรียนพื้นฐาน JavaScript
2 ชั่วโมง


4 Introduction to JavaScript
2 นาที


5 Linking JavaScript to HTML Document
8 นาที


6 console.log( )
1 นาที


7 Statements & Expressions
1 นาที


8 Comments
1 นาที


9 Semicolon
1 นาที


10 Identifiers
1 นาที


11 Global Object
1 นาที


12 Nested Loops
2 นาที


13 break & continue
2 นาที


14 switch Statement
5 นาที


15 Truthy value & Falsy value
2 นาที


16 Short Circuit Evaluation
2 นาที


17 Nested Arrays
4 นาที


18 Nested Objects
4 นาที


19 Iteration
6 นาที


20 Other Operators
14 นาที


21 Object Shorthand
2 นาที


22 Computed Property Name
3 นาที


23 Rest Parameter
2 นาที


24 Default Parameter
1 นาที


25 Destructuring Assignment
5 นาที


26 Strict Mode
3 นาที


27 this Keyword
3 นาที


28 call(), apply(), bind()
4 นาที


29 Function Expression
4 นาที


30 Closure
5 นาที


31 Constructor Function
6 นาที


32 Other Array Methods
21 นาที


33 Prototypal Inheritance
11 นาที


34 Object Methods
31 นาที


35 Class
11 นาที


36 Getter & Setter
7 นาที


37 Factory Function
2 นาที


38 Error Object
3 นาที


39 Error Handling
4 นาที


40 Method Chaining
2 นาที


41 Hoisting
4 นาที


42 Callback Function
6 นาที


43 Higher Order Function
2 นาที


44 Promise
11 นาที


45 ES Module
6 นาที


46 Primitive Wrapper Objects
25 นาที


47 Type Conversions
3 นาที


1 ปูพื้นฐานการสร้างเว็บด้วย HTML5
5 ชั่วโมง


2 สอน HTML5 & CSS3 สำหรับผู้เริ่มต้น
7 ชั่วโมง


3 คอร์สเรียนพื้นฐาน CSS สำหรับผู้เริ่มต้น
1 ชั่วโมง 30 นาที


4 HTMLCSS.JS_Cheatsheet.pdf
ไม่มีข้อมูล


5 เอกสารเริ่มต้นสร้างและแสดงเนื้อหาของเว็บไซต์ ด้วย HTML
2 ชั่วโมง


1 React คืออะไร ?
2 นาที


2 พามาลองใช้ React ฉบับผู้เริ่มต้นสร้างหน้าเว็บไซต์ (ใช้ Vite สร้างโปรเจกต์)
ไม่มีข้อมูล


3 React คืออะไร มีรูปแบบการเขียนอย่างไร
10 นาที


4 Getting Started
7 นาที


5 React Element
7 นาที


6 React Component
3 นาที


7 Event Handling
2 นาที


8 props
6 นาที


9 state
5 นาที


10 Form
3 นาที


11 Rendering Lists
2 นาที


12 Virtual DOM
2 นาที


1 JSX คืออะไร ?
4 นาที


1 พัฒนาเว็บด้วย React 19.x (อัปเดตล่าสุด) | สำหรับผู้เริ่มต้น [FULL COURSE]
6 ชั่วโมง


1 เรียนรู้พื้นฐาน NodeJS
ไม่มีข้อมูล


1 พื้นฐาน SQL
ไม่มีข้อมูล


ผู้สอน

ดร.ไพรวัลย์ ขันทะศิริ

ผลงานวิจัย (เรียงตามปี พ.ศ.)

  1. Improving Critical Reading Abilities in 10th Graders: An Active Learning Approach

    • ผู้เขียน: N. Phimphimon, A. Intasena, T. Srimunta, P. Khantasiri

    • วารสาร: International Journal of Learning, Teaching and Educational Research, 23(3), 2024

    • คำสำคัญ: Critical Reading, Active Learning, Secondary Education

  2. THE DEVELOPMENT OF AN ONLINE LEARNING COMMUNITY MODEL BASED ON THE CONCEPT OF COLLABORATIVE LEARNING TO PROMOTE SKILLS IN USING TEACHING TECHNOLOGY ACCORDING TO THE PERFORMANCE

    • ผู้เขียน: P. Khantasiri, E. Bangthamai

    • สถาบัน: Silpakorn University, 2023

    • คำสำคัญ: Online Learning Community, Collaborative Learning, Teaching Technology Skills

  3. การเปรียบเทียบผลการเรียนรู้และความคิดสร้างสรรค์ของผู้เรียนที่เรียนด้วยบทเรียนบนเว็บแบบโครงงานกับการเรียนแบบปกติ เรื่อง การออกแบบสื่อสิ่งพิมพ์เชิงสร้างสรรค์ด้วยโปรแกรมตกแต่ง

    • ผู้เขียน: ไพรวัลย์ ขันทศิริ, รัฐสา น์เลาหสุรโยธิน, ฐิติมา กำลังเลิศ

    • วารสาร: Journal of Educational Measurement Mahasarakham University, 21(2), 203-217, 2565 (2022)

    • คำสำคัญ: Web-based Project Learning, Creativity, Graphic Design

0 คะแนน
0 ความคิดเห็น
83 นักเรียน
5 หลักสูตร

คะแนนรวมของหลักสูตร

0

คะแนนรวมของหลักสูตร
(0)
(0)
(0)
(0)
(0)

ไม่พบความคิดเห็น

เข้าสู่ระบบ หรือ ลงทะเบียน ในฐานะผู้เรียนเพื่อเขียนความคิดเห็น

ข้อเสนอแนะจากผู้เรียน

หลักสูตรที่คุณอาจสนใจ

ระดับที่ 1
Smart Technology for Health
0 (0 การให้คะแนน)
Smart Technology for Health คือ แนวคิดการนำเทคโนโลยีอัจฉริยะ (Smart Technology) มาใช้เพื่อ ส่งเสริม ป้องกัน ดูแลรักษา แล...
ระดับที่ 1
Production of Health Multimedia
0 (0 การให้คะแนน)
Production of Health Multimedia" คือ การออกแบบ พัฒนา และเผยแพร่สื่อมัลติมีเดียที่มุ่งเน้นด้านสุขภาพ เพื่อใช้ในการสื่อสาร...

คุณต้องลงทะเบียนก่อนจึงจะสามารถถามคำถามได้

หลักสูตรแนะนำเพิ่มเติม

หลักสูตรอื่น ๆ จากผู้เขียนเดียวกัน

ค้นหาโอกาสการเรียนรู้อื่นๆ