Target Pembelajaran :
Siswa/i untuk mampu memahami konsep, struktur website dan dapat membuat website dan web aplikasi dengan HTML, CSS, dan Javascript.
Siswa/i setelah mengikuti kelas ini dapat membuat website landing page sendiri yang dapat diakses secara online, Full praktek dan project.
Materi benar-benar REAL CODING bukan software simulasi coding seperti di tempat lain.
Cocok Untuk : Anak SD kelas 3 hingga dewasa
Tersedia Kelas : Privat / kelompok, 120 menit/sesi.
Materi yang dipelajari :
Chapter 1 : Bagaimana Cara Kerja Web
Siswa/i akan belajar bagaimana sebuah web bekerja, kita akan belajar mengenai file web, web server, IP Address, Nama Domain, DNS, SSL, Browsers, CDNs, dll
Chapter 2 : Software / Tools Yang Digunakan
Siswa/i akan belajar semua software / tools yang dibutuhkan untuk coding pada course ini seperti Visual Studio Code, Filezilla, Browsers, dll.
Chapter 3 : Dasar HTML
Siswa/i akan belajar mengenai dasar-dasar HTML seperti sejarah HTML, struktur dasar dari sebuah web, Heading Tags, Comments, Grouping, Anchors, Images, Lists, Tables, Forms, dll
Chapter 4 : Web Accessibility
Siswa/i akan belajar mengenai bagaimana menggunakan tag/element dengan benar sesuai dengan fungsinya sehingga web dapat diakses dengan baik, kita akan membahas mengenai semantic HTML, Navigation, Alt Text, Specify Language, Color Contrast, Aria Attributes & Roles, Table Options, Tab Order, Automated Checkups, dll.
Chapter 5 : Dasar CSS
Siswa/i akan belajar mengenai dasar-dasar CSS seperti sejarah CSS, Inline Styling, Membuat sebuah file CSS, Internal Styling, Targeting, Sizes, Fonts, Text Formatting, Visibility and Display, Spacing, Image Positioning, Cascading CSS, dll
Chapter 6 : Debugging HTML dan CSS
Siswa/i akan belajar mengenai debugging yaitu proses mengidentifikasi, memahami, dan memperbaiki kesalahan atau bug dalam sebuah web. Kita akan belajar mengenai Chrome Dev Tools, Reviewing Elements, Identifying Applied Styles, Changing Styles and Layout, Network, Screen Sizing, Testing di browser lain, dll.
Chapter 7 : Deploying a Website
Siswa/i akan belajar membuat web dapat diakses secara publik / online. Kita akan belajar cara deploy web pada jaringan internal atau jaringan global seperti IIS, Docker, Interserver, Azure Web App, dll
Chapter 8 : Project#1 - Website Restaurant
Siswa/i akan belajar membuat sebuah project yaitu sebuah website untuk restaurant yang akan menampilkan informasi sebuah restaurant lengkap dengan menunya.
Chapter 9 : Dasar Javascript
Siswa/i akan belajar dasar-dasar Javascript best practice seperti sejarah Javascript, Inline, Separate File, Variables, Working with Variables, Arrays, Conditionals, Loops, Functions, Objects, Classes, IIFE, Scope, Use Strict, dll.
Chapter 10 : Debugging Javascript
Siswa/i akan belajar debugging Javascript seperti Console, Breakpoints, attaching VSCode, dll
Chapter 11 : Javascript DOM
Siswa/i akan belajar mengenai Document Object Model (DOM) yang digunakan untuk memanipulasi konten halaman web. Kita akan belajar mengenai the DOM, Selecting Elements, Manipulating Elements, Traversing Elements, Creating HTML, Events, Timed Actions, Forms, dll. Kita juga akan belajar membuat sebuah project membuat Task List.
Chapter 12 : Advanced HTML
Siswa/i akan belajar mengenai HTML tingkat lanjut seperti Meta Tags, Robot Crawlers, Video, iFrame, SEO, dll
Chapter 13 : Advanced CSS
Siswa/i akan belajar mengenai CSS tingkat lanjut seperti Position, Flexbox, Media Queries, CSS Grid, CSS Variables, Pseudo-elements, Print Style Sheets, SCSS SASS, LESS, dll
Chapter 14 : Advanced Javascript
Siswa/i akan belajar mengenai Javascript tingkat lanjut seperti Local Storage, Session Storage, Promises, Async Await, Fetch API, dll
Chapter 15 : External Javascript Libraries
Siswa/i akan belajar mengenai Javascript Libraries yaitu jQuery, ChartJS, ToastJS, Luxon, dll. Dimana Javascript Libraries ini akan sangat membantu dalam membuat project.
Chapter 16 : Web Tools
Siswa/i akan belajar mengenai web tools yang akan membantu dalam coding yaitu NPM Yarn, ESLint, Babel, Prettier, Gulp Grunt Webpack, Jasmine Jest, dll
Chapter 17 : Project#2 - Website Personal Portfolio
Siswa/i akan belajar membuat sebuah project yaitu sebuah website portfolio untuk menampilkan informasi diri dan karya-karya menggunakan semua materi yang sudah dipelajari.
