Lecture Notes: Belajar Web Development untuk Pemula

Pembukaan

• Pentingnya memanfaatkan pandemi untuk meng-upgrade skill web development.
• Tantangan belajar web development yang bisa melemahkan semangat karena banyaknya materi yang harus dipelajari.
• Fokus pertama adalah mempelajari materi minimal untuk membuat website utuh.

Sponsorship

• Diperkenalkan layanan Niagahoster sebagai sponsor.
• Keunggulan Niagahoster: hosting cepat, aman, uptime server tinggi, tim support 24 jam, diskon 75% untuk paket personal, domain gratis.
• Promo tambahan: gunakan kode kupon 'WEBPUNPAS' untuk mendapat diskon tambahan 10%.

Jalur Belajar Web Development

• Terinspirasi dari website roadmap.sh oleh Kamran Ahmed dan video dari Jessica Old dan CodeStekker.
• Lanjutan: Jalur belajar dibuat lebih lengkap untuk pemula.
• Materi disusun mulai dari dasar.

Persiapan Sebelum Coding

Tools yang harus disiapkan:

• Kode Editor: Visual Studio Code, Sublime Text, atom, Brackets, dll.
• Web Browser: Install berbagai browser (Chrome, Firefox, Edge, Safari) untuk pengujian.
• Design Tools: figma, Adobe XD, Photoshop (untuk menerjemahkan desain ke UI).

Memulai Belajar Web Development

1. Internet dan Teknologi Web

• Apa itu internet, web browser, WWW
• Terminologi teknologi web

2. HTML (Hypertext Markup Language)

• Tag dan atribut dasar: heading, paragraf, link, gambar, form, table, semantic HTML.
• HTML form dan validation.
• Kaitan HTML dengan SEO

3. CSS (Cascading Style Sheets)

Dasar CSS

• Selector, properti, spesifikasi.

CSS Layout

• Display, dimensi, box model, positioning, responsive web design.
• Flexbox dan Grid system.

CSS3

• Transisi dan animasi.

CSS Frameworks

• Frameworks: Bootstrap, Materialize, Tailwind CSS.
• Mempelajari penggunaan dan keunggulannya.

Mengelola Source Code

Version Control System

• Belajar Git dan GitHub: mengelola source code, versioning, kolaborasi.
• Hosting website dengan GitHub Pages.
• Alternatif hosting layanan: Niagahoster.

Langkah Lanjutan

• Mempelajari web programming: dasar pemrograman dengan JavaScript.
• Konsep dasar programming: nilai, tipe data, operator, variabel, struktur kendali, function, array, objek.
• Pentingnya dasar programming yang kuat sebelum lanjut ke teknologi lanjutan.

Kesimpulan: Apakah Web Development Cocok?

• Mempersiapkan portfolio website dari hasil belajar.
• Evaluasi diri setelah mempelajari materi minimal.

Penutup

• Mengusulkan materi tambahan dan ajakan untuk tidak menyerah dalam belajar web development.
• Mengucapkan terima kasih kepada Niagahoster.
• Promo spesial Niagahoster dengan kode kupon untuk diskon tambahan.