Apa yang akan saya pelajari?
- Anda akan belajar bagaimana menggunakan HTML5 untuk merancang struktur situs web yang responsif
- Anda akan belajar bagaimana menggunakan CSS3 untuk membuat tampilan situs web yang responsif
- Anda akan belajar bagaimana menggunakan JavaScript untuk sisi klien dalam desain situs web yang responsif
- Anda akan membuat situs fungsional lengkap di akhir kursus ini
- Anda akan belajar membuat homepage di website dari awal
- Anda akan belajar membuat halaman kontak di situs web dari awal
- Anda akan belajar bagaimana membuat halaman galeri foto yang menakjubkan di sebuah situs web dari nol
- Anda akan belajar bagaimana membuat halaman media di sebuah situs web dari awal
- Anda akan belajar cara membuat About di sebuah situs web dari awal
- Anda akan belajar cara membuat halaman pengunjung di website dari awal
- Anda akan belajar cara membuat halaman Login / Sign in di website dari awal
- Anda akan belajar cara membuat Register / Sign up di website dari awal
Persyaratan :
- Anda akan belajar pengetahuan tentang HTML5, CSS3 dan JavaScript.
- Anda TIDAK harus ahli dalam pengembangan web sebelum mengikuti kursus ini.
- Pemula yang belum pernah merancang situs web bisa mengikuti kursus ini karena akan diajarkan selangkah demi selangkah sampai akhir kursus.
Deskripsi :
- Kursus ini disiapkan untuk memungkinkan pemula dalam pengembangan web untuk memahami bagaimana menggabungkan, pengetahuan yang didapat dari HTML, HTML5, CSS, CSS3 dan JavaScript untuk menciptakan situs web yang sangat indah dan responsif dari awal
- Siswa didorong untuk dengan berani masuk ke pemrograman web tanpa rasa takut
Siapakah target Peserta Kursus?
- Pemula dalam pengembangan web
- Orang yang sangat antusias ingin membuat web sendiri
Kurikulum Untuk Kursus Ini :
- Ikhtisar kursus oleh Jogja Multimedia
- Uji situs web untuk ketanggapan dan kompatibilitas browser
- Memulai pembuatan dan pengkodean situs web
- Download File Dan Buat Folder
- Membuat Halaman Web
- Membuat Struktur Dokumen HTML
- Tambahkan Meta Tag
- Tambahkan Tautan CSS
- Membuat website Header dengan gambar slide
- Tambahkan Foto ke Tag Header
- Membuat JavaScript Untuk Animating Header Slides
- Tambahkan JavaScript Link ke Header Tag
- Test Header Slider Untuk Kompatibilitas Browser Dan Responsif
- Horizontal Navigation Bar dengan menu dropdown
- Membuat Horizontal Navigation Bar (bagian 1)
- Membuat Horizontal Navigation Bar (bagian 2)
- Bagikan Navigasi Horizontal Bar ke Semua Halaman Web
- Membuat Tampilan Horizontal Navigation Bar Dengan CSS (bagian 1)
- Membuat Tampilan Horizontal Navigation Bar Dengan CSS (bagian 2)
- Review kode
- Uji Bar Horizontal Untuk Kompatibilitas Browser Dan Responsif
- Bar Navigasi Kiri dan Kanan dengan menu dropdown mousehover
- Buat Bar Navigasi Kiri
- Bagikan Segmen Kiri ke Halaman Web
- Membuat dan Mendistribusikan Bar Navigasi Tepat Di Halaman Web
- Membuat Tampilan Kiri dan Kanan Navigation Bar Dengan CSS
- Uji Navigasi Kiri dan Kanan Bar Untuk Kompatibilitas Browser
- Review kode
- Membuat Homepage
- Tambahkan Teks Di Homepage
- Tambahkan Gambar Di Homepage 1
- Tambahkan Gambar Di Homepage 2
- Uji Homepage Untuk Kompatibilitas Browser Dan Responsif
- Tambahkan Judul ke Halaman Web
- Membuat halaman galeri foto
- Membuat Galeri Foto
- Styling Photo Gallery Dengan CSS
- Menguji Galeri Foto Untuk Kompatibilitas Browser Dan Responsif
- Membuat halaman Media
- Embedding Video Player Di Halaman Media Anda
- Styling Video Player Dengan CSS
- Embedding Audio Player Di Halaman Media
- Tambahkan JavaScript ke Pemutar Audio (bagian 1)
- Tambahkan JavaScript ke Pemutar Audio (bagian 2)
- Styling Audio Player Dengan CSS
- Uji Video Dan Pemutar Audio Untuk Kompatibilitas Browser Dan Responsif
- Membuat halaman About
- Tambahkan Gambar di Halaman About
- Tambahkan Teks di Halaman About
- Uji Halaman About Untuk Kompatibilitas Browser Dan Responsif
- Membuat halaman kontak
- Buat Formulir Kontak
- Tambahkan Kotak Email pada Formulir Kontak
- Tambahkan Message Box pada Formulir Kontak
- Tambahkan Tombol Kirim pada Formulir Kontak
- Validasi Masukan Pengguna dalam Formulir Kontak
- Styling Formulir Kontak Dengan CSS
- Styling Area Teks
- Uji Halaman Kontak ntuk Kompatibilitas Browser Dan Responsif
- Membuat Halaman Register/Sign Up
- Tambahkan Nama Depan dan Nama Belakang Pada form pendaftaran
- Tambahkan Alamat Email, Password dan Password Confirmation Box Untuk form pendaftaran
- Tambahkan Menu Dropdown Pada form pendaftaran
- Tambahkan Kalender Ulang Tahun pada form pendaftaran
- Tambahkan kotak centang pada form pendaftaran
- Tambahkan Tombol Radio Pada form pendaftaran
- Add Submit Button Pada form pendaftaran
- Styling Sign Up form pendaftaran
- Validasi form Pendaftaran
- Tambahkan Placeholder Pada form pendaftaran
- Uji form pendaftaran Untuk Kompatibilitas Browser Dan Responsif
- Review Kode Untuk form pendaftaran
- Membuat halaman Login / Masuk
- Tambahkan Kotak Email dan Password untuk Form Login
- Tambah Kotak Centang Dan Kirimkan Button Untuk Form Login
- Styling Form Login Dengan CSS
- Tambahkan lebih banyak gaya pada Form Login
- Tambahkan Placeholder Dan Password Validasi Pada Form Login
- Uji Form Login Untuk Kompatibilitas Browser Dan Responsif
- Membuat halaman pengunjung
- Buat Halaman Pengunjung
- Tambahkan Pos
- Menambahkan gambar
- Tambahkan Progress Bar Dengan Tombol Download
- Kode JavaScript untuk progress bar
- Styling Progress Bar
- Putaran Pengunjung
- Uji Halaman Pengunjung Untuk Kompatibilitas Browser Dan Responsif
- Membuat footer situs
- Tambahkan Footer Di Homepage
- Bagikan Footer ke Halaman Web
- Review kode
- Penyelesaian dan Pengujian Situs Web
- Penyelesaian situs web responsif baru Anda
- SELESAI