🌏 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

   • Mengenal Dunia Web dan Internet
   • Cara Kerja Website
   • HTTP Request dan HTTP Response
   • HTTP Status Code
   • HTTP Verbs

2. Web Statis

   • Pengenalan HTML
   • Pengenalan CSS
   • Membuat UI Component
   • Pengenalan Icon Font
   • Layouting dengan CSS
   • Membuat Profile Page

3. Javascript

   • Pengenalan Javascript
   • Array dan Objek
   • Manipulasi DOM
   • Event Pada Javascript
   • Membuat UI Component Lanjutan
   • Local Storage
   • Membuat Aplikasi Todo List

4. Relasional Database

   • DDL
   • DML
   • Relasi Antar Tabel

5. Web Dinamis dengan Node JS

   • Pengenalan Node JS dan NPM
   • Membuat Web Server dengan Node JS
   • Mengoneksikan MySQL dan Node JS
   • Import dan Export Module

6. Web Dinamis Lanjutan dengan Express

   • Berkenalan dengan Express JS
   • Membuat Server dengan Express JS
   • Request dan Response
   • Middleware
   • Request Body
   • Serving Static File
   • Routing
   • Advance Routing
   • Membuat Aplikasi CRUD dengan Express JS dan MySQL

7. Kolaborasi Backend dan Frontend

   • Apa itu Frontend dan Backend Developer
   • Mengenal Web Service
   • Mengenal AJAX
   • Synchronous vs Asynchronous

🌻 Materi Frontend

1. Framework CSS

   • Pengenalan Framework CSS

2. Metodologi CSS

   • Metodologi CSS

3. Modern Frontend Development

   • Preprocessor CSS
   • Task Runner
   • Module Bundler
   • ECMAScript dan Babel
   • Membuat Modern Frontend Starter Kit

4. Dasar React JS

   • Pengenalan React JS
   • Pengenalan JSX
   • Install React JS
   • Component
   • Styling Component
   • Props
   • State
   • Handling Event
   • Conditional Rendering
   • Component Lifecycle
   • Membuat Aplikasi Todo List

5. React JS Lanjutan

   • React Router
   • Context
   • Server Side Rendering

6. Advanced React Pattern

   • Compound Component
   • Higher Order Component
   • Render Props

👹 Materi Backend

1. Object Relational Mapping

   • Pengenalan ORM
   • Pengenalan Framework ORM Sequelize JS
   • Impelementasi ORM Pada Express JS dengan Sequelize JS

2. Software Architectural Pattern

   • Pengenalan Arsitektur MVC
   • Implementasi MVC pada Express JS

3. Web Service

   • Membuat Web Service Sederhana
   • Cross Origin Resource Sharing
   • REST Web Service
   • GraphQL Web Service

4. Autentikasi

   • Metode Autentikasi Session
   • Implementasi autentikasi dengan session menggunakan Passport JS Local
   • Metode Autentikasi Token
   • Implementasi autentikasi dengan token menggunakan Passport JS JWT

5. Document Oriented Database

   • Pengenalan Document Oriented Database
   • Migrasi Dari Relasional Ke Document Oriented
   • Pengenalan MongoDB
   • Implementasi MongoDB dengan Express JS