Materi Pemrograman 2024
Categories: Materi Premium
Course Content
Logic and Algorithm Challenge
Improve Logic and Algorithm Skill with Javascript Challenge
-
Reverse a String
-
Fibonacci Sequence
-
Find the Missing Number
-
Anagram Check
-
Palindrome Check
-
Prime Number Checker
-
Unique Elements in Array
-
Binary Search
-
Merge Two Sorted Arrays
-
Counting Characters
-
Challenge
Javascript Challenge
Improve Javascript Skill with Javascript Challenge
-
Explicit binding in JavaScript
-
How to use `reduce()` method?
-
What is Set in JavaScript?
-
setTimeout
-
create a new Element in DOM?
-
Hoisting in JavaScript?
-
remove an Element from DOM?
-
Garbage Collection in JavaScript
-
Define multiline strings in JavaScript?
-
select DOM elements
-
handle error in async/await?
-
make an Object immutable in JavaScript?
-
use `filter()` method?
-
var vs let vs const in javascript
-
Increment operator in JavaScript?
-
handle event bubbling in JavaScript?
-
Inheritance in JavaScript?
-
Switch case statement in JavaScript?
-
scroll to the top of the page using JavaScript?
-
Asynchronous vs Synchronous code?
-
handle error in Promise?
-
IIFE in JavaScript?
-
Labelled Statements in JavaScript?
-
parse JSON in JavaScript?
-
map() vs forEach()
-
Uses of `break` and `continue` statements in JavaScript?
-
find unique values in an array?
-
Type Casting?
-
spread operator in JavaScript?
-
merge multiple arrays in JavaScript?
-
appendChild() and insertBefore()
-
Nullish Coalescing Operator?
-
What is the difference between `Map` and `WeakMap` in JavaScript?
-
Logical Operators in JavaScript?
-
ternary operator in JavaScript?
-
Prototype Chain in JavaScript?
-
implement your own Custom Event in JavaScript?
-
difference between `map()` and `reduce()` methods?
-
Promise.all() and Promise.allSettled()
-
Does `map()` method mutate the original array?
-
Explain `alert()`, `prompt()`, and `confirm()` methods in JavaScript?
-
Difference between `defer` and `async` attributes in JavaScript?
-
What is `preventDefault()` method in JavaScript?
-
accept variable number of arguments in a JavaScript function?
-
What are Heap and Stack in JavaScript?
-
Cara kerja Event Look di Javascript
-
closure in JavaScript?
-
null and undefined
-
enable strict mode in JavaScript?
-
dimensions of an Element?
-
Perbedaan antara `==` and `===`?
-
Local Storage and Session Storage
-
Challenge
React JS Challenge
Improve React JS Skill with React JS Challenge
-
Membuat Komponen Fungsional
-
Menggunakan Props dalam Komponen
-
Menggunakan State dalam Komponen
-
Menggunakan Lifecycle Hooks
-
Routing dengan React Router
-
Handling Events
-
Conditional Rendering
-
Lists and Keys
-
Forms and Controlled Components
-
Context API
-
Styling in React
-
Higher-Order Components (HOC)
-
Fetch Data from API
-
React Hooks (Custom Hooks)
-
Portals
-
Challenge
Membuat Service Whatsapp Notifications
Belajar Membuat Service Whatsapp Notifications
-
Setup 1
02:07 -
Setup 2
00:57 -
Setup 3
-
Create Project
04:00 -
Setup 4
01:55 -
Setup 5
06:57 -
Setup 6
-
Testing Simple API
03:31 -
Code 1
02:04 -
Code 2
07:14 -
Testing Kirim Pesan Otomatis
06:12 -
Code 3
06:00 -
Testing Kirim Pesan Masal
04:18
Email Sender Notifications with AWS SES
Belajar Membuat service kirim email yg powerfull
-
Install Requirements
-
Create Project dan Instalasi Dependencies
04:10 -
ENV AWS
02:08 -
Menulis Kode Bagian 1
02:34 -
Running Project
01:02 -
Menulis Kode Bagian 2
02:15 -
Konfigurasi AWS SES
05:57 -
Menulis Kode Bagian 3
06:34 -
Install Dependencies
02:20 -
Add Middleware untuk mendukung x www form urlencoded
01:30 -
Menulis Kode Bagian 4
02:38 -
Testing Send Email
06:00 -
Create AWS Account
02:56 -
AWS REGION dan Varifikasi Email Pengirim
03:33 -
Create credentials access
01:07
RabbitMQ Point to Point Messanging
Belajar Message Broker dengan RabbitMQ
-
Install Docker
03:23 -
Install RabbitMQ
03:34 -
Running RubbitMQ
03:29 -
Exchanges
03:33 -
Queues
01:18 -
Bainding
02:13 -
Publish message
05:13 -
Publish message to multiple Queues
03:17 -
Get Message
03:24 -
Exchanges Fanout
05:01
Integrasi RabbitMQ with Email Sender Notifications AWS SES
Belajar mengintegrasikan service email aws ses dengan rabbitmq
-
Install Docker
03:23 -
Install RabbitMQ
03:43 -
Running RubbitMQ
03:29 -
Exchanges – Integrasi RabbitMQ
00:46 -
Queues Email dan Whatsapp – Integrasi RabbitMQ
00:58 -
Binding – Integrasi RabbitMQ
01:36 -
Create Project RabbitMQ Producer
04:24 -
Code untuk mengirim ke Queue RabbitMQ
06:51 -
Kirim data email ke Queue RabbitMQ
03:34 -
Coding Consumer RabbitMQ Email
09:09 -
Integrasi Consumer Email RabbitMQ ke AWS SES
03:43
Mengintegrasikan RabbitMQ dengan Service Whatsapp Notifications
Belajar Mengintegrasikan RabbitMQ dengan Service Whatsapp Notifications
-
Install Docker
03:23 -
Install RabbitMQ
03:43 -
Running RubbitMQ
03:29 -
Exchanges – Integrasi RabbitMQ
00:46 -
Queues Email dan Whatsapp – Integrasi RabbitMQ
00:58 -
Binding – Integrasi RabbitMQ
01:36 -
Create Project RabbitMQ Producer
04:24 -
Code untuk mengirim ke Queue RabbitMQ
06:51 -
Kirim data whatsapp ke Queue RabbitMQ
03:00 -
Coding Consumer RabbitMQ Whatsapp
06:02 -
Integrasi Consumer Whatsapp RabbitMQ ke WA API
04:13 -
Testing RabbitMQ ke WA API
08:57
Membuat API CRUD BACK END with NODE JS & mongoDB
Membuat API CRUD BACK END with NODE JS & mongoDB
-
Setup 1
-
Setup 2
-
Setup 3
-
Setup 4
-
Create Project
02:26 -
Hot Reload
02:54 -
Routing
02:38 -
Models
01:16 -
Type Code 1
05:29 -
Type Code 2 Models – Backend MongoDB – Registrasi
03:01 -
Create – Backend MongoDB – Registrasi
04:59 -
Read – Backend MongoDB – Registrasi
01:50 -
Update – Backend MongoDB – Registrasi
07:32 -
Bux Fixing – Backend MongoDB – Registrasi
02:27 -
Delete – Backend MongoDB – Registrasi
02:45 -
Tugas
Membuat API CRUD BACK END with NODE JS & SQL SERVER
Membuat API CRUD BACK END with NODE JS & SQL SERVER
-
Setup 1
-
Setup 2
-
Setup 3
-
Setup 4
-
Create Project
02:26 -
Hot Reload
02:54 -
Routing
02:38 -
Models
01:16 -
SQL Server Management Studio – Node JS SQL SERVER
01:50 -
Create Login Account SQL Server Management Studio – Node JS SQL SERVER
03:00 -
Create Database – Node JS SQL SERVER
02:03 -
ORM SQL – Node JS API
01:42 -
Connect DB SQL 1 – Node JS API
07:50 -
Connect DB SQL 2 – Node JS API
03:33 -
Model Schema SQL – NODE JS API
05:35 -
Create – NODE JS SQL API
06:19 -
Read – NODE JS SQL API
02:37 -
Delete – NODE JS SQL API
02:45 -
Update – NODE JS SQL API
03:38 -
Tugas
Membuat API CRUD BACK END with NODE JS & MYSQL
Membuat API CRUD BACK END with NODE JS & MYSQL
-
Setup 1
-
Setup 2
-
Setup 3
-
Setup 4
-
Create Project
02:26 -
Hot Reload
02:54 -
Routing
02:38 -
Models
01:16 -
Create Database – Node JS MySQL
01:33 -
ORM SQL – Node JS API
01:42 -
Connect DB MySQL 1 – Node JS API
07:50 -
Cek Username dan Password phpMyadmin MYSQL
01:04 -
Connect DB MySQL 2 – Node JS API
03:42 -
Model Schema SQL – NODE JS API
05:35 -
Create – NODE JS SQL API
06:19 -
Read – NODE JS SQL API
02:37 -
Delete – NODE JS SQL API
02:45 -
Update – NODE JS SQL API
03:38 -
Tugas
React JS – Integrasi Front End ke API
Belajar Mengintegrasi Front End ke API
-
Setup Server
03:28 -
Create Project
08:06 -
Install Bootstrap and Create Navbar
05:57 -
Membuat Tampilan Utama
05:54 -
Menampilkan Data
07:39 -
Tambah Data
17:16 -
Hapus Data
14:02 -
Update Data
24:30
Vue JS – Integrasi Front End ke API
Belajar Mengintegrasi Front End ke API
-
Setup Server – Vue JS
02:31 -
Create Project Name – Vue JS
04:14 -
Install Package – Vue JS
08:38 -
Halaman Utama – Vue JS
02:47 -
Membuat Page Show – Vue JS
02:38 -
Menampilkan Data – Vue JS
12:09 -
Menambahkan Data – Vue JS
13:32 -
Menghapus Data – Vue JS
05:48 -
Menampilkan Modal – Vue JS
07:39 -
Menampilkan Data di Modal – Vue JS
06:13 -
Edit Data – Vue JS
05:09
Express JS – Integrasi Front End ke API
Belajar Mengintegrasi Front End ke API
-
Express JS – Setup 1
07:33 -
Layout Navbar
05:03 -
Menampilkan Message Success
10:45 -
Menghandle Data Kosong
03:46 -
Tampilkan Data
04:16 -
Hapus Data
11:04 -
Tambah Data
10:21 -
Refactoring Code
03:43 -
Membuat Modal Edit
09:23 -
Membuat Routing Edit
05:54 -
Edit Data
05:40
PHP Laravel – Integrasi Front End ke API
Belajar Mengintegrasi Front End ke API
-
Install XAMPP
-
Menambahkan PHP dan MySQL ke environtment variable PATH
03:26 -
Menginstall Composer
01:48 -
Install Visual Studio Code
-
Create Laravel Project
06:25 -
Laravel Add Project dan Setting DB
02:15 -
Laravel Create Model, Migration dan Controller
03:55 -
Laravel Create Table
03:06 -
Layouts Laravel
08:00 -
Add New File Daftar Layouts
02:21 -
Index View Pendaftaran – Laravel
02:33 -
Save Pendaftaran ke Database – Laravel
05:24 -
getAll Data Pendaftaran – Laravel
10:55 -
Hapus Data Laravel
06:31 -
Detail Data Laravel
10:06 -
Edit Data Laravel
10:44
Membuat API CRUD Data Mahasiswa with Node JS & mongoDB
Challange
-
Setup 1
-
Setup 2
-
Setup 3
-
Setup 4
-
Create Project
02:26 -
Hot Reload
02:54 -
Routing
02:38 -
Models
01:16 -
Type Code 1
05:29 -
Type Code 2 Models – Backend MongoDB – Data Mahasiswa
-
Create
-
Read
-
Update
-
Delete
-
FindOne
Membuat API CRUD Data Mahasiswa with Node JS & SQL SERVER
Challange
-
Setup 1
-
Setup 2
-
Setup 3
-
Setup 4
-
Create Project
02:26 -
Hot Reload
02:54 -
Routing
02:38 -
Models
01:16 -
SQL Server Management Studio – Node JS SQL SERVER
01:50 -
Create Login Account SQL Server Management Studio – Node JS SQL SERVER
00:00 -
Create Database – Node JS SQL SERVER
02:03 -
ORM SQL – Node JS API
01:42 -
Connect DB SQL 1 – Node JS API
07:50 -
Connect DB SQL 2 – Node JS API
03:33 -
Tugas Model Schema SQL – NODE JS API
-
Tugas Create
-
Tugas Read
-
Tugas Delete
-
Tugas Update
-
Tugas findOne
Membuat API CRUD Data Mahasiswa with Node JS & MYSQL
Challange
-
Setup 1
-
Setup 2
-
Setup 3
-
Setup 4
-
Create Project
02:26 -
Hot Reload
02:54 -
Routing
02:38 -
Models
01:16 -
Create Database – Node JS MySQL
01:33 -
ORM SQL – Node JS API
01:42 -
Connect DB MySQL 1 – Node JS API
07:50 -
Cek Username dan Password phpMyadmin MYSQL
01:04 -
Connect DB MySQL 2 – Node JS API
03:42 -
Tugas Model Schema SQL – NODE JS API
-
Tugas Create
-
Tugas Read
-
Tugas Delete
-
Tugas Update
-
Tugas findOne
React JS – Membuat FrontEnd Data Mahasiswa
Challange
-
Challange – React JS Membuat FrontEnd Data Mahasiswa
02:01 -
Pengumpulan Tugas
VUE JS – Membuat FrontEnd Data Mahasiswa
Challange
-
Challange – VUE JS Membuat FrontEnd Data Mahasiswa
01:30 -
Pengumpulan Tugas
Express JS – Membuat FrontEnd Data Mahasiswa
Challange
-
Challange Express JS – Membuat Front End
02:29 -
Pengumpulan Tugas
PHP Laravel – Membuat FrontEnd Data Mahasiswa
Challange
-
Install XAMPP
-
Menambahkan PHP dan MySQL ke environtment variable PATH
03:26 -
Menginstall Composer
01:48 -
Install Visual Studio Code
-
Create Laravel Project
06:25 -
Tugas – Laravel Create Model, Migration dan Controller
-
Tugas – Buat layouts
-
Tugas – Create, Read, Update, Delete dan Detail