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 (498)
- Liczba uczestników: 25.622
- 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
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