Topic outline
- General
- Sesi 1: Pengantar Mata Kuliah
Sesi 1: Pengantar Mata Kuliah
- Overview Mata Kuliah;
- 7 Karakteristik yang wajib dimiliki oleh seorang Fresh Graduate untuk menjadi seorang Digital Professional;
- Perubahaan yang terjadi di perusahaan akibat teknologi;
- Personal branding;
- Cara mengasah Growth Mindset;
- Diskusi
- Sesi 2: Perkenalan Design Thinking
Sesi 2: Perkenalan Design Thinking
● Design Thinking best practices;
● Bagaimana digunakan dalam pekerjaan sehari-hari;
● Cara menulis Business Problem Statement;
● How Might We’s;
● Penggunaan Google Jamboard;
● Design Jam, sebuah aktifitas yang digunakan oleh perusahaan-perusahaan teknologi terbesar seperti Facebook dan Google. Mahasiswa bekerja dalam kelompok menggunakan Design Thinking dan Critical Thinking untuk mencari berbagai solusi dalam memecahkan sebuah tantangan bisnis.
- Design Jam Team Project Briefing
Design Jam Team Project Briefing
Design Jam Team Project Briefing
- Briefing peraturan kegiatan design jam
Design Jam Team Project Exercise
- Kelas dibagi dalam tim maksimal 8 orang.
- Masing-masing team melakukan design jam di monitor oleh Dosen dan Tutor
- Review dan reflection
- Briefing peraturan kegiatan design jam
- Sesi 4: Mengapa Critical Thinking dan Problem Solving adalah dua skill yang wajib dimiliki oleh setiap fresh graduate
Sesi 4: Mengapa Critical Thinking dan Problem Solving adalah dua skill yang wajib dimiliki oleh setiap fresh graduate
Perkenalan dan Overview Platform Progate, tata tertib, dsbnya
Memulai Path Pengembangan Web (Node.js) dengan membaca tiga topik pendahulu:
● Apa itu Path Pengembangan Web?
● Apa yang terjadi setelah menyelesaikan Path Pengembangan Web?
● Bagaimana cara belajar secara efektif?
Pengantar mengenai HTML & CSS
- Pastikan computer/ laptop Anda tidak dalam keadaan menggunakan VPN / Proxy karena IP Address wajib Indonesia untuk menggunakan Progate versi Indonesia,
- Segera Daftar dan gabung di team dashboard Progate melalui link ini: //progate.com/companies/9003/invitation?auth_token=e41ab32092cd49fd3ef423239aeb674c
- Mohon untuk tunggu kelas dimulai sebelum mulai belajar agar tidak bingung.
- Sesi 5: HTML & CSS I dan HTML & CSS II
Sesi 5: HTML & CSS I dan HTML & CSS II
HTML & CSS I:
Chapter 1 - Memulai dengan HTML
- Memulai dengan HTML
- Judul dan Paragraf
- Tautan
- Gambar
- Daftar
Chapter 2 - Memulai dengan CSS
- Warna
- Ukuran font dan jenis font
- Lebar, tinggi, dan warna latar belakang
- Class
Chapter 3 - Layout (tata letak) dasar
- Struktur HTML (1)
- Struktur HTML (2)
- Layout dasar
Chapter 4 - Header
- Struktur header
- Layout header
- Padding
Chapter 5 - Footer
- Struktur Footer
- Layout Footer
Chapter 6 - Konten
- Layout bagian utama
- Struktur konten
- Batas
- Padding dan Margin
Chapter 7 - Formulir
- Layout formulir (1)
- Layout formulir (2)
HTML & CSS II:
Chapter 1 - Layout dasar
- Persiapan
- Layout dasar
Chapter 2 - Bagian atas halaman
- Layout bagian atas
- Transparansi dan spasi antar-huruf
- Membuat tombol
- Menyesuaikan layout
- Menggunakan ikon
Chapter 3 - Header
- Layout header
- Membuat tautan log in
- Menyempurnakan log in
Chapter 4 - Daftar pelajaran
- Layout daftar pelajaran
- Menyejajarkan bagian pelajaran
- Menyesuaikan Layout
Chapter 5 - Bagian pesan
- Layout bagian pesan
- Membuat tombol 3D
- Menerapkan CSS berdasarkan Klik
Chapter 6 - Footer
- Footer
Chapter 7 - Memperbaiki Header
- Memperbaiki header
- Sesi 6: HTML & CSS Dojo I (Latihan tanpa instruksi):
Sesi 6: HTML & CSS Dojo I (Latihan tanpa instruksi):
Chapter 1 - Membuat halaman web dari awal
- Header
- Bagian atas halaman
- Bagian konten atau isi
- Bagian formulir
- Footer
- Sesi 7: HTML & CSS Dojo II (Latihan tanpa instruksi):
Sesi 7: HTML & CSS Dojo II (Latihan tanpa instruksi):
Chapter 1 - Membuat halaman web modern dari awal
- Bagian atas
- Header
- Daftar pelajaran
- Bagian pesan
- Footer
- Sesi 8: HTML & CSS III:
Sesi 8: HTML & CSS III:
Chapter 1 - Design Web yang Responsive
- Persiapan
Chapter 2 - Media Queries
- Menggunakan media queries
- Layout dengan media queries
- Box-sizing
Chapter 3 - Menjadikan halaman Anda responsive
- Persiapan desain yang responsive
- Layout tablet
- Memperbaiki layout yang responsive
- Layout smartphone (1)
- Layout smartphone (2)
- Membuat font-size responsive
- Max-width
- Menjadikan Header responsive
- Sesi 9: HTML & CSS Dojo III (Latihan tanpa instruksi) dan CSS IV (Flexbox)
Sesi 9: HTML & CSS Dojo III (Latihan tanpa instruksi) dan CSS IV (Flexbox)
HTML & CSS Dojo III (Latihan tanpa instruksi):
Chapter 1 - Menguasai desain web yang responsive- Menjadikan header responsive
- Menjadikan bagian atas responsive
- Menjadikan daftar pelajaran responsive
- Menjadikan footer responsive
HTML & CSS IV (Flexbox)
Chapter 1 - Apa itu Flexbox?
- Persiapan
Chapter 2 - Mengimplementasikan flexbox
- Display: flex
- Flex: auto
Chapter 3 - Desain responsive
- Flex-wrap: wrap
- Media queries
- Flex-direction
- Sesi 10: Briefing Team Project Wajib
Sesi 10: Briefing Team Project Wajib
- Command Line
- Git
- Membuat Akun GitHub dan simpan linknya melalui Google form
- Bahan bacaan tambahan
- “Membuat halaman web statis bersama kelompok anda!” Tujuan dari proyek ini adalah untuk membuat suatu halaman web bersama rekan tim (satu tim maksimal 5 anggota).
- Proyek ini sifatnya wajib untuk menerapkan apa yang sudah di pelajari di bahasa HTML & CSS, sebagaimana seorang programmer asli membangun sebuah halaman web.
- Proyek ini akan melatih skill kerjasama, komunikasi, dan kemandirian mengatur waktu dalam membangun sebuah proyek berbasis web.
Menyiapkan Aplikasi Web di Environment local
Proyek Tim
Tim mengerjakan Proyek
- Pengumpulan link halaman web via googleform
- Deadline 21:00 WIB 10 September 2021
- Pengantar: Mengapa Bahasa Javascript sangat Populer; Dari aplikasi web sederhana hingga UI/UX layar komputer SpaceX
Pengantar: Mengapa Bahasa Javascript sangat Populer; Dari aplikasi web sederhana hingga UI/UX layar komputer SpaceX
JavaScript I:
Chapter 1 - String & Integer
- Pengantar Javascript ES6
- console.log()
- Kalkulasi (1)
- Kalkulasi (2)
- Menggabungkan string
Chapter 2 - Variable & Constant
- Variable
- Menggunakan variable
- Mengupdate variable (1)
- Mengupdate variable (2)
- Constant
- Template literal
Chapter 3 - Statement Conditional
- Statement if
- Operator boolean & perbandingan (1)
- Operator boolean & perbandingan (2)
- Else
- Else if
- Beberapa kondisi
- Statement switch (1)
- Statement switch (2)
JavaScript II:
Chapter 1 - Iterasi
- Review variable
- Loop while
- Loop for
- Menerapkan iterasi
Chapter 2 - Array
- Apa yang dimaksud dengan array
- Mendapatkan element array
- Mengupdate element array
- Iterasi dengan array (1)
- Iterasi dengan array (2)
Chapter 3 - Object
- Apa yang dimaksud dengan Object
- Mengakses dan Memperbarui nilai
- Array dalam object (1)
- Array dalam object (2)
Chapter 4 - Undefined (tidak didefinisikan)
- Apa yang dimaksud dengan “Undefined”
- Mencegah undefined
Chapter 5 - Latihan Akhir
- Bagian 1
- Bagian 2
- Sesi 12: JavaScript III dan JavaScript IV
Sesi 12: JavaScript III dan JavaScript IV
Chapter 1 - Mempelajari Function
- Apa yang dimaksud dengan Function (1)
- Apa yang dimaksud dengan Function (2)
- Arrow function
- Argument
- Menggunakan beberapa argument
- Nilai return
- Menggunakan nilai return
- Scope (cakupan)
Latihan Akhir
JavaScript IV:
Chapter 1 - Dasar-dasar Class
- Review object
- Apa yang dimaksud dengan Class?
- Membuat instance
- Constructor (1)
- Constructor (2)
- Constructor (3)
- Method (1)
- Method (2)
- Memanggil method di dalam method
Chapter 2 - Inheritance Class
- Apa yang dimaksud dengan inheritance?
- Menggunakan inheritance class
- Menambah method
- Overriding (1)
- Overriding (2)
- Sesi 13: JavaScript V, JavaScript VI, JavaScript VII
Sesi 13: JavaScript V, JavaScript VI, JavaScript VII
JavaScript V:
Chapter 1 - Memisahkan File
- Memisahkan file (1)
- Memisahkan file (2)
- Meng-export nilai
- Export bernama
- Jalur relatif
Chapter 2 - Menggunakan Paket
- Paket (1)
- Paket (2)
Javascript VI:
Chapter 1 - Method untuk Array
- Push
- ForEach
- Find
- Filter Map
Javascript VII:
Chapter 1 - Mempelajari tentang Callback Function
- Tentang Callback Function
- Apa yang dimaksud dengan Callback Function?
- Mendeklarasikan callback function secara langsung
- Argument callback function
- Sesi 14: Presentasi: Mengapa SQL Penting Dalam Mengambil Keputusan Bisnis
Sesi 14: Presentasi: Mengapa SQL Penting Dalam Mengambil Keputusan Bisnis
SQL I:
Mendapatkan Data:
- Apa itu database
- Apa itu kueri
- Memilih banyak kolom
Mendapatkan Baris Tertentu:
- WHERE (1)
- WHERE (2)
- Operator perbandingan
- LIKE (1)
- LIKE (2)
- NOT
- IS NULL , IS NOT NULL
- AND, OR
Mengolah Hasil Data:
- ORDER BY
- LIMIT
Proyek Akhir Studi I:
- Mempraktikkan hal yang sudah Anda pelajari
SQL II:
Mengolah Hasil Pencarian
- DISTINCT
- Operator aritmetika
Menggunakan Function Agregat
- SUM
- AVG
- COUNT
- MAX, MIN
Mengelompokkan Data
- GROUP BY
- GROUP BY (lebih dari satu)
- GROUP BY (WHERE)
- HAVING
Proyek Akhir Studi II
Mempraktikkan hal yang sudah Anda Pelajari
- Sesi 15: SQL III, SQL DOJO
dan SQL IV, Menganalisis Database Situs Fashion e-commerce (WAJIB)
Sesi 15: SQL III, SQL DOJO dan SQL IV, Menganalisis Database Situs Fashion e-commerce (WAJIB)
SQL III:
Menggunakan Subkueri
- Tabel players
- Subkueri
- AS
Beberapa Tabel
- Tabel countries
- Menggabungkan tabel
- JOIN (1)
- JOIN (2)
- Tabel teams
- LEFT JOIN
- Menggabungkan 3 tabel
Tantangan Terakhir
- Mempraktikkan keahlian SQL Anda
SQL DOJO:
Latihan tanpa Instruksi - Menganalisis Database Situs Fashion
- Menganalisis dengan SQL
- Pengguna
- Produk (1)
- Produk (2)
- Produk (3)
- Riwayat penjualan
- Penjualan dan laba
- Analisis Harian
- Data Pengguna yang kompleks
- Data Produk yang kompleks
SQL IV:
Menambahkan, Memperbarui, dan Menghapus Data
- INSERT
- UPDATE
- DELETE
Memantapkan Keahlian Anda
- Mempraktikkan hal yang sudah Anda pelajari
- Deadline 21:00 WIB, 29 September 2021
Menganalisis Database Situs Fashion e-commerce (WAJIB)
- Sesi 16: Node.js
Sesi 16: Node.js
Menggabungkan semua. Membuat aplikasi “shopping list”
Node.js I:
Memulai Penggunaan Node.js
- Persiapan
Mengkonfigurasi Express
- Menginstal Express
2. Menjalankan Server
Menampilkan Halaman
- Cara halaman ditampilkan
- Menerapkan CSS dan menampilkan gambar
- Membuat Halaman daftar
Menggunakan EJS
- Menggunakan EJS untuk menampilkan nilai
- Menampilkan HTML menggunakan for Each
Menambah Tautan
- Menautkan antar halaman
- Sesi 17: Node.js II
Sesi 17: Node.js II
Node.js II:
Menggunakan Database
- Persiapan
Menyiapkan Database
- Mengintegrasikan database
Menampilkan Nilai Database
- Menggunakan database
- Menampilkan nilai yang dipilih
Fitur Penambahan Item
- Menciptakan halaman penambahan item
- Meminta menggunakan Formulir
- Menambahkan item ke database
- Menggunakan Redirect (pengalihan)
- Sesi 18: Node.js III:
Sesi 18: Node.js III:
Node.js III:
Fitur Hapus dan Edit
- Persiapan
Menghapus item Daftar
- Menyiapkan tombol hapus
- Mengirim ID item
- Menjalankan kueri DELETE
Mengedit item Daftar
- Persiapan
- Menampilkan item yang dipilih
- Rute untuk memperbarui data
- Memperbarui item yang dipilih
- Sesi 19: Memulai Pengembangan Node.js di environment lokal
Sesi 19: Memulai Pengembangan Node.js di environment lokal
Memulai Pengembangan Node.js di environment lokal
● Persiapan Local Environment Node.js
● Membuat Aplikasi Node.js Baru
● Persiapan Local Environment MySQL
● Membuat Database dengan MySQL
● Menghubungkan Aplikasi Node.js ke MySQL
- Menuntaskan Pengembangan Aplikasi Web Lokal