π Nama : Ricky Muhammad Ridwan
π NIM : 1207050104
π Kelas : IF - E
π Matkul : Pengembangan Aplikasi Web (Semester 05)
π Website : https://ricky03knowhere.github.io/
π± Github : https://github.com/ricky03knowhere
π οΈ π Project :
πΎ π Backend (API) : https://github.com/ricky03knowhere/web-pesantren-apiπ β¨ Frontend (Website) : https://github.com/ricky03knowhere/pesantren-habiburahmanπ± πΆ Mobile App : https://github.com/ricky03knowhere/pesantren-habiburahman-app
Project's Stacks
Coming soon
Changelogs
- Events
- Pertemuan 1
- Pertemuan 2
- Pertemuan 3
- Pertemuan 4
- Pertemuan 5
- Pertemuan 6
- Pertemuan 7
- Pertemuan 8 (UTS)
- Pertemuan 9
- Pertemuan 10
- Pertemuan 11
- Pertemuan 12
- Pertemuan 13
- Pertemuan 14
- Pertemuan 15
- Pertemuan 16 (UAS)
Pertemuan 1
β‘ DEMO
: HTML Responsive Layout with Media Query & Flexboxβ‘ DEMO
: Javascript Data Transformationβ‘ DEMO
:π Browser API - Event Handling, Local Storage, Element manipulationπ CREATE
Project Proposal
Pertemuan 2
β‘ DEMO
: HTTP GET & POST using Form Action and Fetch API
Pertemuan 3
β‘ DEMO
: Javascript Data Transformationβ‘ DEMO
:π Browser API -πΊοΈ π Geolocation
Pertemuan 4
β‘ DEMO
: NodeJS & NPM / Yarn installation, operation & hello worldβ‘ DEMO
: Single Page App with React & React-router
Pertemuan 5
β‘ DEMO
: Memperdalam konsep :- SPA (Single Page App) with React
- CSR (Client Side Rendering)
- SSG (Static Site Generation)
Pertemuan 6
β‘ DEMO
: Instalasi module - module penting dalam React.js seperti axios, dayjs, framer-motion, jotai lodash, theme-ui.β‘ DEMO
: Fetch API menggunakan Axios
Pertemuan 7
β‘ DEMO
: Membuat Web Service & RESTful API Dengan Express JS :- Instalasi Express JS
- Membuat File Inisiasi Aplikasi Express JS
- Membuat Route RESTful API Sesuai Project
Pertemuan 8
β CREATE
: Mengerjakan UTS- Judul : Tugas Media Ajar Kelas 5 SD (Konsep Dasar Web & Internet)
- Link Youtube : https://www.youtube.com/watch?v=qSV4v7eEUVg
Pertemuan 9
β‘ Instalasi dan Inisiasi Database MongoDBβ‘ Instalasi DBeaver
Pertemuan 10
π π‘ Membahas Cloud Computing : Goggle Cloud VS Amazon Web Serviceπ π‘ Membahas Cloud Computing : Bahasa Pemrograman yang dipakaiβ‘ DEMO
Membuat project dengan express.js dan postgreSql
Pertemuan 11
π π‘ Membahas Linux Web Serverπ π‘ Membahas Aneka Cheatsheet Shellβ CREATE
: Mengerjakan Quiz Linux Web Serverβ‘ Instalasi WSL, zsh & zsh themeβ‘ DEMO
: Penggunaan Vim
Pertemuan 12
β‘ DEMO
: Login ke server dengan sshβ‘ DEMO
: File & Folder Mode and Ownershipβ‘ DEMO
: Penggunaan Vim
Pertemuan 13
β‘ DEMO
: Dockerizing Web App to Serverπ π‘ Membahas Cloud Computing : Containerization
Pertemuan 14
β‘ DEMO
: Progress Projekπ π‘ Membahas Web Security : OWASP, Defender, & Attacker
Pertemuan 15
π π‘ Membahas Konsep Web : Http, HTML, Web client & Server, Data Resource
Pertemuan 16
β CREATE
: Mengerjakan UASβ CREATE
: Mengerjakan UAS Praktikum