Kreatywne projektowanie stron: programowanie dla początkujących
Kurs prowadzi DXR ZoneAgencja Dyrekcji Artystycznej i Programowania Kreatywnego
Kurs prowadzi 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!
Jaki jest projekt kursu?
Zaplanuj i zakoduj kreatywną stronę internetową od podstaw, używając HTML, CSS i JavaScript.
Projekty uczestników kursu
Do kogo jest skierowany ten kurs online?
Wszystkich i wszystkich zainteresowanych projektowaniem i tworzeniem strony internetowej.
Wymagania i materiały
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
- 6 miesięcy temu
um cruso bom
- 7 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
- 9 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.
- 9 miesięcy temu
muy buen curso !!!
- 11 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.
Certyfikaty
PLUSJeśli masz subskrypcję Plus, za każdy kurs otrzymasz spersonalizowany certyfikat podpisany przez prowadzącego. Udostępnij go w portfolio, w mediach społecznościowych lub gdziekolwiek chcesz.
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
Tak, ten kurs jest stworzony z myślą o początkujących i uczy podstaw tworzenia stron od zera, wykorzystując HTML, CSS i JavaScript. Nie jest wymagane wcześniejsze doświadczenie w programowaniu.
Potrzebny będzie edytor kodu, taki jak Atom lub VS Code, przeglądarka internetowa do testów oraz opcjonalne narzędzia do projektowania, np. Figma lub Arena, do planowania i tworzenia mood boardów. Wszystkie polecane narzędzia są darmowe lub mają darmowe wersje.
Nauczysz się opracowywania koncepcji strony, tworzenia map witryn, mood boardów, kodowania w HTML/CSS/JavaScript, responsywnych układów, testowania użytkowników, uruchamiania stron na Netlify oraz kreatywnych technik, takich jak eksperymentalne kodowanie i nostalgiczny design UI.
Nie jest wymagana wiedza z zakresu projektowania. Kurs wprowadza kluczowe pojęcia i krok po kroku pokazuje, jak planować, prototypować i tworzyć atrakcyjne wizualnie strony.
Nauczysz się planować, projektować i kodować własną stronę portfolio, w tym tworzyć mapę witryny, mood board oraz wdrażać interaktywne funkcje, które podkreślą Twoje projekty lub twórczość.
Tak, poznasz zasady projektowania responsywnego i nauczysz się dostosowywać układy do różnych rozmiarów ekranów, dzięki czemu Twoje strony będą działać świetnie zarówno na telefonach, jak i komputerach.
Mapa witryny to wizualne przedstawienie struktury i nawigacji strony, które pomaga zaplanować zawartość, ścieżkę użytkownika i upewnić się, że wszystkie potrzebne podstrony są uwzględnione przed rozpoczęciem kodowania.