🌐
Miniclass Web
  • 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
    • Javascript for Java developer
    • Array
    • Fungsi
    • Manipulasi DOM
    • Event
    • Fetch API
    • Object JavaScript
    • UI Component Lanjutan
  • 5. Node.js
    • Pengenalan Node.js
    • Membuat Server HTTP
    • Routing
    • Import Export
    • Node Package Manager
    • 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
  • 7. Modern Frontend Development
    • ECMAScript
    • Transpiler
    • Module Bundler
  • 8. React Fundamental
    • Pengenalan React JS
    • Props
    • Event
    • State
    • Conditional Rendering
    • Component Mapping
    • Side Effect
    • Custom Hook
  • 9. React State Management
    • Lifting State Up
    • Context
    • Reducer
  • 10. React Performance
    • Debounce
    • Throttling
    • Memoization
    • Profiling
  • 11. React Testing
    • Component Testing
    • Hook Testing
    • Mocking
    • End to End Testing
  • 12. Object Relational Mapping
    • Pengenalan Object Relational Mapping
  • 13. Document Oriented Database
    • Document Oriented Database
    • Object Document Mapping
  • 14. Web Service
    • REST
    • GraphQL
  • 15. Autentikasi
    • JSON Web Token
    • Membuat Web Service Sederhana
  • 16. Microservices
    • Microservices
    • Microservices Gateway
    • Message Queue
    • Remote Procedure Call
    • Membuat Micro Service Sederhana
  • 18. Caching
Powered by GitBook
On this page
  • Pengenalan Backend dan Frontend
  • 1. Frontend :rainbow:
  • 2. Backend :gear:

Was this helpful?

  1. 1. Pengenalan Pemrograman Web

Pengenalan Backend dan Frontend

PreviousCara Kerja WebsiteNextHTTP Request dan HTTP Response

Last updated 4 years ago

Was this helpful?

Pengenalan Backend dan Frontend

Dalam pengembangan web terdapat dua istilah yang sering kita dengar, yaitu frontend dan backend, singkatnya dua istilah ini digunakan untuk membedakan job dan role dari masing - masing developer ketika mengembangkan sebuah website

1. Frontend :rainbow:

Frontend Developer bertugas untuk membangun UI (User Interface) dari suatu aplikasi ataupun website, serta membangun fitur yang dapat dilihat langsung oleh end user

Beberapa skill yang wajib dikuasi oleh frontend developer :

  1. HTML dan CSS untuk membangun tampilan

  2. Javascript untuk membuat logika dari tampilan

  3. AJAX untuk mengambil data dari backend secara seamless

  4. Frontend Framework untuk membangun aplikasi frontend dengan cepat dan terstruktur

Referensi untuk lebih memahami tentang frontend developer :

2. Backend :gear:

Backend Developer bertugas untuk membangun server side application, yaitu suatu sistem yang berjalan pada server yang bertugas untuk mendukung aplikasi frontend, misalnya dengan memberikan dan mengelola data yang dibutuhkan frontend, membangun sistem autentikasi, serta menyimpan file yang diupload melalui aplikasi frontend.

Beberapa skill yang wajib dikuasai oleh backend developer :

  1. Server Side Language : Node JS, PHP, Go, Python, dll

  2. Database

  3. Autentikasi

Referensi untuk lebih memahami tentang backend developer :

https://www.youtube.com/watch?v=Xd7huBu39qk
https://www.youtube.com/watch?v=Xd7huBu39qk
frontend vs backend