After Songkran Sale ลดราคา 17-19 เม.ย. เท่านั้น

HTML 1: พื้นฐาน

Intermediate

Beginner

Expert

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

ทดลองเรียนฟรี
3
 ชั่วโมง
169
 นาที
1
 การบ้าน
1
 ข้อสอบ
แพ็คเกจสมาชิกการเรียนที่คุ้มค่าที่สุด
ชั่วโมงปรึกษา 6-8 ชม/วัน
ตรวจทุกการบ้านและโปรเจ็กต์
เข้าร่วมอีเวนท์ 2-3/สัปดาห์
รับบริการสนับสนุนอาชีพ
เรียนพร้อมกับ Job Guarantee
เริ่มเรียนแบบไม่จำกัดกว่า 100 คอร์สและอื่นๆ เรียนแล้วไม่ได้งานคืนเงิน 100%

หลักสูตร

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

รายละเอียดบทเรียน

Introduction

Welcome to the Bootcamp!

How Does the Internet Work

The Request/Response Cycle

Front-End vs Back-End

HTML, CSS and Javascript

Downloading VS Code

Live Server

Other VS Code Extensions

How to Using CodePen

เช็กความเข้าใจ

Feedback

ยินดีด้วย

01:37

01:06

04:37

05:17

04:11

05:44

04:21

06:15

03:05

04:52

1 questions

3 questions

00:04

1

Introduction

คุณจะได้ทำความรู้จักกับแนวคิดพื้นฐานและศัพท์เฉพาะที่จำเป็นสำหรับการพัฒนาเว็บไซต์ คุณจะเรียนรู้เกี่ยวกับเค้าโครงส่วนแรกของการทำเว็บ สามารถอธิบายการทำงานของวงจร request-response และแยกแยะระหว่างการพัฒนาแบบ front-end และ back-end ได้

รายละเอียดบทเรียน

เริ่มเรียนบทนี้

Introduction

Welcome to the Bootcamp!

How Does the Internet Work

The Request/Response Cycle

Front-End vs Back-End

HTML, CSS and Javascript

Downloading VS Code

Live Server

Other VS Code Extensions

How to Using CodePen

เช็กความเข้าใจ

Feedback

ยินดีด้วย

01:37

01:06

04:37

05:17

04:11

05:44

04:21

06:15

03:05

04:52

1 questions

3 questions

00:04

2

Elements, Attribute และ Text Formatting

ในโมดูลนี้ เริ่มต้นจากโครงสร้างพื้นฐานของเอกสาร HTML ที่รวมถึงแท็ก <html>, <head>, และ <body> ซึ่งเป็นส่วนสำคัญของทุกเว็บไซต์ คุณจะได้เรียนรู้การใช้งานแอตทริบิวต์เพื่อกำหนดคุณสมบัติหรือการของแต่ละองค์ประกอบพื้นฐานของ HTML เช่น <p>, <h1> ถึง <h6>, <div>, และ <span> และวิธีการนำพวกนี้มาใช้ในการสร้างโครงสร้างเว็บเพจที่น่าทึ่ง ไม่ว่าจะเป็นการจัดรูปแบบข้อความหรือการกำหนดโครงสร้างทั้งหน้าเว็บ คอร์สนี้จะทำให้คุณมั่นใจในการใช้ HTML ในการสร้างเนื้อหาเว็บไซต์ของคุณ!

รายละเอียดบทเรียน

เริ่มเรียนบทนี้

Learning Goals

Introduction to HTML

HTML คือะไร

HTML Structure

ทบทวน: โครงสร้าง HTML

HTML Elements

Paragraph and Header

Attributes

ทบทวน: Attributes คืออะไร

Introduction to Code Inspector

VS Code Tip: Auto Format

ทบทวน: Tag การจัดรูปแบบข้อความ HTML

Image

Anchor Tag

Other Useful Tags

ทบทวน: Heading, Div, Anchor and Image

Quiz: HTML Basics, Tag และ Attribute

Challenge: สร้างเว็บไซต์สำหรับเพื่อนนักออกแบบของคุณ

Comments

เขียนคอมเมนต์

Feedback

00:09

08:49

00:06

12:47

00:14

00:34

11:03

05:21

00:11

06:36

05:28

00:42

08:32

06:38

04:23

00:44

8 questions

1 questions

05:25

00:05

3 questions

3

Elements อื่นๆ และ Semantics

ในโมดูลนี้! เราจะสำรวจการใช้งานและความสำคัญขององค์ประกอบ <hr> ในการเพิ่มเส้นแบ่งบนหน้าเว็บ และทำความเข้าใจความแตกต่างระหว่าง <div> กับ <span> พร้อมกับสถานการณ์ที่เหมาะสมในการใช้งานแต่ละองค์ประกอบ นอกจากนี้เราจะสังเกตการใช้งาน <br> (Line Break) เพื่อสร้างการขึ้นบรรทัดใหม่ภายในเอกสาร HTML และลงตัวหลักการเซมันติก (Semantics) ของ HTML พร้อมความสำคัญในการเลือกใช้องค์ประกอบที่เหมาะสม เพื่อปรับปรุงความสามารถในการเข้าถึง (Accessibility) และการทำความเข้าใจเนื้อหาโดยเครื่องมือค้นหา มาเป็นมืออาชีพทางเว็บไซต์!

รายละเอียดบทเรียน

เริ่มเรียนบทนี้

Learning Goals

What Exactly Is HTML5?

Block vs. Inline Elements - Divs and Spans

Elements: HR, BR, Sup, & Sub

Entity Codes

Intro to Semantic Markup

Semantic HTML

VSCode Tip: Emmet

Feedback

Certificate

00:10

03:28

09:55

10:11

06:29

08:29

00:54

19:08

3 questions

4

รายละเอียดบทเรียน

เริ่มเรียนบทนี้
5

รายละเอียดบทเรียน

เริ่มเรียนบทนี้
6

รายละเอียดบทเรียน

เริ่มเรียนบทนี้
7

รายละเอียดบทเรียน

เริ่มเรียนบทนี้

เป็นส่วนหนึ่งของ Career Track:

เป็นส่วนหนึ่งของ Skill Track:

ฟังเสียงจริงจากนักเรียนของเรา

นักเรียนที่เคยเผชิญความท้าทายในการเปลี่ยนสายงาน แต่สามารถบรรลุเป้าหมายและประสบความสำเร็จได้ด้วยการเรียนกับเรา

มากกว่าคอร์สออนไลน์ธรรมดา

เรียนรู้สกิลไอทีหลากหลาย ทั้งคอร์สเรียน IT เส้นทางทักษะ อีเวนท์สด และการทำโปรเจ็คจริง มีการันตีงาน 100%

พูดคุยกับเมนเทอร์ในชั่วโมงปรึกษา

เมนเทอร์ของเราพร้อมประจำการเพื่อช่วยเหลือคุณระหว่าง 6-10 ชั่วโมง/วัน ผ่านวีดิโอคอนเฟอเรนซ์

สอบถามและคุยกับเพื่อนๆบน ออนไลน์ Community

มีคำถามหรือต้องการแบ่งปันอะไรบ้างไหม ส่งข้อความถึงเพื่อนๆ และผู้ช่วยสอนในชุมชนของเรา

เราจะตรวจการบ้านและโปรเจกต์ของคุณทั้งหมด

ส่งงานของคุณมาและรอรับฟีดแบ็ก ซึ่งเราจะพยายามตอบกลับภายในเวลาไม่เกิน 7 วัน

การเรียนแบบสดผ่าน Bootcamp

รูปแบบการเรียนแบบ Flipped Learning ผ่านวิดีโอบทเรียนสำหรับการเรียนเองในวันธรรมดาและมีการเรียนสดในวันสุดสัปดาห์

LinkedIn, Resume และ พอร์ตโฟลิโอรีวิว

สร้างความประทับใจให้กับ HR และบริษัทด้วยโปรไฟล์ที่โดดเด่น

เข้าร่วมอีเวนท์ออนไลน์และออนไซต์

ไม่ว่าจะเป็นเวิร์คช็อป ผู้บรรยายพิเศษ หรือกิจกรรมอื่นๆ คุณสามารถเข้าร่วมกิจกรรมมากมาย

พบกับผู้สอนและเมนเทอร์ของคุณ

ครูผู้สอนที่มีความเชี่ยวชาญในสาขานั้นๆ หลักสูตรสอนโดยผู้เชี่ยวชาญในสายงาน IT ที่มีความรู้และประสบการณ์มากมาย

Kritpavin Chaiwong

Traivith Chumpkhun

Software Engineer @ ABACUS digital

Chawin Asavasaetakul

CEO @ WeStride

Job Guarantee ของเราคืออะไร?

เรารับประกันคืนเงิน 100% หากคุณไม่ได้งานด้านเทคโนโลยีภายใน 6 เดือนหลังจากสำเร็จการศึกษา

เรียนรู้เพิ่มเติม
แพ็คเกจสมาชิกการเรียนที่คุ้มค่าที่สุด
ชั่วโมงปรึกษา 6-8 ชม/วัน
ตรวจทุกการบ้านและโปรเจ็กต์
เข้าร่วมอีเวนท์ทุกสัปดาห์
รับบริการสนับสนุนอาชีพ
เรียนพร้อมกับ Job Guarantee
เริ่มเรียนแบบไม่จำกัดกว่า 100 คอร์สและอื่นๆ เรียนแล้วไม่ได้งานคืนเงิน 100%

คำถามที่พบบ่อย

WeStride Plus แตกต่างจาก WeStride ธรรมดาอย่างไร? 
BootcampPlus ของเราจะให้บริการแบบ unlimited โดยจะไม่จำกัดบริการไม่ว่าจะเป็น การให้คำปรึกษาจาก Mentor และ Career coachแบบตัวต่อตัว ซึ่งในขณะที่ Bootcamp ในรูปแบบใหม่จะมีการเรียนรู้ผ่านวิดีโอตลอด วันจันทร์ถึงศุกร์และมีคลาสสดในวันเสาร์อาทิตย์ ทำให้คุณได้เรียนรู้ทั้งแบบเดี่ยวและเป็นกลุ่ม
Bootcamp แตกต่างจาก Career Track อย่างไร? 
A: Bootcamp จะให้ประสบการณ์การเรียนรู้ในรูปแบบการสอนสดในช่วงวันเสาร์และอาทิตย์ โดยจะมีการบ้านเสริมและโปรเจกต์ให้ทำเพื่อเสริมทักษะในการทำงานให้กับนักเรียน แต่ในทางกลับกันในส่วนของ Career Track จะเป็นการจัดการสอนออนไลน์แบบไม่ประสานเวลา (Asynchronous learning) โดยผู้เรียนสามารถเรียนรู้ได้ด้วยตนเอง
ฉันต้องจ่ายเพิ่มสำหรับ ชั่วโมงปรึกษา, Events, Bootcamp หรือสิ่งอื่นๆ ไหม? 
ไม่เลย! ทุกสิ่งที่เรานำเสนอชั่วโมงปรึกษา , Events และ Bootcamp ไม่มีค่าใช้จ่ายเพิ่มเติม ซึ่งในส่วนนี้เป็นบริการที่เรามีกับให้นักเรียนทุกคน
ถ้าฉันมีคำถาม ฉันควรถามใคร?
คุณสามารถสอบถามทาง Mentor ได้ที่ ชั่วโมง Office Hours Communityออนไลน์ของเรา Events และคลาสสด
ฉันสามารถขอคืนเงินได้ไหม? 
ขออภัย เราไม่สามารถให้บริการคืนเงินได้
การรับประกันงานของเราคืออะไร? 
WeStride เรามีความมั่นใจในคุณภาพการฝึกอบรมจนกล้ารับประกันคืนเงิน 100% หากคุณไม่ได้งานในด้านเทคโนโลยีภายใน 6 เดือนหลังจากจบการศึกษาทางสถาบันยินดีคืนเงินเต็มจำนวน โดยการรับประกันกันงานจะมีข้อกำหนดและเงื่อนไขโดยสามารถอ่านรายละเอียดได้ที่นี่
Skill Track แตกต่างจาก Career Track อย่างไร? 
Career Track จะมุ่งเน้นไปในส่วนของอาชีพโดยตรง แต่ในขณะที่ Skill Track เน้นทักษะเฉพาะทางที่ใช้ในการทำงานได้จริง แต่ถึงแม้ว่าหลายหลักสูตรใน Career Track จะครอบคลุมทักษะที่มีใน Skill Track แต่ Skill Track จะให้ความยืดหยุ่นให้กับนักเรียนที่ต้องการเพิ่มทักษะเฉพาะเช่นการใช้ Microsoft Excel ก็สามารถเข้าไปเรียนรู้เพิ่มเติมได้อีกด้วย
เมื่อฉันทำการบ้านเสร็จ ใครจะตรวจ? 
หากนักเรียนได้ทำการส่งแบบฝึกหัด จะมีทีมงาน Mentor ของเราจะตรวจการบ้านและให้คำแนะนำกับคุณภายใน 5-7 วัน
LinkedIn, Portfolio และ Resume Review คืออะไร? 
คุณจะได้รับการทบทวน LinkedIn, Portfolio และ Resume ของคุณให้มีความน่าเชื่อถือและน่าสนใจมากที่สุด โดยการตรวจเช็คจะตรวจโดยผู้เชี่ยวชาญ 1 ครั้งต่อ 1 คน
ฉันสามารถเรียนคอร์สหรือ Skill Track ใดก็ได้หรือไม่? มีข้อจำกัดหรือไม่?
คุณมีอิสระที่จะเรียนรู้ทุกคอร์สและทุก Skill Track ที่เราเสนอโดยไม่มีข้อจำกัด เราอยากให้คุณสามารถสำรวจและเพิ่มทักษะได้อย่างไม่มีขอบเขต