Coconote
AI notes
AI voice & video notes
Export note
Try for free
Belajar Web Development untuk Pemula
Jul 14, 2024
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.
📄
Full transcript