ใบรับรองผ่านการอบรมหลักสูตร CodeCraft: Intro to Web Development with HTML, CSS & JS
CodeCraft: Intro to Web Development with HTML, CSS & JS
คอร์ส CodeCraft: บทนำสู่การพัฒนาเว็บด้วย HTML, CSS & JS นำเสนอการเรียนรู้พื้นฐานเกี่ยวกับการสร้างเว็บไซต์โดยใช้ HTML CSS และ JavaScript ผ่านการเรียนรู้ทั้งหมด 2 วัน ผู้เรียนจะได้เรียนรู้เกี่ยวกับพื้นฐานการพัฒนาเว็บไซต์รวมถึงโครงสร้าง HTML, การสร้างสไตล์ด้วย CSS และการสร้างประสบการณ์การใช้งานที่มีประสิทธิภาพผ่านการเรียนรู้ทฤษฎีและปฏิบัติในห้องเรียน
ขณะนี้ยังไม่มีรอบอบรมที่เปิดรับสมัคร โดยข้อมูลด้านล่างอ้างอิงจากรอบล่าสุดที่เคยเปิดอบรม
หากสนใจหลักสูตรนี้ กรุณาติดต่อทีมงานหรือกลับมาตรวจสอบอีกครั้งในภายหลัง
คอร์สนี้ออกแบบมาเพื่อให้เรียนแล้วนำไปใช้ต่อได้จริง
สรุปเหตุผลสำคัญที่ทำให้คอร์สนี้เหมาะกับคนที่ต้องการอัปสกิลอย่างจริงจังและต่อยอดงานได้ทันที
เรียนแบบลงมือทำจริง
ทุกช่วงถูกออกแบบให้ต่อจากภาพรวมไปสู่การลงมือทำจริง เพื่อให้ผู้เรียนกลับไปใช้ต่อได้เร็ว
เนื้อหาจัดลำดับเพื่อคนทำงานจริง
จัดลำดับหัวข้อให้เข้าใจง่ายขึ้น ลดความล้าจากเนื้อหาหนัก และช่วยให้จับประเด็นสำคัญได้ไว
ตัดสินใจก่อนซื้อได้อย่างมั่นใจ
มีทั้งช่องทางสอบถามและลงทะเบียนที่ชัดเจนในจังหวะสำคัญของหน้า เพื่อช่วยให้ตัดสินใจได้ง่ายขึ้น
วัตถุประสงค์
สิ่งที่คุณจะเข้าใจและนำไปใช้ต่อได้หลังจบคอร์ส สรุปเป็นรายการที่อ่านเร็วและเห็นภาพชัด
- เข้าใจโครงสร้างพื้นฐานและส่วนประกอบของการพัฒนาเว็บไซต์รวมถึง HTML CSS และ JavaScript
- เรียนรู้วิธีการสร้างเอกสาร HTML ที่มีโครงสร้างที่ดีและการปรับใช้สไตล์ CSS เพื่อเพิ่มการนำเสนอที่สามารถเห็นได้ของเนื้อหาเว็บ
- พัฒนาความคุ้นเคยในไวยากรณ์ของ JavaScript รวมถึงตัวแปร, ประเภทข้อมูล, โครงสร้างควบคุม, และฟังก์ชัน
- พัฒนาทักษะในการจัดการกับโมเดลวัตถุเอกสาร (DOM) เพื่ออัปเดตเนื้อหาเว็บไซต์แบบไดนามิกและตอบสนองต่อการกระทำของผู้ใช้
- รวมการใช้ HTML, CSS และ JavaScript เข้าด้วยกันเพื่อสร้างเว็บไซต์แบบอินเทอร์แอคทีฟที่มีความหลากหลายและความสามารถในการเปลี่ยนแปลงได้
เหมาะกับใคร และควรเตรียมตัวอย่างไรก่อนเข้าร่วม
ดูได้ชัดเจนว่าคอร์สนี้เหมาะกับใคร และควรมีพื้นฐานอะไรบ้างก่อนเข้าเรียน
เนื้อหาคอร์ส
โครงสร้างเนื้อหาถูกแบ่งเป็นโมดูล เพื่อให้ดูภาพรวมได้ง่ายและเลือกเปิดอ่านรายละเอียดในส่วนที่สนใจ
01Introduction to Web Development
2 หัวข้อย่อยในโมดูลนี้
ดูรายละเอียด
Introduction to Web Development
2 หัวข้อย่อยในโมดูลนี้
- Overview of HTML, CSS and JavaScript.
- Importance of each in web development.
02HTML Essentials
4 หัวข้อย่อยในโมดูลนี้
ดูรายละเอียด
HTML Essentials
4 หัวข้อย่อยในโมดูลนี้
- Structure of an HTML document.
- HTML tags and elements.
- Basic HTML tags: <html>, <head>, <title>, <body>, <h1>-<h6>, <p>, <a>, <img>, etc.
- Semantic HTML elements: <header>, <nav>, <main>, <section>, <article>, <footer>.
03CSS Basics
4 หัวข้อย่อยในโมดูลนี้
ดูรายละเอียด
CSS Basics
4 หัวข้อย่อยในโมดูลนี้
- Introduction to CSS.
- CSS syntax: selectors, properties, values.
- Different ways to apply CSS: inline, internal, external.
- Basic CSS properties: color, font, margin, padding, etc.
04Hands-on HTML
3 หัวข้อย่อยในโมดูลนี้
ดูรายละเอียด
Hands-on HTML
3 หัวข้อย่อยในโมดูลนี้
- Creating a basic HTML document.
- Structuring content using HTML tags.
- Building a simple webpage with text and images.
05Styling with CSS
3 หัวข้อย่อยในโมดูลนี้
ดูรายละเอียด
Styling with CSS
3 หัวข้อย่อยในโมดูลนี้
- Applying CSS styles to HTML elements.
- Experimenting with basic CSS properties to change the appearance of elements.
- Creating a styled webpage.
06Adding Interactivity with JavaScript
0 หัวข้อย่อยในโมดูลนี้
ดูรายละเอียด
Adding Interactivity with JavaScript
0 หัวข้อย่อยในโมดูลนี้
07Introduction to JavaScript
3 หัวข้อย่อยในโมดูลนี้
ดูรายละเอียด
Introduction to JavaScript
3 หัวข้อย่อยในโมดูลนี้
- What is JavaScript?
- JavaScript's role in web development.
- Basic JavaScript syntax: variables, data types, operators, control structures.
08DOM Manipulation
3 หัวข้อย่อยในโมดูลนี้
ดูรายละเอียด
DOM Manipulation
3 หัวข้อย่อยในโมดูลนี้
- Understanding the Document Object Model (DOM).
- Accessing and modifying HTML elements with JavaScript.
- Event handling: responding to user actions.
09Introduction to Functions
3 หัวข้อย่อยในโมดูลนี้
ดูรายละเอียด
Introduction to Functions
3 หัวข้อย่อยในโมดูลนี้
- Declaring and calling functions.
- Parameters and return values.
- Function expressions vs. function declarations.
10Interactive Web Pages with JavaScript
2 หัวข้อย่อยในโมดูลนี้
ดูรายละเอียด
Interactive Web Pages with JavaScript
2 หัวข้อย่อยในโมดูลนี้
- Adding JavaScript to manipulate HTML elements dynamically.
- Creating interactive features such as buttons, forms, and simple animations.
11Putting It All Together
2 หัวข้อย่อยในโมดูลนี้
ดูรายละเอียด
Putting It All Together
2 หัวข้อย่อยในโมดูลนี้
- Integrating HTML, CSS and JavaScript to create a fully functional web page.
- Refining the webpage design and functionality.
12Project Work and Q&A
3 หัวข้อย่อยในโมดูลนี้
ดูรายละเอียด
Project Work and Q&A
3 หัวข้อย่อยในโมดูลนี้
- Participants work on a small project applying what they've learned.
- Instructor provides guidance and assistance as needed.
- Q&A session to address any remaining questions or concerns
กำหนดการอบรม
ตรวจสอบรอบอบรม วันที่ เวลา สถานที่ และรายละเอียดการลงทะเบียนได้ในส่วนเดียว
ขณะนี้ยังไม่มีรอบอบรมที่เปิดรับสมัคร โดยข้อมูลด้านล่างอ้างอิงจากรอบล่าสุดที่เคยเปิดอบรม
หากสนใจหลักสูตรนี้ กรุณาติดต่อทีมงานหรือกลับมาตรวจสอบอีกครั้งในภายหลัง