Wprowadzenie do tworzenia responsywnych stron internetowych za pomocą HTML i CSS
Kurs prowadzi user195228 surname195228 , projektant stron internetowych
Poznaj podstawy programowania Frontend Web Development
Poznaj podstawy programowania Frontend Web Development
Przenieś swój projekt do przeglądarki! Na tym kursie Javier Usobiaga nauczy Cię tworzenia stron internetowych za pomocą najbardziej podstawowych narzędzi: HTML i CSS. Nauczysz się pisać własny kod i zmienisz sposób, w jaki widzisz (i projektujesz) sieć, rozumiejąc, jak działa wewnątrz i jak projektować responsywną sieć, aby była bardziej efektywna. A jeśli projektowanie nie jest twoją rzeczą, ten kurs może być dobrą bazą do rozpoczęcia w świecie Front-end Web Development.
Czego nauczysz się na tym kursie online?
liczba lekcji: 31 & liczba dodatkowych zasobów: 13
- 98% pozytywnych ocen (2.4K)
- Liczba uczestników: 46.539
- 31 lekcji (2 h 18 min)
- Dodatkowe zasoby: 13 (liczba plików: 9)
- Online i we własnym tempie
- Dostępne w aplikacji
- Audio: Hiszpański, Angielski
- Hiszpański, Angielski, Portugalski, Niemiecki, Francuski, Włoski, Polski, Holenderski
- Poziom: Podstawowy
- Dostęp nielimitowany na zawsze
Jaki jest projekt kursu?
Ostateczny projekt polega na stworzeniu responsywnej strony internetowej (sieci fikcyjnej kafeterii) opartej na projekcie dostarczonym jako synteza różnych tematów, które zobaczymy podczas kursu.
Projekty uczestników kursu
Do kogo jest skierowany ten kurs online?
Do wszystkich tych, którzy chcą zdobyć podstawową wiedzę z zakresu HTML i CSS, niezależnie od tego, czy są projektantami, czy nie.
Wymagania i materiały
Do tego kursu nie potrzebujesz dużej wiedzy technicznej ani projektowej. Będziesz potrzebował komputera i darmowego edytora kodu.
Oceny
Kurs prowadzi user195228 surname195228
Javier Usobiaga od 10 lat jest Web Designerem i współzałożycielem Marta Armada ze 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 kursu i projektu
-
Sieć: HTML, CSS i JS
-
Edytor kodu. Utwórz projekt. Środowisko edycji
-
Narzędzia inspektora i programisty
-
-
Cz.2
Struktura HTML
-
Tagi i atrybuty HTML
-
Etykiety tekstowe
-
Obrazy i linki
-
Blokuj etykiety
-
Etykiety dokumentów
-
-
Cz.3
Pierwsze kroki z CSS
-
Połącz plik CSS i składnię CSS
-
Selektory podstawowe
-
Style typograficzne
-
Specyfika i struktura w arkuszach stylów
-
Selektory zaawansowane: pseudoklasy
-
-
Cz.4
Struktury w CSS
-
Style przeglądarki i resetowanie CSS
-
Model pudełkowy
-
Wyświetlacze
-
Pływa
-
Pozycja
-
-
Cz.5
Dekoracja CSS
-
Style list
-
Obramowanie, promień obramowania i cień w pudełku
-
Tła i obrazy tła
-
Czcionki internetowe
-
-
Cz.6
Techniki responsywne
-
Responsywny design i Mobile First
-
Elastyczna struktura
-
Zapytania mediów
-
Responsywna nawigacja
-
-
Cz.7
Dodawanie interakcji
-
Link do e-maila
-
Przejścia w CSS
-
Połącz plik JavaScript
-
Nawigacja z dodanym JavaScript
-
-
PK
Projekt końcowy
-
Responsywne tworzenie stron internetowych z HTML i CSS
-
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
Kursy Domestika oferują lekcje online, dzięki którym poznasz różne ciekawe i kreatywne narzędzia oraz zdobędziesz umiejętności do wykonania własnego projektu. Lekcje zawierają treści wideo i pisane, a także inne dodatkowe materiały dydaktyczne, które umożliwią Ci realizację Twojego projektu krok po kroku. Podczas kursu istnieje również możliwość podzielenia się całym procesem tworzenia z innymi uczestnikami i prowadzącym, czyli osobami, które tworzą społeczność kursu.
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.
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.
Możesz wymienić podarunek na kurs wchodząc na strona wymiany, gdzie wprowadzisz otrzymany kod prezentowy.
displayname701360
PlusI think it's a well-structured course, very well explained and very interesting for people like me who are starting to create web pages. I'm studying web design online at a public institute for adults and it gets quite complicated with the materials they provide us. It's basic but it allows you to understand what's necessary to then do more complicated projects.
Zobacz tłumaczenie
Ukryj tłumaczenie
displayname7767371
Suitable content, in accordance with the presentation, well explained and project well established as a goal, I enjoyed laying out the website, I was left wanting more and to delve deeper into the topics.
Zobacz tłumaczenie
Ukryj tłumaczenie
displayname260414
It is excellent to begin to understand the concepts, and to be able to introduce oneself in this field.
Zobacz tłumaczenie
Ukryj tłumaczenie
displayname2011189
PlusVery good course and well explained to understand the concepts of html and css
Zobacz tłumaczenie
Ukryj tłumaczenie
displayname9401555
It's really very good, this course has helped me understand html and css much better.
Zobacz tłumaczenie
Ukryj tłumaczenie