dev jot

dev-jot (เวอร์ชันเริ่มต้น)-https://dev-jot.netlify.app

Dev-Jot เป็นแอพจดบันทึกสำหรับบทช่วยนักพัฒนาออนไลน์ โครงการนี้เป็น MVP และได้รับการสร้างขึ้นเพื่อช่วยนักพัฒนาส่วนหน้าซึ่งเป็นส่วนหนึ่งของระบบสนับสนุน FrontendCoach

แอพมีสองเวอร์ชัน:

1. ค่าเริ่มต้นเวอร์ชันวานิลลา: https://dev-jot.netlify.app
2. เวอร์ชันตอบสนอง: https://dev-jot-react.netlify.app

โปรดเข้าร่วมชุมชน Discord Discord.gg/ymsd9sgz4f ของเรา

วัตถุประสงค์โครงการ

สำหรับผู้ที่สอนตัวเองมันง่ายมากที่จะพบว่าตัวเองติดอยู่ใน 'การสอน-แลนด์' หรือ 'การสอน-แฮล' สำหรับโค้ดมือใหม่หลายคนมันยากที่จะเชื่อมช่องว่างระหว่างสิ่งที่คุณเรียนรู้จากบทเรียนและการได้รับทักษะที่คุณ ต้องการ เพื่อเป็นนักพัฒนาที่มีงานทำ

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

• การควบคุมเวอร์ชัน
• การทำงานกับตั๋วและปัญหา
• ทำงานกับนักพัฒนาอื่น ๆ
• การสร้างคำขอดึง
• ประสบกระบวนการตรวจสอบรหัส
• การตั้งค่าสภาพแวดล้อมการพัฒนาท้องถิ่น
• การสนับสนุนรหัสไปยัง codebase ที่มีอยู่แล้ว

แนวคิดทั่วไป

โครงการนี้ทำหน้าที่เป็นจุดเริ่มต้นที่เป็นมิตรในโลกโอเพ่นซอร์ส การทำให้การสนับสนุนโอเพ่นซอร์สเป็นครั้งแรกของคุณอาจเป็นโอกาสที่น่ากลัวที่ทำให้นักพัฒนาที่ต้องการจำนวนมาก

เป้าหมายหลักของโครงการนี้คือการสร้างสภาพแวดล้อมที่เป็นมิตรและเป็นมิตรเพื่อส่งเสริมการเรียนรู้การรู้สึกผิดพลาดอย่างปลอดภัยและรับข้อเสนอแนะและคำแนะนำในขณะที่ทำงานกับนักพัฒนาอื่น ๆ

ทิศทางของโครงการจะนำโดยผู้ที่มีส่วนร่วม มีขอบเขตที่จะเพิ่มคุณสมบัติที่หลากหลายและเพื่อสร้างแอพใหม่ด้วยเทคโนโลยีที่แตกต่างกัน

สถานะปัจจุบัน

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

มีแอพสองเวอร์ชัน เวอร์ชันหลักเริ่มต้นอยู่ในไดเรกทอรี app-main แอพเวอร์ชันเริ่มต้นนี้คือ HTML, CSS และ JavaScript วานิลลาอย่างหมดจดดังนั้นจึงมีโอกาสในการเรียนรู้สำหรับผู้มีส่วนร่วมในการทำงานกับพื้นฐาน

เวอร์ชันที่สองถูกสร้างขึ้นโดยใช้ React และตั้งอยู่ภายในไดเรกทอรี app-react นี่เป็นโอกาสสำหรับผู้มีส่วนร่วมที่ต้องการทำงานกับกรอบส่วนหน้าเพื่อให้มือของพวกเขาสกปรก

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

ทิศทางของโครงการจะถูกกำหนดโดยผู้มีส่วนร่วม หากคุณมีแนวคิดที่ยอดเยี่ยมสำหรับคุณสมบัติใหม่เล็กหรือใหญ่แล้วก็เยี่ยมมาก! เพียงสร้างปัญหาสำหรับการสนทนาก่อนทำเช่นนั้น?

การตั้งค่าโครงการ

วิธีที่ง่ายที่สุดและเร็วที่สุดในการทำให้โครงการเริ่มต้นขึ้นและทำงานในพื้นที่คือการโคลน repo:

git clone https://github.com/jrobind/dev-jot.git

ตรวจสอบให้แน่ใจว่าคุณอยู่ในไดเรกทอรี app-main

 cd app-main

ตอนนี้ติดตั้งแพ็คเกจด้วย NPM

npm i

เนื่องจากเวอร์ชันโครงการเริ่มต้นใช้โมดูล JavaScript คุณอาจพบข้อผิดพลาดของ CORS หากคุณพยายามเข้าถึงไฟล์ในระบบไฟล์ในเครื่องของคุณด้วย JavaScript ฉันขอแนะนำให้ใช้ VS Code เป็น IDE ของคุณและฉันขอแนะนำให้ติดตั้งส่วนขยายเซิร์ฟเวอร์ VS Code Live

โครงการสดให้บริการจาก /app-main/public ดังนั้นคุณจะต้องชี้เซิร์ฟเวอร์สดที่นี่ด้วย ในการทำเช่นนี้:

1. เข้าถึงการตั้งค่าส่วนขยายสดในรหัส VS โดยคลิกที่ไอคอน COG และเลือก 'การตั้งค่าส่วนขยาย'

2. คลิก 'แก้ไขใน settings.json'

3. ตั้งค่ารากเป็น: "liveServer.settings.root": "/app-main/public"

ตอนนี้คุณสามารถเรียกใช้โครงการโดยใช้ส่วนขยายเซิร์ฟเวอร์สดโดยคลิกขวา index.html และเลือก 'เปิดด้วยเซิร์ฟเวอร์สด'

หากคุณไม่แน่ใจโปรดดูเอกสาร

รหัส

HTML, CSS และ JavaScript ปัจจุบันอาศัยอยู่ภายในไดเรกทอรี /app-main/public จาวาสคริปต์หลักอยู่ใน index.js

การบริจาค

โปรดตรวจสอบข้อมูลเพิ่มเติมสำหรับข้อมูลเพิ่มเติมเกี่ยวกับวิธีการมีส่วนร่วม