html tutorial exercises course

HTML5 แบบฝึกหัดการสอนที่ 4Geeks Academy

โดย @alesanchezr และผู้มีส่วนร่วมอื่น ๆ ที่ 4Geeks Academy

การเลือกแบบฝึกหัด HTML แบบอัตโนมัติให้เลือกอย่างสมบูรณ์ทุกคนที่สนใจในการเรียนรู้ HTML!

สวัสดี! ฉันคือ Alejandro Sanchez @alesanchezr ตื่นเต้นมากที่ได้มีคุณที่นี่! - - การเรียนรู้รหัสเป็นเรื่องยากคุณต้องมีการฝึกสอน! DM ฉันบน Twitter หากคุณมีคำถามใด ๆ

คุณจะได้เรียนรู้แนวคิดต่อไปนี้:

1. ทำความคุ้นเคยกับแท็ก HTML ที่ได้รับความนิยมมากที่สุด

2. การใช้แท็กร่วมกันเพื่อสร้างเว็บไซต์ HTML อย่างง่าย

3. การเชื่อมโยงเว็บไซต์เข้าด้วยกันโดยใช้จุดยึดที่มีเส้นทางสัมพัทธ์หรือแบบสัมบูรณ์

4. แท็กเสียงและวิดีโอ HTML

ก่อนที่เราจะเริ่ม ... บทเรียนอื่น ๆ ที่เกี่ยวข้อง

1. เรียนรู้ html ←คุณอยู่ที่นี่แล้ว
2. เรียนรู้แบบฟอร์ม HTML5
3. เรียนรู้ CSS
4. เรียนรู้เลย์เอาต์ CSS
5. เรียนรู้ bootstrap

การติดตั้งคลิกเดียว (แนะนำ):

คุณสามารถเปิดแบบฝึกหัดเหล่านี้ได้ในเวลาเพียงไม่กี่วินาทีโดยคลิก: เปิดใน codespaces (แนะนำ) หรือเปิดใน gitpod

เมื่อคุณมี VSCODE เปิดแบบฝึกหัด LearnPack ควรเริ่มต้นโดยอัตโนมัติ หากแบบฝึกหัดไม่ทำงานโดยอัตโนมัติคุณสามารถลองพิมพ์บนเทอร์มินัลของคุณ: $ learnpack start

การติดตั้งด้วยตนเอง

โคลนพื้นที่เก็บข้อมูลในสภาพแวดล้อมท้องถิ่นของคุณและทำตามขั้นตอนด้านล่าง:

1. ติดตั้ง LearnPack ผู้จัดการแพ็คเกจสำหรับการเรียนรู้แบบฝึกหัดและปลั๊กอินคอมไพเลอร์ HTML สำหรับ LearnPack ตรวจสอบให้แน่ใจว่าคุณมี node.js 14+:

$ npm i @learnpack/learnpack -g

2. ดาวน์โหลดแบบฝึกหัดและ cd นี้ลงในโฟลเดอร์:

$ git clone https://github.com/4GeeksAcademy/html-tutorial-exercises-course
$ cd html-tutorial-exercises-course

หมายเหตุ: เมื่อคุณดาวน์โหลดเสร็จแล้วคุณจะพบโฟลเดอร์ "แบบฝึกหัด" ที่มีแบบฝึกหัดทั้งหมดภายใน

3. เริ่มต้นการสอน/แบบฝึกหัดโดยเรียกใช้คำสั่งต่อไปนี้ในระดับเดียวกันกับที่ไฟล์ Learn.json ของคุณคือ:

$ learnpack start

สำหรับข้อมูลเพิ่มเติมหรือคำถามที่คุณสามารถอ้างถึงเอกสาร LearnPack

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

แบบฝึกหัดมีการจัดระเบียบอย่างไร?

แต่ละแบบฝึกหัดเป็นแอปพลิเคชันปฏิกิริยาขนาดเล็กที่มีไฟล์ต่อไปนี้:

1. index.js: แสดงไฟล์รายการสำหรับแอพทั้งหมด
2. readme.md: มีคำแนะนำในการออกกำลังกาย
3. test.js: คุณไม่จำเป็นต้องเปิดไฟล์นี้มันมีสคริปต์ทดสอบสำหรับการออกกำลังกาย

ผู้มีส่วนร่วม

ขอบคุณไปที่คนที่ยอดเยี่ยมเหล่านี้ (คีย์อีโมจิ):

1. Alejandro Sanchez (Alesanchezr), การมีส่วนร่วม: (coder) (IDEA)?, (Build-tests) , (pull-request-review)? (Build-Tutorial) ✅ (เอกสาร)

2. David Hay (Haydavid23), การมีส่วนร่วม: (ทดสอบ)

3. Daniel Machota (@D4RKM0NST3R), การมีส่วนร่วม: (Build-Tutorial) ✅, การแปล?

โครงการนี้เป็นไปตามข้อกำหนดทั้งหมดของผู้เข้าร่วม ยินดีต้อนรับการมีส่วนร่วมทุกชนิด!