wrideveloper / miniclass-web

:horse_racing: Roadmap untuk miniclass web WRI

Caution

This repository is no longer maintained, please visit wrideveloper/roadmap for further development / contribution

We're consolidating/aggregating all miniclass into a centralised repository so it's easier to manage. Also, GitBook is not free apart from its basic stuff so we're moving from it. Hence, this repo is archived. All of its content are moved to wrideveloper/roadmap repository with some adjustment.

🌏 Miniclass Web

Selamat datang di Miniclass Web - Workshop Riset Informatika, disini materi yang akan diajarkan yaitu diawali dengan materi Web dasar, baru kemudian selanjutnya akan difokuskan ke materi web tingkat lanjut (Frontend atau Backend).

💕 Kontributor

Silahkan kunjungi panduan berikut untuk melakukan kontribusi

📚 Materi Web Dasar

Berikut merupakan materi awal yang akan dipelajari di Miniclass Web:

1. Pengenalan Pemrograman Web

   • 📚 Cara Kerja Website
   • 📚 Pengenalan Backend dan Frontend
   • 📚 HTTP Request dan HTTP Response

2. HTML

   • 📚 Pengenalan HTML
   • 📚 Text Formatting
   • 📚 Link
   • 📚 Media
   • 📚 List
   • 📚 Table
   • 📚 Form
   • 📚 Grouping

3. CSS

   • 📚 Pengenalan CSS
   • 📚 Selector CSS
   • 📚 Text Formatting
   • 📚 Background
   • 📚 Border
   • 📚 Height dan Width
   • 📚 Spacing
   • 📚 Layouting
   • 📚 Responsive Design
   • 💻 Membuat Template Web Responsive

4. Javascript

   • 📚 Pengenalan Javascript
   • 📚 Event
   • 📚 Manipulasi DOM
   • 📚 Fungsi
   • 📚 Array
   • 📚 Object
   • 📚 Fetch API
   • 💻 Membuat Aplikasi Web Sederhana

5. Node.js

   • 📚 Pengenalan Node.js
   • 📚 Membuat Server HTTP
   • 📚 Routing
   • 📚 Import Export
   • 📚 Node Package Manager
   • 📚 NPM Script
   • 📚 Nodemon

6. Express.js

   • 📚 Pengenalan Express.js
   • 📚 HTTP Method
   • 📚 Menerima Data dari URL
   • 📚 Middleware
   • 📚 Menerima Data dari Body
   • 📚 Mengunggah File
   • 📚 Menampilkan File dalam Folder
   • 📚 Menyimpan Data ke Database MySQL

🌻 Materi Frontend

1. Modern Frontend Development

   • 📚 ECMAScript
   • 📚 Transpiler
   • 📚 Module Bundler

2. React Fundamental

   • 📚 Pengenalan React JS
   • 📚 Props
   • 📚 Event
   • 📚 State
   • 📚 Conditional Rendering
   • 📚 Component Mapping
   • 📚 Side Effect
   • 📚 Custom Hook

3. React State Management

   • 📚 Lifting State Up
   • 📚 Context
   • 📚 Reducer

4. React Performance

   • 📚 Debounce
   • 📚 Throttling
   • 📚 Memoization
   • 📚 Profiling

5. React Testing

   • 📚 Component Testing
   • 📚 Hook Testing
   • 📚 Mocking
   • 📚 End to End Testing

👹 Materi Backend

1. Object Relational Mapping

   • 📚 Pengenalan Object Relational Mapping

2. Document Oriented Database

   • 📚 Document Oriented Database
   • 📚 Object Document Mapping

3. Web Service

   • 📚 REST
   • 📚 GraphQL

4. Autentikasi

   • 📚 JSON Web Token
   • 💻 Membuat Web Service Sederhana

5. Microservices

   • 📚 Microservices
   • 📚 Microservices Gateway
   • 📚 Message Queue
   • 📚 Remote Procedure Call
   • 💻 Membuat Micro Service Sederhana

6. Searching

7. Caching