Desain, pengembangan, dan penerbitan situs web
Kursus oleh Javier Usobiaga FerrerDesainer web
Kursus oleh Javier Usobiaga Ferrer, Desainer web
Desain, pengembangan, dan penerbitan situs web
Dalam desain web, antarmuka yang baik berusaha menyenangkan dan merespons cara kerja otak manusia. Ini berarti kita semua memiliki seorang desainer, terkadang tidak sadar atau terpendam, yang mampu melihat sesuatu yang berhasil, yang harmonis, meskipun kita tidak mengerti alasannya. Jika Anda ingin mempelajari prinsip-prinsip desain web dan membangkitkan jiwa desainer dalam diri Anda, Anda telah datang ke tempat yang tepat.
Dalam kursus ini, Anda akan menjelajahi kedua sisi pembuatan situs web: di satu sisi, Anda akan mempelajari teknik dasar untuk merencanakan situs web, mengatur informasi dalam wireframe, dan menciptakan tata bahasa visual dengan tipografi, palet warna, spasi, tata letak, dan ilustrasi. Selanjutnya, Anda akan mendalami konstruksi halaman tersebut menggunakan HTML, CSS, dan JavaScript, hingga tahap publikasi daring.
Pemandu Anda selama proses ini adalah Javier Usobiaga, desainer web, pendiri studio Swwweet dan profesor kursus Domestika lainnya seperti SVG Vector Graphics: Ilustrasi dan Animasikan dengan Kode , Tata Letak Web dengan CSS Grid, Flexbox, dan Teknik Modern Lainnya , Pengantar Pemrograman JavaScript dan [Pengantar Pengembangan Web Responsif dengan HTML dan CSS](Introducción al Desarrollo Web Responsive con HTML y CSS) , yang dapat berfungsi sebagai pelengkap apa yang disajikan dalam kursus ini.
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
Tujuan desain, kerangka kerja dan referensi
1 menit, 1 detik
Inventaris konten
1 menit, 1 detik
Arsitektur informasi
1 menit, 1 detik
Prinsip dan alat
1 menit, 1 detik
Penelitian visual
1 menit, 1 detik
Apa yang termasuk dalam kursus ini?
Anda akan memulai kursus dengan bertemu Javier dan beberapa desainer serta pengembang yang menulis artikel dan melakukan berbagai eksperimen pada teknologi web yang patut diikuti. Anda juga akan mempelajari konten kursus.
Anda akan mempelajari prinsip-prinsip desain visual dan komponen-komponennya, dengan fokus terutama pada elemen-elemen paling mendasar, seperti tipografi, warna, kisi-kisi, dan ilustrasi.
Anda akan melihat terlebih dahulu generator HTML statis dan sistem templatnya, serta pengorganisasian berkas dan pembuatan halaman master.
Pada unit berikutnya, Anda akan mulai menerjemahkan sistem desain yang diusulkan ke dalam kode front-end : tipografi, warna, kisi, dan komponen lainnya.
Anda akan menambahkan lebih banyak elemen interaksi ke proyek melalui berbagai pustaka dan fungsi JavaScript.
Anda akan mempelajari cara kerja pengelola versi kode, dan akhirnya, Anda akan menggunakan layanan penerbitan untuk menerbitkan situs web Anda ke seluruh dunia.
Perangkat lunak & alat yang direkomendasikan untuk kursus ini
Apa proyek kursus ini?
Anda akan membuat, mengembangkan, dan menerbitkan situs web dengan portofolio pekerjaan Anda.
Proyek oleh mahasiswa kursus
Untuk siapa kursus daring ini?
Kepada siapa pun yang tertarik mempelajari prinsip-prinsip desain web dan menerbitkan situs web mereka sendiri.
Persyaratan dan bahan
Disarankan untuk memiliki pengetahuan dasar tentang HTML dan CSS. Jika Anda belum memilikinya, kami sarankan untuk mengikuti kursus Domestika pertama Javier: Pengantar Pengembangan Web Responsif dengan HTML dan CSS.
Anda memerlukan komputer dan editor kode (Javier akan menyarankan beberapa yang gratis). Program desain visual seperti Sketch, Figma, atau Adobe XD mungkin juga berguna, meskipun tidak wajib.
Ulasan
- 3 bulan yang lalu
I really enjoyed this course. I already had a website I needed to build and I was able to apply this to improve it so much. It’s comprehensive and well structured.
- 5 bulan yang lalu
Muy buen curso y muy buena explicación del profesor, como siempre. Perfecto para iniciarse en la creación de webs
- 7 bulan yang lalu
Excelente curso para tener las bases de animación con css
- 7 bulan yang lalu
Me gustó
- 8 bulan yang lalu
Excelente curso, viene muy ordenado y armado. Es un muy buen profesor
Isi
- U 1
Perkenalan
- Presentasi
- Pengaruh
- Apa yang akan kita lakukan dalam kursus ini?
- U 2
Desain situs web
- Tujuan desain, kerangka kerja dan referensi
- Inventaris konten
- Arsitektur informasi
- U 3
Desain visual
- Prinsip dan alat
- Penelitian visual
- Penyusunan huruf
- Palet warna dalam antarmuka
- Grid dan ritme vertikal
- Ilustrasi dan ikonografi
- U 4
Sistem templat
- Persiapan lingkungan dan editor kode
- Struktur dan operasi file
- Halaman master dan membuat halaman baru
- Kondisional dan parsial
- U 5
Pengembangan frontend
- Organisasi kode
- Komposisi dan warna tipografi
- Sistem reticle
- Komponen antarmuka
- Menyelesaikan antarmuka
- U 6
Interaksi web
- Menu interaktif dan drop-down
- Menerapkan galeri
- Menyelesaikan interaksi
- U 7
Menerbitkan situs web
- Manajemen versi kode
- Layanan penerbitan
- Sumber daya tambahan
- FP
Proyek akhir
- Desain, pengembangan, dan penerbitan situs web
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.
Sertifikat
PLUSJika Anda anggota Plus, dapatkan sertifikat khusus yang ditandatangani oleh pengajar Anda untuk setiap kursus. Bagikan di portofolio, media sosial, atau di mana pun Anda suka.
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
The course is designed for people with basic HTML and CSS knowledge, but you don’t need to be an expert. It’s perfect for those wanting to deepen their skills in modern web design and front-end development techniques.
Basic knowledge of HTML and CSS is recommended. Advanced experience isn’t required, but it helps to understand basic webpage structure and code editing.
You’ll learn to build responsive layouts, CSS animations, accessible SVG graphics, information architecture, wireframing, prototyping, website publishing, and how to apply agile methodologies in digital projects.
You’ll need a code editor (like VS Code), Node.js, a terminal, an up-to-date web browser, and access to tools like Figma, Keynote, PowerPoint, or Notion for prototyping and organization.
You’ll learn how to use CSS variables to manage colors, fonts, and spacing, making it easier to keep a consistent look and quickly update your web projects globally.
Yes, you’ll practice using CSS Grid and other techniques to create adaptable web structures that look great on any device, enhancing the user experience.
Yes, you’ll be able to develop your own project, applying all the design, development, and publishing concepts to build a portfolio or client website.