zerocosttechschool / 0cts-curriculum

0CTS Kurikulum

Berikut adalah daftar kurikulum kami, yang didasarkan pada roadmap.sh :

• Fullstack
• Frontend (koordinator : FajarFE)
• Backend
• DevOps (koordinator : baharsah)
• Artificial Intelligence
• Machine Learning
• Game
• Blockchain (koordinator : superXdev)

Jangan ragu untuk membuat pull request (PR) atau issue baru; setiap kontribusi kecil sangat kami hargai! 😁

Langkah Berkontribusi

1. Clone repository ini.

git clone https://github.com/zerocosttechschool/0cts-curriculum.git

2. Install dependecies-nya.

npm install

3. Jalankan development server.

yarn start

4. Mulai edit bagian docs untuk materi terkait kurikulum dan bagian blog untuk membuat artikel.

5. Setelah selesai, kamu dapat membuat PR secara langsung. Maintainer kami akan me-review PR-mu secepat mungkin.

6. Semangat 🔥

0cts-curriculum's Issues

Frontend

• HTML
  • Belajar Dasar HTML (@andikatuluspangestu) #11
  • Semantik HTML
  • Form dan Validasi
  • Aksesibilitas
  • Basic SEO

Fullstack Next Js

• Pengenalan Next Js
  • Perbedaan Next Js dan React Js
  • Kenapa memilih Next Js
  • Cara Install Next Js
  • Referensi Tool Ektension VSCode atau Code Editor Lainnya
• Struktur Next Js
  • Routing dengan Folder Next Js
  • Menyimpan assets statis pada Folder public
• Routing next js
  • Terminologi Routing Folder
  • Layout dan Page pada Folder Routing
  • Penggunaan suspanse untuk pre render data
  • Error handling waktu pre render data yang tidak dapat di request
  • Menggunakan Routing group agar routing terstruktur dengan baik
  • Penggunaan dynamic routing pada next js
  • Penggunaan Pararel Routing Untuk Memisah Page Lebih Dari 1 Komponen

React.js

• Pengenalan React.js
  • Instalasi Ektension Code Editor
  • Instalasi React Vite
• Structure Folder
  • Mengenal lebih jauh struktur folder pada react
  • Menggunakan Prinsip Atomic Design pada React
• Pembuatan Component
  • Pengenalan Function dan Class component
  • Untuk apa Jsx pada React ?
  • Cara kerja Props
  • Apa Perbedaan Usestate dan Props pada React ?
  • Penggunaan Condisional Rendering pada Component
  • Struktrur Kompisisi React
• Rendering
  • Mengoper function dengan Props
  • Membuat Component Reusable
  • Menggunakan Maping Data sekaligus Memanggil data API dengan Axios
  • Data Binding
  • Pembuatan component untuk high order component (HOC)
• Pengenalan Hooks
  • Use Ref
  • Use Memo
  • Use Reducer
  • Use callback
  • Use debug value
• Routing halaman pada React
  • Pengenalan Routing
  • Setup React Router pada App
  • Route Component
  • Outlet sebagai Layouting
  • UseParams untuk mendapatkan parameter query pada Routing
  • Penggunaan Hooks pada React Router Lainnya
• Styling component
  • Setup Tailwind
  • Layoting dengan tailwind
  • Condisional rendering pada style dan classname
  • Responsive Component dengan Tailwind
• State Menegement
  • Apa itu state management ?
  • Macam macam state management ?
  • Instalasi React Query Tanstak atau Redux Toolkit Query
  • Perbedaan cara kerja React Query Tanstak atau Redux Toolkit Query dengan state biasa
  • Payload dan mengubah data pada React Query Tanstak atau Redux Toolkit Query
  • Penggunaan React Query Tanstak atau Redux Toolkit Query untuk send data dan request data pada API
• Pengenalan Useform
  • Cara kerja useform
  • Penggunaan formstate sebagai value input
• Error Handling dengan Zod
  • Pembuatan schema sebagai validator input
  • Integrasi zod dan useform untuk send data ke API
• Referensi Library Frontend
  • Component
    • https://headlessui.com/ (rekomendasi)
    • https://ui.shadcn.com/ (rekomendasi) karena bisa custom component secara langsung
    • https://mui.com/
    • https://www.radix-ui.com/
    • https://ui.aceternity.com/ untuk component modern
    • https://react-spectrum.adobe.com/react-aria/index.html (rekomendasi)
  • Other
    • https://www.framer.com/motion/
    • https://www.react-fast-marquee.com/
    • https://mattboldt.github.io/typed.js/

Framework React.js

• Pengenalan React.js
  • Menggunakan Prinsip Atomic Design pada React
  • Instalasi Ektension Code Editor
  • Instalasi React Vite
  • Setup Tailwind
• Pembuatan Component
  • Pengenalan Function dan Class component
  • Untuk apa Jsx pada React ?
  • Cara kerja Props
  • Apa Perbedaan Usestate dan Props pada React ?
  • Penggunaan Condisional Rendering pada Component
  • Struktrur Kompisisi React
• Rendering
  • Membuat Component Reusable
  • Menggunakan Maping Data
  • Penggunaan Props waktu digunakan dikomponent lain
  • Ref
  • Data Binding
  • Pembuatan component untuk high order component (HOC)
• Pengenalan Hooks
  • Use Ref
  • Use Memo
  • Use Reducer
  • Use callback
  • Use debug value
• Routing halaman pada React
  • Pengenalan Routing
  • Setup React Router pada App
  • Route Component
  • Outlet sebagai Layouting
  • UseParams untuk mendapatkan parameter query pada Routing
  • Penggunaan Hoos pada React Router Lainnya

Backend

• Belajar Bahasa Pemrograman
  • JavaScript
  • Go
  • Rust
  • Python
  • Ruby
  • Java
  • C Sharp
  • PHP

Docker

Materi docker

dapat berubah sewaktu-waktu

• Pengenalan
  • Apa itu docker
  • apa itu kontainerisasi
  • perbedaan kontainerisasi dengan virtualisasi
  • Apa itu OCI
• Instalasi
  • Instalasi (dengan docker desktop)
  • Instalasi (dengan docker CLI)
• Container Runtime
• Data Presistensi
  • Basis Volume
  • Basis Binding
• Apa itu Image
  • Menarik Image kedalam mesin lokal
  • Menjalankan Image
    • Basis Data
    • Tes Interaktif
    • Utilitas Basis Perintah
  • Membuat Image baru
    • Dockerfiles
    • Manajemen Layer Tembolok
    • Image Hardening
  • Publikasi Image
  • Menjalankan Image sebagai container

Fullstack

Tinggal mereferensikan saja dengan docs Web Development, Frontend, Backend, Devops

• Web Development
• Frontend
• Backend
• Devops

Web Developer

• Internet
  • Cara Internet Berkerja?
  • Apa itu HTTP? (@up2dul) - #14
  • Browser dan Cara Kerjanya?
  • Cara kerja DNS?
  • Apa itu Domain Name?
  • Apa itu Hosting?
• Version Control System
  • GIT
• Pengenalan Web Developer
  • Backend Developer dan Frameworknya
  • Frontend Developer dan Frameworknya
  • Fullstack Developer

Blockchain

Pemahaman Dasar

• Pengenalan Blockchain

  • Konsep dasar Blockchain.
  • Perbedaan antara Blockchain dan database tradisional.

• Arsitektur Blockchain

  • Struktur data dalam Blockchain.
  • Jenis-jenis Blockchain (publik, privat, konsorsium).

• Cryptography

  • Fungsi hash.
  • Algoritma Cryptography yang digunakan dalam Blockchain.

Blockchain Publik (Bitcoin)

• Pengenalan Bitcoin

  • Sejarah dan latar belakang Bitcoin.
  • Konsep mata uang crypto.

• Transaksi Bitcoin

  • Proses transaksi Bitcoin.
  • Fungsi public key dan private key

• Penambangan (Mining)

  • Peran penambang dalam jaringan Bitcoin.
  • Proses penambangan dan validasi transaksi.

Smart Contracts dan Ethereum

• Pengenalan Ethereum

  • Konsep Ethereum sebagai platform Blockchain.
  • Perbedaan antara Bitcoin dan Ethereum.

• Smart Contract

  • Definisi dan konsep dasar.
  • Bahasa pemrograman Solidity.

• Pengembangan DApp (Decentralized Applications)

  • Pengenalan pengembangan DApp.
  • Framework pengembangan seperti Truffle dan web3.js.

Silahkan yang mau menambahkan, untuk poin 1 dan 2 bagian dasar bakal saya tulis sendiri