beginner

Fundamental Web Development

Investasikan pada keterampilan koding kamu dan pelajari pelajaran eksklusif dari para ahli dibidangnya.

Diterbitkan pada 28 July 2024

Diperbaharui pada 19 August 2024

Pelajari 13 Topik Penting

Pendahuluan3 materi
HTML Basic3 materi
HTML Lanjutan6 materi
CSS7 materi
CSS Lanjutan7 materi
Topik Lainnya23 materi

Overview

Akses Ekslusif Kelas

Apakah Kamu baru mengenal dunia coding? Atau mungkin Kamu seorang mahasiswa yang ingin memperluas keterampilan digital? Maka course ini adalah tempat yang tepat untuk memulai!

Apa yang akan Anda pelajari:

HTML
CSS: Pelajari cara mempercantik halaman Anda dengan desain yang menarik dan responsif.
JavaScript: Mulai memahami logika pemrograman dan interaktivitas untuk membawa website Anda ke level berikutnya.

Kenapa course ini cocok untuk Anda:

Pendekatan yang Ramah Pemula: Kami menjelaskan konsep-konsep dengan cara yang sederhana dan mudah dipahami, ideal bagi yang baru memulai.
Real Word Project: Implementasikan apa yang Anda pelajari dalam proyek nyata untuk portofolio Anda.
Materi Terbaru: Dapatkan akses ke materi terbaru yang digunakan di industri saat ini.

Kami menggunakan referensi desain modern dari Behance untuk memastikan Anda mendapatkan pengalaman belajar yang menarik dan up-to-date.

Credit : Muhammad Sakib (Behance)

Mulai perjalanan Anda menjadi web developer dengan kursus ini dan buka pintu ke berbagai peluang di dunia digital! Daftar sekarang dan mulailah menciptakan website pertama Anda!

Topik yang akan kamu pelajari

Kurikulum Course

Materi yang dirancang sesuai kebutuhan industri saat ini.

01. Pendahuluan
- Internet dan Website
- Web Development
- Cara Browser Bekerja
02. HTML Basic
- Pengenalan HTML
- Struktur Dokumen HTML
- Elemen-Elemen Dasar HTML
03. HTML Lanjutan
- HTML Formatting Text
- Table
- Form, Label & Input
- Button, Checkbox & Radio Button
- Input File, Select, Date & Time
- Element div & span
04. CSS
- Pengenalan CSS
- CSS Selector
- Color, Background Color, dan Border
- Width, Height, dan Units
- Box Model, Padding & Margin
- Image Object-Fit
- Text Overflow
05. CSS Lanjutan
- Font
- Display
- Float & Clear
- Position Element
- Flexbox
- Grid
- Responsive Web (Media Query)
06. Project : Membuat Landing Page
- Pengenalan Project Landing Page
- Membuat Navbar & Bagian Home
- Membuat bagian About Me dan Skills & Experience
- Membuat bagian My Service
- Membuat bagian My Portfolio, My Contact, dan Responsive Styling
07. Javascript Basic
- Pengenalan Javascript
- DOM & Contoh Penggunaan (innerText, appendChild, console.log, event)
- BOM, Hubungan BOM dan DOM, dan Contoh (alert, location)
- Variable dan Tipe Data
- Operator
- Array
- Function & Variable Scope
- Conditionals Statement
- Perulangan
- Object, Set, Map
08. Project : Improve Landing Page
- Overview
- Animasi Pada Banner
- Animasi Scrolling
09. Bootstrap (Soon)
- Segera Hadir
10. Tailwind CSS (Soon)
- Segera Hadir
11. Javascript Lanjutan (Soon)
- Segera Hadir
12. Object Oriented JS (Soon)
- Segera Hadir
13. Final Project : Book Store (Soon)
- Segera Hadir