popcode
1.0.0
PopCode เป็นสภาพแวดล้อมการแก้ไข HTML/CSS/JavaScript อย่างง่ายสำหรับใช้ในห้องเรียน มันเหมือนกับ JSBIN, JSFIDDLE หรือ CodePen แต่มันมุ่งเน้นไปที่การให้ข้อเสนอแนะที่เฉพาะเจาะจงและเป็นมิตรกับมนุษย์เมื่อรหัสมีข้อผิดพลาด
PopCode เป็นสภาพแวดล้อมการแก้ไขอย่างเป็นทางการสำหรับ Code Nation Intro โปรแกรมการพัฒนาเว็บในปีการศึกษา 2562-2563
คุณสามารถลองใช้ popcode ได้ที่ https://popcode.org
ระบบการตรวจสอบความถูกต้องเป็นประเด็นหลักของโครงการนี้ ตัวตรวจสอบไวยากรณ์ส่วนใหญ่ผ้าลินินและผู้บังคับใช้สไตล์มักจะให้ข้อเสนอแนะโดยใช้ภาษาที่มุ่งเน้นไปที่ผู้เขียนโค้ดที่มีประสบการณ์ไม่ใช่ผู้เริ่มต้น ดังนั้นการให้การแปลข้อความแสดงข้อผิดพลาดเป็นภาษาอังกฤษธรรมดาสำหรับนักเรียนจึงเป็นข้อกังวลที่สำคัญของโครงการนี้
Popcode มีแนวโน้มที่จะบังคับใช้รูปแบบผ้าสำลีและรหัสอย่างเข้มงวดแม้ว่าการตัดสินใจสไตล์ที่บังคับใช้นั้นเป็นไปตามอำเภอใจภายใต้ปรัชญาที่ให้นักเรียนเป็นวิธีที่ถูกต้องในการกำจัดความกำกวมและช่วยกระบวนการเรียนรู้
PopCode ใช้ React เพื่อแสดงความคิดเห็น Redux เพื่อจัดการสถานะแอปพลิเคชัน, ACE เป็นตัวแก้ไขรหัส, WebPack เพื่อจัดทำแพ็คเกจแอปพลิเคชันฝั่งไคลเอ็นต์และ Babel เพื่อรวบรวม JavaScript ที่ทันสมัยสำหรับความเข้ากันได้กับรุ่นเบราว์เซอร์แบบดั้งเดิม
PopCode ตรวจพบข้อผิดพลาดในรหัสนักเรียนโดยใช้ slowparse, htmllint, HTML Inspector, Rework CSS, Prettycss, Stylelint, Jshint และ Esprima
PopCode เป็นโครงการอาสาสมัครทั้งหมดและยินดีต้อนรับการมีส่วนร่วม ฉันขอแนะนำให้ผู้มีส่วนร่วมครั้งแรกเริ่มต้นด้วยคู่มือการเริ่มต้น ซึ่งให้รายละเอียดที่เป็นมิตรและมีรายละเอียดของแต่ละขั้นตอนต่อการมีส่วนร่วมคำขอดึงครั้งแรกของคุณ
หากคุณต้องการมีส่วนร่วม แต่ไม่มีความคิดเฉพาะเกี่ยวกับวิธีการตรวจสอบปัญหาแรกที่ดีและความช่วยเหลือที่ต้องการฉลาก หากคุณมีความคิดอยู่แล้วที่คุณหลงใหลให้ไปหามัน
Popcode มาพร้อมกับสภาพแวดล้อมการพัฒนาที่รวมแบตเตอรี่ที่สร้างขึ้นบน nodeenv คุณจะต้องติดตั้ง Python; เวอร์ชัน 2.7+ จะใช้งานได้ ในการตั้งค่าสภาพแวดล้อม Run:
$ tools/setup.py สิ่งนี้จะติดตั้ง node และ yarn ในสภาพแวดล้อมที่แยกได้ในไดเรกทอรี nodeenv ของรูทโครงการ มันจะไม่รบกวนการติดตั้งเครื่องมือเหล่านั้นทั่วทั้งระบบ
เมื่อการตั้งค่าเสร็จสมบูรณ์เพื่อเรียกใช้เซิร์ฟเวอร์การพัฒนาให้เรียกใช้:
$ tools/yarn.py startสิ่งนี้จะเริ่มต้นเซิร์ฟเวอร์บน http: // localhost: 3000
หากต้องการเริ่มต้นการทดสอบในโหมดนาฬิกา Run:
$ tools/yarn.py autotest ตรวจสอบส่วน "scripts" ของ package.json สำหรับเครื่องมือที่มีประโยชน์อื่น ๆ
PopCode มาพร้อมกับการกำหนดค่ารหัสที่กำหนดเอง VS ที่มีความแข็งแกร่งซึ่งเปิดใช้งานโดยอัตโนมัติโดย tools/setup.py หากคุณใช้รหัส VS คุณสามารถ:
Show Recommended Extensions เพื่อติดตั้งส่วนขยายที่ช่วยปรับปรุงประสบการณ์นักพัฒนา PopCode ได้อย่างง่ายดายtask ลงในแถบเปิดอย่างรวดเร็วเพื่อเติมเต็มงานให้ทำงานdebug ลงในแถบเปิดอย่างรวดเร็ว PopCode ใช้เครื่องมือเช่น Prettier, Eslint และ Stylelint เพื่อจัดรูปแบบรหัสโดยอัตโนมัติ เราการตั้งค่าการตั้งค่าปลั๊กอินตัวแก้ไขเป็นรูปแบบอัตโนมัติบนบันทึก; หรือคุณสามารถเรียกใช้ tools/yarn.py lintfix ก่อนที่จะทำรูปแบบและผ้าสำลีอัตโนมัติ การรวมรหัสอย่างเป็นทางการของ PopCode (ที่ติดตั้งส่วนขยายที่แนะนำ) ทำสิ่งนี้ออกจากกล่อง
ไม่มีข้อกำหนดที่คุณจะใช้สภาพแวดล้อมการพัฒนาอย่างเป็นทางการเพื่อทำงานบน PopCode; ส่วนใหญ่คุณจะต้องใช้โหนดและเส้นด้ายที่ติดตั้งในเครื่องของคุณ (ตรวจสอบส่วน "engines" ของ package.json สำหรับเวอร์ชันปัจจุบัน)
Popcode พยายามที่จะใช้เทคโนโลยีที่ทันสมัยและการประชุมรหัสเพื่อให้การพัฒนาเป็นที่น่าพอใจที่สุด ด้านล่างคือลิงค์ไปยังเอกสารอ้างอิงบนเครื่องมือสำคัญ:
PopCode มีการแจกจ่ายภายใต้ใบอนุญาต MIT ดูไฟล์ลิขสิทธิ์ที่แนบมาสำหรับรายละเอียด Sordid ทั้งหมด
บริษัท เหล่านี้เสนอการเข้าถึงระดับป๊อปค์ไปยังระดับที่ดีของบริการที่ยอดเยี่ยมของพวกเขาโดยไม่เสียค่าใช้จ่าย:
อย่าลังเลที่จะส่งอีเมลถึงฉันที่ [email protected] หากคุณมีคำถามใด ๆ
คุณสามารถค้นหาทีม Slack ของเรารวมถึงช่อง #DEV ของเราที่นี่
