react tutorial exercises

ตอบโต้การสอนและแบบฝึกหัดแบบโต้ตอบ

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

Estas Instrucciones están disponibles en ?? español ??

คุณสามารถค้นหาแบบฝึกหัดแบบโต้ตอบ/autograded ออนไลน์ได้ฟรีมากมาย แต่มีน้อยมากเกี่ยวกับ React.js นั่นเป็นเหตุผลที่เราตัดสินใจที่จะสร้างแบบฝึกหัดที่ครอบคลุมสำหรับนักพัฒนาที่มีความสนใจในการเรียนรู้ react.js

แบบฝึกหัดเหล่านี้สามารถทำได้โดยนักพัฒนาทั้งจูเนียร์และอาวุโสและมีจุดประสงค์เพื่อสร้างผ่านการทำงานร่วมกัน เราต้องการความช่วยเหลือจากคุณ!

หากคุณพบปัญหาข้อบกพร่องหรือการสะกดคำใด ๆ โปรดมีส่วนร่วมและรายงานพวกเขาและเราจะแก้ไขพวกเขา

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

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

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

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

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

1. ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้ง LearnPack ในเครื่อง
2. ดาวน์โหลดแบบฝึกหัด React โดย การโคลนนิ่ง โครงการหรือดาวน์โหลด ZIP จาก GitHub

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

3. เริ่มต้นการสอน/แบบฝึกหัดโดยเรียกใช้คำสั่งต่อไปนี้จากรูทของโครงการ:

$ npm i @learnpack/learnpack -g
$ learnpack start

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

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

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

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

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

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

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

2. Paolo (Plucodev), การมีส่วนร่วม: (รายงานข้อผิดพลาด)?, (coder), (การแปล)?

3. Marco Gómez (Marcogonzalo), การมีส่วนร่วม: (รายงานข้อผิดพลาด)?, (แปล)?

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

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