WEB

Pengenalan HTML

Dalam modul pertama, murid akan membuat halaman web yang mengintegrasikan konten multimedia dan mempelajari dasar-dasar penataan elemen

Pelajaran 3:

Bingkai dan markah halaman, mempelajari tag <iframe> dan menyematkan elemen ke dalam situs dan struktur situs

Pelajaran 2:

Multimedia dan penyematan

Pelajaran 4:

Pengenalan CSS

Pelajaran 1:

Anak akan mempelajari apa itu halaman HTML dan mencoba membuat layout pertama mereka menggunakan tag <p><img><h1> yang paling sederhana dan memahami apa itu tag tingkat atas

WEB

Dasar-dasar CSS

Dalam modul kedua, murid akan menguasai topik-topik yang sangat penting untuk mencapai desain situs web profesional, membuat halaman web pertama mereka dalam desain modern

Pelajaran 1:

Selektor CSS

Pelajaran 4:

Penempatan posisi. Alur dokumen dan posisi elemen, properti posisi dan pengaturannya

Pelajaran 3:

Tautan dan properti background. <a> tag, baik tautan internal maupun eksternal, mempelajari pengaturan background dan bekerja dengan styling

Pelajaran 2:

Model blok CSS. Blok dan elemen model garis, apa itu tampilan dan semua properti blok

WEB

Pembuatan prototipe dan dasar-dasar UX/UI

Murid akan belajar dasar-dasar dari web desain, mengetahui cara menganalisa target pasar, dan memilih topik yang sedang trending untuk proyeknya sendiri. Di akhir modul pembelajaran, anak akan mengembangkan desain dari proyek mendatangnya berdasarkan konsep desain modern dan hasil analisis target pasarnya

Pelajaran 3:

Layout proyek akhir: pengenalan Figma, dasar-dasar layout

Pelajaran 1:

Pengenalan desain. Apa itu desain UX dan UI, apa perbedaannya

Pelajaran 2:

Analisis Mesin Pencari

Pelajaran 4:

Flexbox. Anak-anak akan mempelajari properti paling penting dalam CSS - Flexbox - dan cara menggunakannya

WEB

Layout

Murid akan membuat situs web pertama mereka, mempublikasikannya secara online, mengumpulkan masukan dari pengguna, dan membuat situs web tersebut tersedia untuk mesin pencari. Untuk anak-anak di atas usia 14 tahun, dengan izin orang tua, dimungkinkan untuk menambahkan metode pembayaran ke situs mereka

Pelajaran 3:

Menerbitkan proyek. Apa itu GitHub dan bagaimana cara mempublikasikan situs Anda? Menghubungkan ke analitik situs web

Pelajaran 4:

Presentasi proyek

Pelajaran 2:

Penyelesaian proyek. Finalisasi dan penyelesaian proyek

Pelajaran 1:

Layout situs web, bekerja dengan VSC

WEB

CSS tingkat lanjut

Murid akan belajar CSS dan mengembangkan proyek mereka

Pelajaran 3:

Model blok: PRO, tambahkan semua yang telah dipelajari dalam modul ini ke dalam proyek

Pelajaran 1:

Kelas semu (pseudo classes) dan elemen semu (pseudo elements)

Pelajaran 2:

Transformasi. Menjelajahi transformasi, membuat situs web menjadi interaktif bagi pengguna

WEB

Tata letak, grid, dan formulir adaptif

Murid akan mempelajari grid yang lebih nyaman, menyelesaikan banyak kasus nyata, dan belajar bagaimana melakukan adaptasi

Pelajaran 3:

Layout adaptif dan responsif. Bagaimana cara membuat situs menjadi adaptif?

Pelajaran 2:

Variabel dalam CSS

Pelajaran 1:

Grid-layout. Properti penting kedua dari CSS adalah grid-layout. Apa bedanya dengan flexes? Di mana menggunakannya dan bagaimana cara menerapkannya?

Pelajaran 4:

Interaksi dengan informasi pengguna. Formulir, cara mengirim informasi pengguna ke server

WEB

Site Engine dan Dasar-dasar PHP

Siswa akan belajar hosting dan php, dan cara mentransfer proyek mereka ke server

Pelajaran 3:

Wordpress. Mesin situs dan Wordpress, cara membuat situs dari blok PHP

Pelajaran 2:

Menyelami PHP. Mempelajari loop dan array, bagaimana cara membuat situs PHP sendiri

Pelajaran 1:

Server Lokal dan Pengenalan PHP. Mempelajari PHP untuk situs, berinteraksi dengan HTML

Pelajaran 4:

Mesin situs dan mengembangkan proyek pada mesin. Letakkan proyek Anda di Wordpress dan mengembangkannya

Roblox

Persiapan tugas akhir

Untuk semua modul, murid akan bekerja untuk meningkatkan proyek mereka yang memungkinkan mereka untuk membuat produk terbaik

Pelajaran 2:

Penyempurnaan proyek, bekerja dengan formulir, kode siap pakai untuk memeriksa ketepatan input

Pelajaran 3:

Menyempurnakan proyek, menu burger, carousel, chip dari JS. Menyelesaikan proyek, menambahkan carousel

Pelajaran 4:

Mempresentasikan proyek

Pelajaran 1:

Persiapan tugas akhir