Projektowanie, rozwój i publikacja strony internetowej
Kurs prowadzi Javier Usobiaga Ferrer , projektant stron internetowych
Zapoznaj się z procesem tworzenia i publikowania strony internetowej przy użyciu HTML, CSS i JavaScript
W projektowaniu stron internetowych dobry interfejs stara się zadowolić i reagować na to, jak działa ludzki mózg. Oznacza to, że w każdym z nas mamy projektanta, czasami nieprzytomnego lub śpiącego, który potrafi zobaczyć coś, co działa, co jest harmonijne, nawet jeśli nie rozumie dlaczego. Jeśli chcesz poznać zasady projektowania stron internetowych i obudzić w sobie tego projektanta, jesteś we właściwym miejscu.
Na tym kursie poznasz dwie strony tworzenia strony internetowej: z jednej strony poznasz podstawowe techniki planowania strony internetowej, organizowania informacji w makiety i tworzenia gramatyki wizualnej z typografią, paletami kolorów, odstępami, kompozycją, ilustracja. Następnie przejdziesz do budowy tej strony za pomocą HTML, CSS i JavaScript, aż do momentu opublikowania strony w Internecie.
Twoim przewodnikiem podczas tego procesu będzie Javier Usobiaga, projektant stron internetowych, założyciel studia Swwweet i profesor innych kursów w Domestika, takich jak
Grafika wektorowa SVG: ilustruj i animuj za pomocą kodu , Układ strony z CSS Grid, Flexbox i inne nowoczesne techniki , Wprowadzenie do programowania w JavaScript e
Wprowadzenie do tworzenia responsywnych stron internetowych za pomocą HTML i CSS , które może służyć jako uzupełnienie tego, co jest przedstawione w tym kursie.
Czego nauczysz się na tym kursie online?
liczba lekcji: 27 & liczba dodatkowych zasobów: 33
- 98% pozytywnych ocen (490)
- Liczba uczestników: 24.913
- 27 lekcji (2 h 58 min)
- Dodatkowe zasoby: 33 (liczba plików: 6)
- Online i we własnym tempie
- Dostępne w aplikacji
- Audio: Hiszpański, Angielski, Francuski, Włoski, Portugalski, Türkçe
- Hiszpański · Angielski · Portugalski · Niemiecki · Francuski · Włoski · Polski · Holenderski · Türkçe
- Poziom: Podstawowy
- Dostęp nielimitowany na zawsze
Adobe XD
Figma
SketchJaki jest projekt kursu?
Stworzysz, rozwiniesz i opublikujesz stronę internetową ze swoim portfolio prac.
Projekty uczestników kursu
Do kogo jest skierowany ten kurs online?
Do wszystkich osób zainteresowanych poznaniem zasad projektowania stron internetowych i chcących opublikować własną stronę internetową.
Wymagania i materiały
Wskazane byłoby posiadanie podstawowej wiedzy na temat HTML i CSS. Jeśli ich nie masz, zaleca się ukończenie pierwszego kursu Javiera w Domestika: Wprowadzenie do tworzenia responsywnych stron internetowych w HTML i CSS.
Będziesz potrzebował komputera i edytora kodu (Javier zaoferuje ci kilka darmowych). Interesujące może być również posiadanie programu do projektowania wizualnego, takiego jak Sketch, Figma lub Adobe XD, chociaż nie są one niezbędne.
Oceny
Javier Usobiaga Ferrer
Kurs prowadzi Javier Usobiaga Ferrer
Javier Usobiaga jest projektantem stron internetowych i FrontEnd developerem, od ponad 10 lat i współzałożycielem wraz z Martą Armadą studia Swwweet, specjalizującego się w projektowaniu responsywnych stron internetowych od wstępnej koncepcji do front-end developmentu.
Lubi również swoją rolę nauczyciela projektowania stron internetowych w renomowanych warsztatach i szkołach, takich jak Elisava, IDEP.
Usobiaga rozumie sieć w całości, nie tylko to, jak piękna może być na ekranie komputera, ale także jej użyteczność w różnych urządzeniach i okolicznościach.
W jego słowach „Myślę, że równie ważne jak estetyka jest to, jak szybko się ładuje lub jak dobrze reaguje i wydaje mi się, że w naszej branży często o tym zapominamy”.
Zawartość
-
Cz.1
Wstęp
-
Prezentacja
-
Wpływy
-
Co zrobimy na kursie?
-
-
Cz.2
Pomysł na sieć
-
Cele projektowe, ramy i referencje
-
Spis treści
-
Architektura informacji
-
-
Cz.3
Projekt wizualny
-
Zasady i narzędzia
-
Badanie wizualne
-
Kompozycja typograficzna
-
Paleta kolorów w interfejsie
-
Rytm siatkowy i pionowy
-
Ilustracja i ikonografia
-
-
Cz.4
System szablonów
-
Przygotowanie środowiska i edytorów kodu
-
Struktura i działanie pliku
-
Strony wzorcowe i tworzenie nowych stron
-
Warunkowe i częściowe
-
-
Cz.5
Rozwój frontendu
-
Organizacja kodu
-
Skład i kolor
-
System siatki
-
Elementy interfejsu
-
Uzupełnianie interfejsu
-
-
Cz.6
Interakcja w sieci
-
Interaktywne i rozwijane menu
-
Wdrażanie galerii
-
Zakończenie interakcji
-
-
Cz.7
Publikowanie strony internetowej
-
Zarządzanie wersją kodu
-
Usługi wydawnicze
-
Dodatkowe zasoby
-
-
PK
Projekt końcowy
-
Projekt, opracowanie i publikacja strony internetowej
-
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 posiadasz subskrypcję Plus, otrzymasz spersonalizowany certyfikat ukończenia kursu podpisany przez instruktora. Możesz go dołączyć do swojego portfolio lub udostępnić w sieciach społecznościowyc
-
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
Co oferują kursy online na platformie Domestika?
Kursy Domestika to zajęcia online, które pozwalają nauczyć się nowych umiejętności i tworzyć niesamowite projekty. Wszystkie nasze kursy oferują możliwość dzielenia się pracą z innymi studentami i/lub nauczycielami, tworząc aktywną społeczność uczącą się. Oferujemy różne formaty:
Kursy Oryginalne: Kompletne zajęcia łączące filmy, teksty i materiały edukacyjne do realizacji konkretnego projektu od początku do końca.
Kursy Basics: Specjalistyczne szkolenia, gdzie opanowujesz określone narzędzia software krok po kroku.
Kursy Specjalizacyjne: Ścieżki nauki z wieloma ekspertami-nauczycielami na ten sam temat, idealne do zostania specjalistą poprzez naukę z różnych podejść.
Kursy Prowadzone: Praktyczne doświadczenia idealne do bezpośredniego nabycia konkretnych umiejętności.
Kursy intensywne (Deep Dives): Nowe procesy twórcze oparte na narzędziach sztucznej inteligencji w przystępnej formie, umożliwiającej dogłębne i dynamiczne zrozumienie.
Jakie są terminy kursów?
Wszystkie kursy są realizowane wyłącznie online - po ich opublikowaniu na platformie Domestika to Ty wyznaczasz termin rozpoczęcia i ukończenia kursu zgodnie z własnym tempem nauki. Lekcję, która najbardziej Cię interesuje, możesz obejrzeć kilka razy, lub przeskoczyć tę, która jest dla Ciebie oczywista. Oprócz tego masz możliwość zadawania pytań, otrzymywania dodatkowych wyjaśnień, dzielenia się Twoimi projektami i wiele więcej.
Co zawierają kursy online platformy Domestika?
Wszystkie kursy podzielone są na części, które zawierają lekcje wideo, teksty wyjaśniające, zadania i ćwiczenia do realizacji projektu krok po kroku, a oprócz tego dodatkowe materiały i dokumenty. Otrzymasz również dostęp do prywatnego forum, gdzie możesz wymieniać poglądy z innymi uczestnikami kursu i prowadzącym, a także dzielić się swoimi pracami i projektem. W ten sposób staniesz się częścią wyjątkowej społeczności kursu.
Otrzymałeś kurs w prezencie?
Możesz wymienić podarunek na kurs wchodząc na strona wymiany, gdzie wprowadzisz otrzymany kod prezentowy.
Adobe XD
Figma
Sketch
EXCELENTE
Muy buen curso!
O curso é razoálvel, porém acho que poderia focar mais na parte de programação e não na de design. O curso acaba ficando bem básico, pois enrola muito para chegar na parte principal.
I really like the way he explains everything, really recommendable
Excelente para quienes necesitan las bases. Es por acá!