Kreatywne projektowanie stron: programowanie dla początkujących
A course by DXR ZoneAgencja Dyrekcji Artystycznej i Programowania Kreatywnego
A course by DXR Zone, Agencja Dyrekcji Artystycznej i Programowania Kreatywnego
Dowiedz się, jak zaprojektować i stworzyć ciekawą witrynę internetową przy użyciu HTML, CSS oraz JavaScript
W dzisiejszych czasach prawie każdy potrzebuje strony internetowej. Niezależnie od tego, czy chodzi o zaprezentowanie swojego portfolio, czy o dotarcie do klientów przez firmę. Umiejętność kodowania jest ogólnie przydatną umiejętnością. Rifke Sadleir i Dan Baragwanath, założyciele agencji programowania kreatywnego DXR Zone, są tutaj, aby nauczyć Cię podstaw kodowania od zera oraz tego, jak uruchomić atrakcyjną wizualnie stronę internetową.
W tym kursie uzyskasz pełny przewodnik dotyczący planowania, projektowania, formatowania i uruchamiania własnej witryny internetowej. Naucz się kodować w HTML, CSS i JavaScript oraz naucz się korzystać z bezpłatnych programów ułatwiających kodowanie.
Czego nauczysz się na tym kursie online?
llekcji: 18 & liczba dodatkowych zasobów: 17
Co zrobimy na tym kursie?
4 min, 7 sek.
Budowanie koncepcji
3 min, 21 sek.
Zbieranie referencji
11 min, 33 sek.
Tworzenie tablicy nastroju
6 min, 53 sek.
Tworzenie mapy witryny
4 min, 28 sek.
Wymyślanie propozycji projektowych
17 min, 20 sek.
Co obejmuje ten kurs?
Poznaj Rifke i Dana, grafików i programistów stojących za strefą DXR, oraz swoich nauczycieli na tym kursie. Dzielą się swoją niekonwencjonalną podróżą, która doprowadziła ich do założenia kreatywnej agencji tworzenia stron internetowych i kierowania sztuką. Zobacz niektóre z ich ostatnich prac i posłuchaj o artystach i projektantach, którzy mają na nie wpływ.
Odkryj przygotowanie, które wymaga zbudowania strony internetowej przed napisaniem kodu. Dowiedz się, jak zbudować koncepcję, decydując o celu i grupie docelowej Twojej witryny. Zainspiruj się odniesieniami, aby zwizualizować projekt i stworzyć moodboard. Następnie zacznij planować podróż użytkownika po Twojej witrynie, tworząc mapę witryny i proponując projekt za pomocą Figma.
Następnie zapoznaj się z omówieniem korzystania z Atom, oprogramowania do kodowania, zanim nauczysz się kodować krok po kroku. Najpierw naucz się kodować w HTML, aby utworzyć podstawową stronę internetową. Następnie zobacz, jak kodować w CSS, aby dodać elementy stylu i formatowanie do swojej witryny. Połącz to wszystko, ucząc się kodowania w JavaScript, aby dodać zabawne i interaktywne komponenty do swojego projektu internetowego.
Czas na żywo! Rifke i Dan nauczą Cię, jak umieścić swoją witrynę na żywo w Internecie. Dowiedz się, jak przetestować swoją witrynę pod kątem błędów lub innych typowych problemów, i poznaj przydatne rozwiązania do rozwiązywania problemów i debugowania. Gdy Twoja witryna zostanie przetestowana przez użytkowników i będzie gotowa do pracy, będziesz gotowy, aby podzielić się nią ze światem!
What is this course's project?
Zaplanuj i zakoduj kreatywną stronę internetową od podstaw, używając HTML, CSS i JavaScript.
Projekty uczestników kursu
Who is this online course for?
Wszystkich i wszystkich zainteresowanych projektowaniem i tworzeniem strony internetowej.
Requirements and materials
Nie jest wymagane żadne wcześniejsze doświadczenie, chociaż każde doświadczenie w kodowaniu da ci przewagę!
Aby wziąć udział w tym kursie, wystarczy dostęp do Atom i Figma, które są zarówno darmowymi aplikacjami, jak i oczywiście dostęp do Internetu.
Oceny
- 5 miesięcy temu
um cruso bom
- 6 miesięcy temu
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 miesięcy temu
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 miesięcy temu
muy buen curso !!!
- 10 miesięcy temu
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.
Strefa DXR oferuje usługi obejmujące kierowanie sztuką, projektowanie cyfrowe, aż po rozwój pełnego stosu. Lista ich klientów obejmuje Google, Selfridges, Burberry, The Face, Dazed, adidas, Universal Music, Nike, Somerset House, Converse, Hypebeast, The Magnet Agency, Anyways, Institute of Coding, Depop, Dropbox, University of the Arts London, ICA , The Future Laboratory, Warp Records i Beirut Re-Store.
Zawartość
- Cz.1
Wstęp
- O nas
- Wpływy
- Co zrobimy na tym kursie?
- Cz.2
Planowanie i projektowanie
- Budowanie koncepcji
- Zbieranie referencji
- Tworzenie tablicy nastroju
- Tworzenie mapy witryny
- Wymyślanie propozycji projektowych
- Cz.3
Budowanie i kodowanie
- Tworzenie fundamentów
- Tworzenie podstawowej struktury w HTML 1
- Tworzenie podstawowej struktury w HTML 2
- Elementy stylu w CSS 1
- Elementy stylu w CSS 2
- Dodawanie interakcji w JavaScript 1
- Dodawanie interakcji w JavaScript 2
- Cz.4
Na żywo
- Uruchomienie strony internetowej
- Testowanie Witryny z Użytkownikami
- Poprawki oparte na testach użytkowników
- PK
Projekt końcowy
- Kreatywne projektowanie stron: programowanie dla początkujących
Kurs Domestika - czego możesz się spodziewać?
Nauka we własnym tempie
Radość z nauki w domu, bez wyznaczonych terminów. Szybko przyswajasz wiedzę, a swój plan zajęć układasz wedle uznania.
Nauka z najlepszymi ekspertami
Przydatne metody oraz ciekawe techniki przedstawione i wyjaśnione przez najlepszych specjalistów z branży kreatywnej.
Doświadczeni prowadzący
Wszyscy prowadzący są specjalistami w swojej dziedzinie. Przekazują wiedzę z pasją, tłumaczą zagadnienia w jasny sposób, a podczas zajęć kładą nacisk na praktyczne zastosowanie zdobytej wiedzy.
Certificates
PLUSIf you're a Plus member, get a spersonalizowany certyfikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Miejsca w pierwszym rzędzie
Wysoka jakość wideo sprawia, że nie umknie Ci żaden szczegół. Dzięki nieograniczonemu dostępowi możesz obejrzeć nagrania tyle razy, ile potrzebujesz, aby przyswoić nowe umiejętności.
Dzielenie się wiedzą i pomysłami
Zadawaj pytania, nie wahaj się poprosić o opinię czy poszukać rozwiązania. Podziel się swoimi wrażeniami z nauki z pozostałymi członkami społeczności, którzy tak jak Ty uwielbiają tworzyć.
Łączność z kreatywną społecznością z całego świata
Społeczność kilku milionów użytkowników z całego świata, pełnych ciekawości oraz chęci odkrywania i wyrażania swojej kreatywności.
Profesjonalna realizacja kursów
Domestika starannie dobiera prowadzących i produkuje wszystkie kursy we własnym zakresie, aby zapewnić wysoką jakość nauki online.
Często zadawane pytania
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.