🌏 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).

📚 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
   • 📚 Text Formatting
   • 📚 Background
   • 📚 Border
   • 📚 Height dan Width
   • 📚 Spacing
   • 📚 Layouting
   • 💻 Membuat Template Web Responsive

4. Javascript

   • 📚 Pengenalan Javascript
   • 📚 Array dan Objek
   • 📚 Manipulasi DOM
   • 📚 Event
   • 📚 Local Storage
   • 💻 Membuat Aplikasi Web Sederhana

5. Relasional Database

   • 📚 Pengenalan Database
   • 📚 Structured Query Language
   • 📚 Data Definition Language
   • 📚 Data Manipulation Language
   • 📚 Relasi Antar Tabel

6. Node.js

   • 📚 Pengenalan Node.js
   • 📚 Node Package Manager
   • 📚 Import Export Module
   • 📚 Node HTTP Server
   • 📚 Node MySQL

7. Express.js

   • 📚 Pengenalan Express.js
   • 📚 Membuat Server dengan Express.js
   • 📚 Request dan Response
   • 📚 Middleware
   • 📚 Request Body
   • 📚 Serving Static File
   • 📚 Routing
   • 📚 Model View Controller

8. Kolaborasi Backend dan Frontend

   • 📚 Web Service
   • 📚 AJAX
   • 📚 Synchronous vs Asynchronous
   • 💻 Membuat Aplikasi Backend dan Frontend Sederhana

🌻 Materi Frontend

1. Modern Frontend Development

   • 📚 ECMAScript
   • 📚 Task Runner
   • 📚 Module Bundler

2. React Fundamental

   • 📚 Pengenalan React JS
   • 📚 Install React JS
   • 📚 JSX
   • 📚 Component
   • 📚 Props
   • 📚 Event
   • 📚 State
   • 📚 Component Lifecycle
   • 📚 Styling Component

3. React Advanced

   • 📚 Passing Data to Parent Component
   • 📚 Using Web API
   • 📚 Routing
   • 💻 Membuat Aplikasi React

4. Share Logic Between Component

   • 📚 Higher Order Component
   • 📚 Render Props
   • 📚 Context
   • 📚 Hooks

5. React Component Pattern

   • 📚 Container vs Presentional Component
   • 📚 Compound Component

👹 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