Desain, pengembangan, dan penerbitan situs 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 , yang dapat berfungsi sebagai pelengkap apa yang disajikan dalam kursus ini.
Apa yang akan Anda pelajari dalam kursus daring ini?
1 pelajaran & 1 unduhan
- 98% ulasan positif ( 498 )
- 1 siswa
- 1 pelajaran ( 1 jam 1m )
- 1 sumber daya tambahan (1 berkas)
- Online dan sesuai kecepatan Anda sendiri
- Tersedia di aplikasi
- Audio: Spanyol, Bahasa inggris, Perancis, Italia, Portugis, Turki
- Spanyol · Bahasa inggris · Portugis · Jerman · Perancis · Italia · Polandia · Belanda · Turki
- Tingkat: Pemula
- Akses tak terbatas selamanya
Adobe XD
Figma
SketchApa 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
Javier Usobiaga Ferrer
Kursus oleh Javier Usobiaga Ferrer
Javier Usobiaga telah berkarier sebagai desainer web dan pengembang front-end selama lebih dari 10 tahun. Ia adalah salah satu pendiri studio Swwweet, bersama Marta Armada, yang berspesialisasi dalam merancang situs web responsif dari konsep awal hingg...
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 mata kuliah. 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.
Adobe XD
Figma
Sketch
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.
Muy buen curso y muy buena explicación del profesor, como siempre.
Perfecto para iniciarse en la creación de webs
Excelente curso para tener las bases de animación con css
Me gustó
Excelente curso, viene muy ordenado y armado. Es un muy buen profesor