bootstrap exercises tutorial

แบบฝึกหัด Bootstrap บทช่วยสอนที่ 4Geeks Academy

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

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

1. วิธีใช้ bootstrap กับเว็บไซต์ของคุณ

2. การเลือกองค์ประกอบ HTML จากเว็บไซต์ของคุณเพื่อใช้สไตล์ bootstrap

3. ใช้คลาส bootstrap กับองค์ประกอบเหล่านั้น

4. ใช้กฎ bootstrap ที่ได้รับความนิยมมากที่สุด

5. เรียนรู้เทคนิค bootstrap ที่ได้รับความนิยมมากที่สุด

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

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

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

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

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

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

การติดตั้งในพื้นที่:

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

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

$ npm i learnpack -g
$ learnpack plugins:install learnpack-html

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

$ learnpack download bootstrap-exercises-tutorial
$ cd bootstrap-exercises-tutorial

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

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

$ npm i [email protected] -g
$ learnpack start

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

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

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

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

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

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

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

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

แบบฝึกหัดนี้และแบบฝึกหัดอื่น ๆ อีกมากมายถูกสร้างขึ้นโดยนักเรียนซึ่งเป็นส่วนหนึ่งของการเข้ารหัส 4Geeks Academy Bootcamp โดย Alejandro Sánchezและผู้มีส่วนร่วมอื่น ๆ อีกมากมาย ค้นหาข้อมูลเพิ่มเติมเกี่ยวกับหลักสูตรนักพัฒนาสแต็กเต็มรูปแบบของเราและข้อมูล Bootcamp วิทยาศาสตร์