miniclass-web

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #claude-code #codex #cli #developer-tools #react #windows

★ 64 Open GitHub ↗

:horse_racing: Roadmap untuk miniclass web WRI

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

> [!CAUTION]
> This repository is no longer maintained, please visit [wrideveloper/roadmap](https://github.com/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](https://github.com/wrideveloper/roadmap) repository with some adjustment.

# :earth_asia: 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).

### :two_hearts: Kontributor

Silahkan kunjungi [panduan berikut](CONTRIBUTION.md) untuk melakukan kontribusi

### :books: Materi Web Dasar

Berikut merupakan materi awal yang akan dipelajari di Miniclass Web:

1.  **Pengenalan Pemrograman Web**

- :books: [Cara Kerja Website](dasar/pendahuluan/cara-kerja-website.md)
    - :books: [Pengenalan Backend dan Frontend](dasar/pendahuluan/pengenalan-backend-dan-frontend.md)
    - :books: [HTTP Request dan HTTP Response](dasar/pendahuluan/http-request-dan-response.md)

2.  **HTML**

- :books: [Pengenalan HTML](dasar/html/pengenalan-html.md)
    - :books: [Text Formatting](dasar/html/text-formatting.md)
    - :books: [Link](dasar/html/link.md)
    - :books: [Media](dasar/html/media.md)
    - :books: [List](dasar/html/list.md)
    - :books: [Table](dasar/html/table.md)
    - :books: [Form](dasar/html/form.md)
    - :books: [Grouping](dasar/html/grouping.md)

3.  **CSS**

- :books: [Pengenalan CSS](dasar/css/pengenalan-css.md)
    - :books: Selector CSS
    - :books: [Text Formatting](dasar/css/text-formatting.md)
    - :books: [Background](dasar/css/background.md)
    - :books: [Border](dasar/css/border.md)
    - :books: [Height dan Width](dasar/css/height-dan-width.md)
    - :books: [Spacing](dasar/css/spacing.md)
    - :books: [Layouting](dasar/css/layouting.md)
    - :books: [Responsive Design](dasar/css/responsive.md)
    - :computer: Membuat Template Web Responsive

4.  **Javascript**

- :books: [Pengenalan Javascript](dasar/javascript/pengenalan-javascript.md)
    - :books: [Event](dasar/javascript/event.md)
    - :books: [Manipulasi DOM](dasar/javascript/manipulasi-dom.md)
    - :books: [Fungsi](dasar/javascript/fungsi.md)
    - :books: [Array](dasar/javascript/array.md)
    - :books: [Object](dasar/javascript/object-javascript.md)
    - :books: [Fetch API](dasar/javascript/fetch-api.md)
    - :computer: Membuat Aplikasi Web Sederhana

5.  **Node.js**

- :books: [Pengenalan Node.js](dasar/node-js/node-js.md)
    - :books: [Membuat Server HTTP](dasar/node-js/http-server.md)
    - :books: [Routing](dasar/node-js/routing.md)
    - :books: [Import Export](dasar/node-js/import-export.md)
    - :books: [Node Package Manager](dasar/node-js/node-package-manager.md)
    - :books: NPM Script
    - :books: [Nodemon](dasar/node-js/nodemon.md)

6.  **Express.js**

- :books: [Pengenalan Express.js](dasar/express-js/pengenalan-express-js.md)
    - :books: [HTTP Method](dasar/express-js/http-method.md)
    - :books: [Menerima Data dari URL](dasar/express-js/handle-data-url.md)
    - :books: [Middleware](dasar/express-js/middleware.md)
    - :books: [Menerima Data dari Body](dasar/express-js/handle-data-body.md)
    - :books: [Mengunggah File](dasar/express-js/upload-file.md)
    - :books: Menampilkan File dalam Folder
    - :books: [Menyimpan Data ke Database MySQL](dasar/express-js/express-mysql.md)

### :sunflower: Materi Frontend

1.  **Modern Frontend Development**

- :books: [ECMAScript](front-end/modern-frontend-development/ecmascript.md)
    - :books: Transpiler
    - :books: [Module Bundler](front-end/modern-frontend-development/module-bundler.md)

2.  **React Fundamental**

- :books: [Pengenalan React JS](front-end/react-fundamental/pengenalan-reactjs.md)
    - :books: [Props](front-end/react-fundamental/props.md)
    - :books: [Event](front-end/react-fundamental/event.md)
    - :books: [State](front-end/react-fundamental/state.md)
    - :books: Conditional Rendering
    - :books: Component Mapping
    - :books: Side Effect
    - :books: Custom Hook

3.  **React State Management**

- :books: Lifting State Up
    - :books: Context
    - :books: Reducer

4.  **React Performance**

- :books: Debounce
    - :books: Throttling
    - :books: Memoization
    - :books: Profiling

5.  **React Testing**

- :books: Component Testing
    - :books: Hook Testing
    - :books: Mocking
    - :books: End to End Testing

### :japanese_ogre: Materi Backend

1. **Object Relational Mapping**

- :books: [Pengenalan Object Relational Mapping](back-end/object-relational-mapping/pengenalan-orm.md)

2. **Document Oriented Database**

- :books: [Document Oriented Database](back-end/document-oriented-database/document-oriented-database.md)
   - :books: [Object Document Mapping](back-end/document-oriented-database/object-document-mapping.md)

3. **Web Service**

- :books: [REST](back-end/web-service/rest.md)
   - :books: [GraphQL](back-end/web-service/graphql.md)

4. **Autentikasi**

- :books: [JSON Web Token](back-end/autentikasi/json-web-token.md)
   - :computer: Membuat Web Service Sederhana

5. **Microservices**

- :books: Microservices
   - :books: Microservices Gateway
   - :books: Message Queue
   - :books: Remote Procedure Call
   - :computer: Membuat Micro Service Sederhana

6. **Searching**

7. **Caching**

miniclass-web

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README