dev jot

dev-jot (versi default)-https://dev-jot.netlify.app

Dev-JOT adalah aplikasi pencatatan untuk tutorial pengembang online. Proyek ini adalah MVP dan telah dibuat untuk membantu para pengembang front-end yang bercita-cita tinggi sebagai bagian dari sistem pendukung Refontendcoach.

Ada dua versi aplikasi:

1. Default, Versi Vanilla: https://dev-jot.netlify.app
2. Versi React: https://dev-jot-react.netlify.app

Silakan bergabung dengan Discord Community Discord.gg/ymsd9sgz4f kami

Tujuan proyek

Bagi mereka yang mengajar sendiri, sangat mudah untuk menemukan diri Anda terjebak di 'Tutorial-Land' atau 'Tutorial-Hell'. Bagi banyak coders pemula, sulit untuk menjembatani kesenjangan antara apa yang Anda pelajari dari tutorial dan memperoleh keterampilan yang Anda butuhkan untuk menjadi pengembang yang dapat dipekerjakan.

Tujuan utama Anda adalah meniru apa yang sebenarnya akan Anda lakukan dalam pekerjaan pengembangan nyata sedekat mungkin. Berkontribusi pada open source adalah cara yang fantastis untuk melakukan ini. Membuat kontribusi open source akan mengharuskan Anda telah terpapar pada beberapa konsep penting, praktik, dan keterampilan yang dapat ditransfer:

• Kontrol Versi
• Bekerja dengan Tiket & Masalah
• Bekerja dengan pengembang lain
• Membuat permintaan tarik
• Mengalami proses peninjauan kode
• Mendirikan lingkungan pembangunan lokal
• Menyumbangkan kode ke basis kode yang sudah ada sebelumnya

Ide Umum

Proyek ini bertindak sebagai titik masuk yang ramah ke dunia open source. Membuat kontribusi open source pertama Anda bisa menjadi prospek yang menakutkan yang menunda banyak pengembang yang bercita -cita tinggi.

Tujuan utama dari proyek ini adalah untuk menciptakan lingkungan yang ramah dan ramah untuk mendorong pembelajaran, merasa aman membuat kesalahan, dan menerima umpan balik dan bimbingan sambil bekerja dengan pengembang lain.

Arah proyek akan dipimpin oleh mereka yang berkontribusi. Ada ruang untuk menambahkan berbagai macam fitur dan juga untuk membangun kembali aplikasi dengan teknologi yang berbeda.

Keadaan saat ini

Ini adalah aplikasi crud tanpa thrills. Catatan pelajaran saat ini disimpan di penyimpanan lokal browser. Tujuan dari aplikasi ini adalah untuk memungkinkan mereka yang mengajar sendiri untuk membuat toko yang sederhana dan bersih untuk semua catatan tutorial dan pelajaran mereka.

Ada dua versi aplikasi. Versi utama, default terletak di dalam direktori app-main . Versi default aplikasi ini adalah murni HTML, CSS dan vanilla Javascript sehingga ada kesempatan belajar bagi kontributor untuk bekerja dengan fundamental.

Versi kedua dibangun menggunakan React dan terletak di dalam direktori app-react . Ini memberikan kesempatan bagi kontributor yang ingin bekerja dengan kerangka kerja front-end untuk membuat tangan mereka kotor.

Sebelum berkontribusi, saya sangat menyarankan Anda bermain-main dengan versi live dan benar-benar menggunakannya untuk beberapa pencatatan dasar. Apa yang menyebalkan tentang itu? Apa yang bisa ditingkatkan? Pernahkah Anda melihat bug?

Arah proyek akan ditentukan oleh mereka yang berkontribusi. Jika Anda memiliki beberapa ide keren untuk fitur baru besar atau kecil maka hebat! Cukup buat masalah untuk diskusi sebelum melakukannya?

Pengaturan Proyek

Cara termudah dan tercepat untuk mendapatkan proyek default dan berjalan secara lokal adalah dengan mengkloning repo:

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

Pastikan Anda berada di direktori app-main

 cd app-main

Sekarang instal paket dengan NPM

npm i

Karena versi proyek default menggunakan modul JavaScript, Anda dapat menemukan kesalahan CORS jika Anda mencoba mengakses file pada sistem file lokal Anda dengan JavaScript. Saya akan merekomendasikan menggunakan VS Code sebagai IDE Anda dan saya juga akan merekomendasikan menginstal ekstensi server VS Code Live .

Proyek langsung dilayani dari /app-main/public sehingga Anda perlu menunjuk server langsung di sini juga. Untuk melakukan ini:

1. Akses Pengaturan Ekstensi Langsung dalam kode VS dengan mengklik ikon COG dan memilih 'Pengaturan Ekstensi'

2. Klik 'Edit di Settings.json'

3. Atur root ke: "liveServer.settings.root": "/app-main/public"

Sekarang Anda dapat menjalankan proyek menggunakan ekstensi server langsung dengan klik kanan index.html dan memilih 'Open with Live Server'.

Jika Anda tidak yakin, silakan lihat dokumentasinya.

Kode

HTML, CSS, dan JavaScript saat ini tinggal di dalam Direktori /app-main/public . JavaScript utama terletak di dalam index.js .

Berkontribusi

Silakan periksa Contributing.md untuk informasi lebih lanjut tentang cara berkontribusi.