Desain Web Kreatif: Perencanaan dan Pengkodean dari Awal
A course by DXR ZoneAgensi Pengarahan Seni dan Pemrograman Kreatif
A course by DXR Zone, Agensi Pengarahan Seni dan Pemrograman Kreatif
Desain Web Kreatif: Perencanaan dan Pengkodean dari Awal
Saat ini, hampir semua orang membutuhkan situs web. Baik untuk memamerkan portofolio, maupun untuk menjangkau pelanggan bisnis. Menguasai coding merupakan keterampilan yang sangat berguna. Rifke Sadleir dan Dan Baragwanath, pendiri agensi pemrograman kreatif DXR Zone, hadir untuk mengajarkan Anda dasar-dasar coding dari nol, dan cara meluncurkan situs web yang memukau secara visual.
Dalam kursus ini, dapatkan panduan lengkap tentang perencanaan, perancangan, pemformatan, dan peluncuran situs web Anda sendiri. Pelajari cara membuat kode HTML, CSS, dan JavaScript, serta cara menggunakan program gratis yang memudahkan pengodean.
Apa yang akan Anda pelajari dalam kursus daring ini?
1 pelajaran & 1 unduhan
Apa yang Akan Kita Lakukan dalam Kursus Ini?
1 menit, 1 detik
Membangun Konsep
1 menit, 1 detik
Mengumpulkan Referensi
1 menit, 1 detik
Membuat Papan Suasana Hati
1 menit, 1 detik
Membuat Peta Situs
1 menit, 1 detik
Menyusun Proposal Desain
1 menit, 1 detik
Apa yang termasuk dalam kursus ini?
Temui Rifke dan Dan, desainer grafis dan programmer di balik DXR Zone, dan para pengajar Anda untuk kursus ini. Mereka berbagi perjalanan unik mereka yang mendorong mereka untuk memulai agensi pengembangan web kreatif dan arahan seni. Lihat beberapa karya terbaru mereka, dan dengarkan tentang para seniman dan desainer yang memengaruhinya.
Temukan persiapan yang dibutuhkan untuk membangun situs web sebelum menulis kode. Pelajari cara membangun konsep dengan menentukan tujuan dan target audiens situs web Anda. Dapatkan inspirasi dari referensi untuk memvisualisasikan desain dan membuat papan suasana hati. Kemudian, mulailah merencanakan perjalanan pengguna melalui situs web Anda dengan membuat peta situs dan menyusun proposal desain menggunakan Figma.
Selanjutnya, dapatkan gambaran umum tentang cara menggunakan Atom, sebuah perangkat lunak untuk membuat kode, sebelum mempelajari cara membuat kode langkah demi langkah. Pertama, pelajari cara membuat kode dalam HTML untuk membuat halaman web dasar. Kemudian, lihat cara membuat kode dalam CSS untuk menambahkan elemen gaya dan format ke situs web Anda. Gabungkan semuanya dengan mempelajari cara membuat kode dalam JavaScript untuk menambahkan komponen yang menyenangkan dan interaktif ke dalam desain web Anda.
Saatnya tayang! Rifke dan Dan akan mengajarkan Anda cara meluncurkan situs web Anda di internet. Pelajari cara menguji situs web Anda untuk mendeteksi bug atau masalah umum lainnya, dan pelajari beberapa solusi pemecahan masalah dan debugging yang bermanfaat. Setelah situs web Anda teruji oleh pengguna dan siap digunakan, Anda siap untuk membagikannya kepada dunia!
What is this course's project?
Rencanakan dan buat kode situs web kreatif dari awal menggunakan HTML, CSS, dan JavaScript.
Proyek oleh mahasiswa kursus
Who is this online course for?
Siapa pun yang tertarik dalam mendesain dan membuat situs web.
Requirements and materials
Tidak diperlukan pengalaman sebelumnya, meskipun pengalaman coding apa pun akan memberi Anda permulaan!
Untuk mengikuti kursus ini, yang Anda perlukan hanyalah akses ke Atom dan Figma, keduanya merupakan aplikasi gratis, dan tentu saja, akses ke internet.
Ulasan
- 5 bulan yang lalu
um cruso bom
- 6 bulan yang lalu
Quiero expresar que el curso de programación es excelente y cuenta con información muy valiosa. La calidad del contenido y la forma en que se presenta son muy útiles para el aprendizaje. Estoy muy satisfecha
- 8 bulan yang lalu
A very hands-on and useful course, even though it is from 2021 and I am writing this review in '25. The instructors guide you through all the steps, from collecting inspiration, over writing HTML, CSS and JavaScript, to actually publishing your website. Atom, the code editor used by the instructors, isn't around anymore, but that is not an issue at all, just use VS Code, it has awesome features anyway that weren't available back in '21. Browser console for debugging etc. all are still the same.
- 8 bulan yang lalu
muy buen curso !!!
- 10 bulan yang lalu
I have tried several web design courses, each with different aims and approaches, but with this course I found an approach that is not too deep into programming but it just gives you resources to get inspired as well as shape your ideas and implement your projects. For me this course is very valuable. Thank you.
Isi
- U 1
Perkenalan
- Tentang Kami
- Pengaruh
- Apa yang Akan Kita Lakukan dalam Kursus Ini?
- U 2
Perencanaan dan Perancangan
- Membangun Konsep
- Mengumpulkan Referensi
- Membuat Papan Suasana Hati
- Membuat Peta Situs
- Menyusun Proposal Desain
- U 3
Membangun dan Mengkode
- Menetapkan Fondasi
- Membuat Struktur Dasar dalam HTML 1
- Membuat Struktur Dasar dalam HTML 2
- Elemen Gaya dalam CSS 1
- Elemen Gaya dalam CSS 2
- Menambahkan Interaksi dalam Javascript 1
- Menambahkan Interaksi di Javascript 2
- U 4
Sedang Tayang
- Meluncurkan Situs Web
- Menguji Situs dengan Pengguna
- Amandemen Berdasarkan Pengujian Pengguna
- FP
Proyek akhir
- Desain Web Kreatif: Perencanaan dan Pengkodean dari Awal
Apa yang diharapkan dari kursus Domestika
Belajar dengan kecepatan Anda sendiri
Nikmati belajar dari rumah tanpa jadwal tetap dan dengan metode yang mudah diikuti. Anda bisa mengatur kecepatan belajar Anda sendiri.
Belajar dari para profesional terbaik
Pelajari metode dan teknik berharga yang dijelaskan oleh para ahli terkemuka di sektor kreatif.
Bertemu dengan guru ahli
Setiap pakar mengajarkan apa yang paling mereka kuasai, dengan pedoman yang jelas, semangat yang membara, dan wawasan profesional dalam setiap pelajaran.
Certificates
PLUSIf you're a Plus member, get a sertifikat khusus signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Dapatkan kursi baris depan
Video berkualitas tinggi, jadi Anda tidak akan melewatkan satu detail pun. Dengan akses tak terbatas, Anda dapat menontonnya sesering yang Anda butuhkan untuk menyempurnakan teknik Anda.
Berbagi pengetahuan dan ide
Ajukan pertanyaan, minta masukan, atau tawarkan solusi. Bagikan pengalaman belajar Anda dengan siswa lain di komunitas yang sama bersemangatnya dengan Anda dalam hal kreativitas.
Terhubung dengan komunitas kreatif global
Komunitas ini merupakan rumah bagi jutaan orang dari seluruh dunia yang ingin tahu dan bersemangat untuk mengeksplorasi dan mengekspresikan kreativitas mereka.
Tonton kursus yang diproduksi secara profesional
Domestika menyusun daftar guru dan memproduksi setiap kursus secara internal untuk memastikan pengalaman belajar daring berkualitas tinggi.
Tanya Jawab Umum
Yes, this course is designed for beginners and teaches foundational web development skills from scratch using HTML, CSS, and JavaScript. No prior coding experience is required.
You’ll need a code editor like Atom or VS Code, a web browser for testing, and optional design tools such as Figma or Arena for planning and mood boards. All recommended tools are free or have free versions.
You’ll learn website concept development, sitemaps, mood boards, HTML/CSS/JavaScript coding, responsive layouts, user testing, launching with Netlify, and creative techniques like experimental coding and nostalgic UI design.
No design background is required. The course covers key design concepts and provides step-by-step guidance for planning, prototyping, and building visually engaging websites.
You’ll learn to plan, design, and code your own portfolio website, including sitemap creation, mood board development, and implementing interactive features tailored to showcase your projects or creative work.
Yes, you’ll learn responsive design principles and how to adapt layouts for different screen sizes, ensuring your websites work well on both mobile and desktop devices.
A sitemap visually organizes your website’s structure and navigation, helping you plan content, user flow, and ensure all necessary pages are included before coding begins.