Membuat website responsive dengan tipe device yang berbeda
Tentang Kursus ini:
Kursus ini addalah tingkat lanjutan setelah Kita sudah bisa membuat website dengan HTML dan CSS serta menambahkan Javascript pada website agar lebih interaktif.Pada kursus ini kita akan membuat website yang responsive (tampilan mengikuti device user) sehingga website lebih menarik dan dapat menjangkau lebih banyak Orang.
Pertemuan ke 1: Konsep Dasar Responsive Design
Pada pertemuan pertama kita akan mempelajari Konsep dasar Responsive design, mulai dari definisi, menguji apakah suatu website sudah responsive, dan kita akan membuat website yang responsive dengan media queries.
01-01 Pengenalan Responsive Design
01-02 Testing website
01-03 Kuntungan Responsive Design
01-04 Fluid Measurements
01-05 Media Queries
01-06 Wire Frames
01-07 Breakpoints
01-08 Responsive Navigation
Pertemuan ke 2: Menggunakan Framework
Setelah Kita menegathui cara membuat website responsive, Kita dapat menggunakan framework css yang sudah ada, dalam hal ini kita akan menggunakan Twitter boostrap 3 agar lebih praktis dalam pembuatan dan lebih provesional dalam tampilan.
02-02 Pengenalan Twitter Bootstrap 3
02-03 Bootstrap Breakpoints
02-04 Getting Started with Twitter Bootstrap
02-05 Bootstrap Grid System
02-06 Bootstrap Navigation
Pertemuan ke 3: Framework Lanjutan
Kita akan melanjutkan pembahasan framework twitter boostrap dengan tingkat yang lebih advance, mulai dari image, table dan membuat Navigasi
03-03 Advanced Navigation
03-04 Pengenalan Template?
03-05 Bootstrap 4
Info Kursus:
| |
pakaian
|
bebas yang penting sopan |
| |
kuota |
terbatas |
| |
laptop |
disediakan (selama laptop masih tersedia) atau bisa membawa sendiri |
| |
peserta |
untuk pelajar dan mahasiswa (min SMP kelas 1) |
| |
waktu |
kamu bisa memilih pada form pendaftaran |
| |
Level |
Bigginer |
| |
prasyarat |
Sudah mengenal atau mengikuti kursus HTML , CSS dan Javascript |
