021-30629424 info@hannacoursecenter.com Senin – Sabtu, 08.00 – 20.00 WIB

TUTORIAL WEB DEVELOPMENT MODERN

Peserta memahami dasar pengembangan aplikasi modern, mulai dari programming, web, database, API, AI-assisted programming, hosting, cPanel, hingga konsep aplikasi multi platform.

TUTORIAL WEB DEVELOPMENT MODERN
KategoriKomputer & Digital
LevelSemua Level
Durasi8 Pertemuan
MetodeOnline

PERTEMUAN 1: PENGANTAR PROGRAMMING & WEB


📌 Materi:

•⁠ ⁠Cara kerja komputer dan internet

•⁠ ⁠Client, server dan browser

•⁠ ⁠HTTP dan HTTPS

•⁠ ⁠Domain dan hosting

•⁠ ⁠HTML, CSS dan JavaScript

•⁠ ⁠Variable, function, condition dan loop

•⁠ ⁠Pengenalan Git dan GitHub

•⁠ ⁠Pengenalan AI sebagai coding assistant

•⁠ ⁠Setup environment menggunakan XAMPP, Laragon atau sejenisnya


🛠 Praktik:

Membuat halaman web sederhana dengan HTML, CSS dan JavaScript.


🤖 AI Practice:

Menggunakan AI untuk memahami kode, membuat contoh kode dan memperbaiki error.


  1. 01PENGANTAR PROGRAMMING & WEB:
  2. 02📌 Materi:
  3. 03•⁠ ⁠Cara kerja komputer dan internet
  4. 04•⁠ ⁠Client, server dan browser
  5. 05•⁠ ⁠HTTP dan HTTPS
  6. 06•⁠ ⁠Domain dan hosting
  7. 07•⁠ ⁠HTML, CSS dan JavaScript
  8. 08•⁠ ⁠Variable, function, condition dan loop
  9. 09•⁠ ⁠Pengenalan Git dan GitHub
  10. 10•⁠ ⁠Pengenalan AI sebagai coding assistant
  11. 11•⁠ ⁠Setup environment menggunakan XAMPP, Laragon atau sejenisnya
  12. 12MODERN FRONTEND:
  13. 13📌 Materi:
  14. 14•⁠ ⁠JavaScript modern
  15. 15•⁠ ⁠TypeScript
  16. 16•⁠ ⁠Responsive web design
  17. 17•⁠ ⁠Component dan reusable code
  18. 18•⁠ ⁠React
  19. 19•⁠ ⁠Pengenalan Next.js
  20. 20•⁠ ⁠Fetch API dan JSON
  21. 21•⁠ ⁠Struktur project frontend
  22. 22DATABASE & BACKEND
  23. 23📌 Materi:
  24. 24•⁠ ⁠Konsep database
  25. 25•⁠ ⁠Database relational
  26. 26•⁠ ⁠Table, field dan record
  27. 27•⁠ ⁠Primary key dan foreign key
  28. 28•⁠ ⁠Relasi antar tabel
  29. 29•⁠ ⁠ERD
  30. 30•⁠ ⁠SQL dasar
  31. 31•⁠ ⁠MySQL atau MariaDB
  32. 32•⁠ ⁠SQLite
  33. 33•⁠ ⁠PostgreSQL sebagai pengenalan
  34. 34•⁠ ⁠XAMPP atau Laragon untuk environment lokal
  35. 35•⁠ ⁠Backend dan server
  36. 36•⁠ ⁠Node.js dan TypeScript
  37. 37API & AUTHENTICATION
  38. 38📌 Materi:
  39. 39•⁠ ⁠Apa itu API
  40. 40•⁠ ⁠Konsep REST API
  41. 41•⁠ ⁠HTTP method
  42. 42•⁠ ⁠HTTP status code
  43. 43•⁠ ⁠JSON
  44. 44•⁠ ⁠CRUD melalui API
  45. 45•⁠ ⁠Authentication dan Authorization
  46. 46•⁠ ⁠Session dan JWT
  47. 47•⁠ ⁠CORS
  48. 48•⁠ ⁠API security dasar
  49. 49•⁠ ⁠Swagger dan OpenAPI
  50. 50AI ASSISTED PROGRAMMING 🤖
  51. 51📌 Materi:
  52. 52•⁠ ⁠AI sebagai programming partner
  53. 53•⁠ ⁠Prompt engineering untuk programmer
  54. 54•⁠ ⁠Generate code
  55. 55•⁠ ⁠Menjelaskan kode dengan AI
  56. 56•⁠ ⁠Debugging dengan AI
  57. 57•⁠ ⁠Refactoring
  58. 58•⁠ ⁠Code review
  59. 59•⁠ ⁠Membuat test dengan AI
  60. 60•⁠ ⁠Membaca dan memahami project menggunakan AI
  61. 61•⁠ ⁠AI coding agent
  62. 62•⁠ ⁠Verifikasi hasil kode dari AI
  63. 63•⁠ ⁠Keamanan dan etika penggunaan AI
  64. 64CPANEL, HOSTING & DEPLOYMENT
  65. 65📌 Materi:
  66. 66•⁠ ⁠Domain
  67. 67•⁠ ⁠DNS
  68. 68•⁠ ⁠Hosting
  69. 69•⁠ ⁠Shared hosting
  70. 70•⁠ ⁠cPanel
  71. 71•⁠ ⁠File Manager
  72. 72•⁠ ⁠FTP dan SFTP
  73. 73•⁠ ⁠Database hosting
  74. 74•⁠ ⁠phpMyAdmin
  75. 75•⁠ ⁠SSL dan HTTPS
  76. 76•⁠ ⁠Environment variable
  77. 77•⁠ ⁠Backup dan restore
  78. 78•⁠ ⁠Cron Job
  79. 79•⁠ ⁠Error log
  80. 80•⁠ ⁠Deployment website
  81. 81MULTI PLATFORM & AI API
  82. 82📌 Materi:
  83. 83•⁠ ⁠Konsep multi platform
  84. 84•⁠ ⁠Web application
  85. 85•⁠ ⁠Mobile application
  86. 86•⁠ ⁠Desktop application
  87. 87•⁠ ⁠API first development
  88. 88•⁠ ⁠React Native dan Expo
  89. 89•⁠ ⁠Pengenalan Flutter
  90. 90•⁠ ⁠Electron atau Tauri
  91. 91•⁠ ⁠Integrasi aplikasi dengan REST API
  92. 92•⁠ ⁠AI API
  93. 93•⁠ ⁠LLM
  94. 94•⁠ ⁠Structured output
  95. 95•⁠ ⁠Embedding
  96. 96•⁠ ⁠RAG sebagai pengantar
  97. 97PROJECT AKHIR & SOFTWARE ENGINEERING MODERN
  98. 98📌 Materi:
  99. 99•⁠ ⁠Arsitektur aplikasi modern
  100. 100•⁠ ⁠Security dasar
  101. 101•⁠ ⁠Testing
  102. 102•⁠ ⁠Git workflow
  103. 103•⁠ ⁠CI/CD pengantar
  104. 104•⁠ ⁠Performance optimization
  105. 105•⁠ ⁠Database optimization
  106. 106•⁠ ⁠Logging
  107. 107•⁠ ⁠Monitoring
  108. 108•⁠ ⁠AI-assisted development workflow
  109. 109•⁠ ⁠Review dan evaluasi project
  110. 110🧰 TOOLS YANG DIGUNAKAN
  111. 111•⁠ ⁠VS Code
  112. 112•⁠ ⁠Git dan GitHub
  113. 113•⁠ ⁠HTML
  114. 114•⁠ ⁠CSS
  115. 115•⁠ ⁠JavaScript
  116. 116•⁠ ⁠TypeScript
  117. 117•⁠ ⁠React
  118. 118•⁠ ⁠Next.js
  119. 119•⁠ ⁠Node.js
  120. 120•⁠ ⁠XAMPP atau Laragon
  121. 121•⁠ ⁠MySQL atau MariaDB
  122. 122•⁠ ⁠SQLite
  123. 123•⁠ ⁠PostgreSQL
  124. 124•⁠ ⁠phpMyAdmin
  125. 125•⁠ ⁠REST API
  126. 126•⁠ ⁠Swagger/OpenAPI
  127. 127•⁠ ⁠cPanel
  128. 128•⁠ ⁠Docker
  129. 129•⁠ ⁠React Native dan Expo
  130. 130•⁠ ⁠AI coding assistant
  131. 131•⁠ ⁠AI API

Ya, hubungi tim kami untuk menjadwalkan sesi konsultasi dan kelas percobaan.

Pembayaran dapat dilakukan penuh atau dicicil sesuai ketentuan program. Detail akan diinformasikan setelah pendaftaran.

Setiap peserta yang menyelesaikan program dan evaluasi akan mendapatkan sertifikat resmi.

Lainnya

Program Terkait

Chat Kami