Zostań webdeveloperem. Kurs video. CSS Grid i Flexbox
- Ocena:
- 6.0/6 1 opinii
- Wersja:
- Online
- Czas trwania:
- 06:14:46
- Technologia:
- Visual Studio Code, CSS3
Opis kursu video Zostań webdeveloperem. Kurs video. CSS Grid i Flexbox
Obierz kurs na... nowoczesne projektowanie stron internetowych
Trudno sobie wyobrazić współczesny świat bez internetu. Żyjemy w nim, pracujemy, robimy zakupy, zbieramy informacje, spędzamy wolny czas. Oczywiście, w ostatnich latach model spędzania czasu w sieci się zmienił - wielu z nas korzysta przede wszystkim z social mediów. Jednak trafiamy także na strony WWW, na przykład do e-sklepów, na blogi czy witryny interesujących nas firm lub organizacji. Część z nich opuszczamy szybko i bez żalu, zirytowani nie tylko nieadekwatnością zamieszczonych na stronie informacji, ale także długim czasem przełączania między podstronami, nieintuicyjnością i ogólnie słabą funkcjonalnością. Przygotowane w niedzisiejszych technologiach, nieprzyjazne dla użytkownika witryny internetowe wielu firm, osób publicznych i organizacji odstraszają, zamiast przyciągać.
Jeśli chcesz się nauczyć projektować strony internetowe, które będą zachwycać i działać niczym magnes na odwiedzających, musisz sięgnąć po najlepsze, co oferują twórcy służących do tego rozwiązań. Na Twoim radarze webdevelopera powinien się znaleźć genialny system tworzenia layotu w CSS, czyli CSS Grid i CSS Flexbox - moduł CSS, który zapewnia efektywny sposób zarządzania kontenerami strony i rozkładem elementów wewnątrz kontenerów. Z tych technologii korzysta się obecnie powszechnie, zarówno do budowy nowych stron internetowych, jak i do przekształcania już istniejących witryn. Z ich użyciem stworzysz nie tylko prostą wizytówkę czy aplikację, ale także bardziej skomplikowaną stronę o responsywnym layoucie - podstawę dzisiejszego internetu, dostępnego na urządzeniach o rozmaitych wielkościach ekranu.
Co cię czeka podczas naszego profesjonalnego szkolenia
Dzięki nauce z proponowanym przez nas kursem video między innymi:
- Poznasz właściwości Flexboxa i dowiesz się, jak z nich korzystać
- Zrozumiesz korelację między regułami dla kontenera i dla pojedynczych elementów
- Dowiesz się, czym jest main axis, a czym cross axis
- Opanujesz zasady budowy układu responsywnego z Flexboxem i siatki CSS Grid
- Zorientujesz się, jakie są sposoby rozmieszczania elementów w siatce
Co więcej...
- Przyswajając wiedzę i umiejętności, zrozumiesz, jakie są różnice między Flexboxem i CSS Grid
Zostań webdeveloperem. Kurs video. CSS Grid i Flexbox kończy się na poziomie podstawowym, co oznacza, że jako absolwent tego szkolenia będziesz posiadać solidne podstawy w zakresie omawianych technologii. Do osiągnięcia biegłości w tej dziedzinie przyda Ci się dalsza praktyka już we własnym zakresie.
Nowa jakość w kaskadowych arkuszach stylu
Kaskadowe arkusze stylu, z angielskiego skrócone do akronimu CSS, to język stworzony specjalnie do opisu formy prezentacji stron WWW. Arkusz stylów CSS zawiera listę reguł, które „informują” przeglądarkę internetową o tym, w jaki sposób powinna wyświetlić zawartość elementów HTML czy XML. Języka CSS używa się od drugiej połowy lat 90., przez ten czas stopniowo go unowocześniano i dodawano do niego kolejne usprawniające technologie. Flexbox jest jedną z nich. Pozwala na tworzenie kompleksowego i elastycznego układu strony bez odwoływania się do właściwości float i position (które są nadal w porządku i działają, ale... nie zawsze idealnie). O ile Flexbox jest jednowymiarowy - pozwala rozmieszczać elementy w wierszach i kolumnach tak, by się odpowiednio rozszerzały i kurczyły - o tyle CSS Grid jest dwuwymiarowy. W praktyce oznacza to, że pozwala sterować zarówno wierszami, jak i kolumnami. Tym samym Grid należy uznać za technologię bardziej zaawansowaną od Flexboxa, ale wciąż obie są użytkowe i równie warte poznania.
Patronat medialny:
Wybrane bestsellery
-
Mimo intensywnego rozwoju mediów społecznościowych, a co za tym idzie – nowego modelu kontaktu z klientami i „followersami”, zapotrzebowanie na profesjonalne, nowoczesne strony WWW nie maleje. Firmy i osoby prywatne wciąż poszukują twórców witryn w pełni responsywnych i maksymalnie interaktywnych, po których poruszanie się będzie dla użytkownika pr
(39,90 zł najniższa cena z 30 dni)
92.95 zł
169.00 zł (-45%) -
W świecie frontendu mnogość nowoczesnych narzędzi, pluginów i frameworków niejednego przyprawi o zawrót głowy. Zmieniają się standardy języków programowania i można rzec – wszystko płynie. Jednak i w tym świecie bez zawahania da się wymienić dwóch największych graczy – są nimi HTML i CSS. Sięgnijmy do niezbędnej teorii i sprawdźmy, dlaczego. Język
(39,90 zł najniższa cena z 30 dni)
70.95 zł
129.00 zł (-45%) -
Webpack 5. Kurs video. Kompletny przewodnik dla początkujących pozwoli Ci opanować podstawy pracy z tym bundlerem. Aby przystąpić do kursu, trzeba posiadać już pewne umiejętności w zakresie języka JavaScript, rozumieć takie pojęcia jak frontend czy serwer i mieć opanowane podstawy CSS.
(39,90 zł najniższa cena z 30 dni)
81.95 zł
149.00 zł (-45%) -
Początkujący programisto, stażysto lub praktykancie w agencji reklamowej, człowieku, który właśnie zmieniasz swoje zawodowe życie, przekwalifikowując się na projektanta stron internetowych - w Twoim przypadku, podobnie jak każdego innego frontend developera w kraju i na świecie, dogłębna znajomość HTML-a i CSS-a jest obowiązkowa. Nie wystarczy Ci j
(39,90 zł najniższa cena z 30 dni)
64.50 zł
129.00 zł (-50%) -
Właściwie: obierz kurs na frontend development i - szerzej - na aktywne działania w internecie, oznaczające coś więcej niż pisanie komentarzy pod postami. Cokolwiek bowiem zamierza się w sieci wykreować - stworzyć reklamę graficzną, przygotować i wysłać mailing do klienta, o tworzeniu i modyfikacji stron WWW, aplikacji desktopowych oraz mobilnych n
(39,59 zł najniższa cena z 30 dni)
49.50 zł
99.00 zł (-50%) -
Na świecie istnieje niewyobrażalnie dużo stron internetowych. Zdecydowana większość z nich nie świadczy najlepiej o ich projektantach. Nie chcesz chyba być jednym z nich? CSS i SASS. Kurs video. Praktyczny projekt nowoczesnego dashboardu pomoże Ci uniknąć wielu błędów i zrozumieć istotę tworzenia stron o dużych walorach graficznych. Jeśli myślisz o
(34,90 zł najniższa cena z 30 dni)
49.50 zł
99.00 zł (-50%) -
Zapotrzebowanie na specjalistów frontendowców rośnie z roku na rok, stale rozwijają się także technologie, z którymi pracują frontend developerzy. Wraz ze wzrostem popularności aplikacji internetowych, które stają się też coraz bardziej skomplikowane i wyrafinowane, wzrasta znaczenie posiadanych przez specjalistów umiejętności i wiedzy. Aktualnie f
(19,90 zł najniższa cena z 30 dni)
26.54 zł
59.00 zł (-55%)
O autorach kursu video
Dorwij Nerda - pierwsza techniczna agencja rekrutacyjna. Buduje zespoły, realizuje projekty, weryfikuje kandydatów, edukuje rekruterów. Działa w szeroko rozumianym IT. Oferuje szkolenia, między innymi z języków programowania, zarządzania projektami, architektury czy procesów wytwarzania oprogramowania. Organizuje spotkania z zagranicznymi specjalistami z danej dziedziny by zagwarantować najwyższą jakość przekazywanego materiału. Po więcej szczegółów zajrzyj na: https://dorwijnerda.pl.
Paulina Olszewska - WordPress developer, szkoleniowiec technologii webowych, digital marketer, absolwentka Politechniki Gdańskiej. Poza pracą uwielbia bieganie i ekstremalną turystykę górską. Wycisza się przy szyciu i szydełkowaniu.
Dorwij Nerda, Paulina Olszewska - pozostałe kursy
-
Czy znasz już Canvę? Jeśli nie, to za chwilę poznasz i – obiecujemy – nie pożałujesz. Canva jest dostępnym online narzędziem, dzięki któremu każdy, także osoba niemająca dotąd styczności z projektowaniem graficznym, jest w stanie przygotować grafikę na potrzeby social mediów, plakat do druku albo animację do prezentacji. Brzmi świetnie? To prawda.
(39,90 zł najniższa cena z 30 dni)
40.05 zł
89.00 zł (-55%) -
JavaScript jest językiem programowania, bez którego nie mogłyby istnieć używane dziś strony internetowe i aplikacje. Za przeważającą większością z nich bowiem stoi kod pisany właśnie w tym języku. Jego skrypty służą najczęściej do zapewniania interakcji. Reagują one na zdarzenia, walidują dane wprowadzane w formularzach, tworzą – czasem bardzo skom
(39,90 zł najniższa cena z 30 dni)
92.95 zł
169.00 zł (-45%) -
Dzisiejszy odbiorca stron WWW i aplikacji internetowych jest niezwykle świadomy i wymagający. Jeśli cokolwiek go rozproszy, coś nie będzie mu pasowało, przechodzenie między podstronami lub kolejnymi oknami aplikacji okaże się niewygodne albo nieintuicyjne - poirytowany, porzuci stronę lub aplikację i nigdy na nią z własnej woli nie wróci. Nowe rozw
(39,90 zł najniższa cena z 30 dni)
54.45 zł
99.00 zł (-45%) -
Praca graphic designera wymaga od wykonującej ją osoby znacznie więcej niż tylko umiejętności obsługi odpowiednich programów. W czasach, w których obraz znaczy więcej niż tysiąc słów, ludzie nie tylko zwracają baczniejszą uwagę na to, jakim przekazem werbalnym komunikuje się marka. Klienci myślą o marce również poprzez kolorystykę i symbole, które
(34,90 zł najniższa cena z 30 dni)
48.95 zł
89.00 zł (-45%) -
Pierwsze skojarzenie z pracownikiem branży IT? Oczywiście developer, który obłaskawia języki programowania, śmiało sięga po odpowiednie biblioteki, by tworzyć sprawne aplikacje i skomplikowane systemy służące do zarządzania i przetwarzania danych ze świata rzeczywistego na cyfrowe. I odwrotnie. Owszem, to dobre skojarzenie, ale nie jest pełne. Użyt
(29,90 zł najniższa cena z 30 dni)
43.44 zł
79.00 zł (-45%)
Spis lekcji (odkodowane lekcje)
-
1. Wstęp 00:09:16
-
2. Flexbox - teoria 00:51:44
- 2.1. Flexbox - wprowadzenie 00:05:30
- 2.2. Flex - direction 00:03:13
- 2.3. Flex - wrap 00:04:42
- 2.4. Wyrównanie i centrowanie z justify-content 00:05:30
- 2.5. Wyrównanie i centrowanie z z align-items 00:04:25
- 2.6. Wyrównanie przy zawijaniu elementów 00:04:36
- 2.7. Ustawienia pojedynczych elementów 00:02:43
- 2.8. Zmiana kolejności elementów elastycznych 00:03:43
- 2.9. Sposób na zarządzanie wolną przestrzenią kontenera 00:04:56
- 2.10. Zarządzanie wielkością elementów elastycznych cz. 1 00:04:07
- 2.11. Zarządzanie wielkością elementów elastycznych cz. 2 00:03:56
- 2.12. Relacja ustawień właściwości elementów elastycznych i kontenera 00:04:23
-
3. Flexbox - ćwiczenia 02:06:06
- 3.1. Ćwiczenie 1 - layout elastyczny cz. 1 00:05:12
- 3.2. Ćwiczenie 1 - layout elastyczny cz. 2 00:05:16
- 3.3. Ćwiczenie 1 - layout elastyczny cz. 3 00:02:47
- 3.4. Ćwiczenie 2 - responsywna nawigacja cz. 1 00:04:49
- 3.5. Ćwiczenie 2 - responsywna nawigacja cz. 2 00:05:06
- 3.6. Ćwiczenie 2 - responsywna nawigacja cz. 3 00:05:39
- 3.7. Ćwiczenie 2 - responsywna nawigacja cz. 4 00:05:24
- 3.8. Ćwiczenie 2 - responsywna nawigacja cz. 5 00:05:08
- 3.9. Ćwiczenie 2 - responsywna nawigacja cz. 6 00:04:53
- 3.10. Ćwiczenie 2 - responsywna nawigacja cz. 7 00:05:27
- 3.11. Ćwiczenie 2 - responsywna nawigacja cz. 8 00:05:00
- 3.12. Ćwiczenie 3 - oferta biura podróży cz. 1 00:05:09
- 3.13. Ćwiczenie 3 - oferta biura podróży cz. 2 00:05:25
- 3.14. Ćwiczenie 3 - oferta biura podróży cz. 3 00:05:18
- 3.15. Ćwiczenie 3 - oferta biura podróży cz. 4 00:05:45
- 3.16. Ćwiczenie 3 - oferta biura podróży cz. 5 00:05:41
- 3.17. Centrowanie horyzontalne i wertykalne cz. 1 00:05:35
- 3.18. Centrowanie horyzontalne i wertykalne cz. 2 00:05:34
- 3.19. Centrowanie horyzontalne i wertykalne cz. 3 00:05:11
- 3.20. Centrowanie horyzontalne i wertykalne cz. 4 00:05:31
- 3.21. Centrowanie horyzontalne i wertykalne cz. 5 00:02:04
- 3.22. Layout aplikacji mobilnej cz. 1 00:05:20
- 3.23. Layout aplikacji mobilnej cz. 2 00:05:17
- 3.24. Layout aplikacji mobilnej cz. 3 00:05:26
- 3.25. Layout aplikacji mobilnej cz. 4 00:04:09
-
4. CSS Grid - teoria 00:57:49
- 4.1. CSS Grid - wprowadzenie 00:05:11
- 4.2. Definiowanie siatki 00:05:04
- 4.3. Wielkości w CSS Grid i auto-flow 00:04:56
- 4.4. Funkcja repeat i manipulowanie wielkością pojedynczych elementów 00:05:55
- 4.5. Rozmieszczanie elementów w siatce Grid 00:05:39
- 4.6. Auto-fill i auto-fit 00:05:23
- 4.7. Minmax 00:03:43
- 4.8. Nazewnictwo obszarów siatki 00:05:16
- 4.9. Nazewnictwo linii 00:05:51
- 4.10. Zarządzanie wolną pzrestrzenią 00:05:21
- 4.11. Zagęszczanie elementów w layoucie 00:05:30
-
5. CSS Grid - ćwiczenia 02:08:47
- 5.1. Ćwiczenie 6 - responsywna galeria w CSS Grid cz. 1 00:05:22
- 5.2. Ćwiczenie 6 - responsywna galeria w CSS Grid cz. 2 00:05:20
- 5.3. Ćwiczenie 6 - responsywna galeria w CSS Grid cz. 3 00:05:30
- 5.4. Ćwiczenie 6 - responsywna galeria w CSS Grid cz. 4 00:04:52
- 5.5. Ćwiczenie 7 - responsywny layout bez @media query cz. 1 00:05:12
- 5.6. Ćwiczenie 7 - responsywny layout bez @media query cz. 2 00:05:18
- 5.7. Ćwiczenie 7 - responsywny layout bez @media query cz. 3 00:04:01
- 5.8. Ćwiczenie 8 - strona w CSS Grid cz. 1 00:05:11
- 5.9. Ćwiczenie 8 - strona w CSS Grid cz. 2 00:05:47
- 5.10. Ćwiczenie 8 - strona w CSS Grid cz. 3 00:05:50
- 5.11. Ćwiczenie 8 - strona w CSS Grid cz. 4 00:05:04
- 5.12. Ćwiczenie 8 - strona w CSS Grid cz. 5 00:04:27
- 5.13. Ćwiczenie 8 - strona w CSS Grid cz. 6 00:05:36
- 5.14. Ćwiczenie 8 - strona w CSS Grid cz. 7 00:05:42
- 5.15. Ćwiczenie 8 - strona w CSS Grid cz. 8 00:05:41
- 5.16. Ćwiczenie 8 - strona w CSS Grid cz. 9 00:05:44
- 5.17. Ćwiczenie 8 - strona w CSS Grid cz. 10 00:05:38
- 5.18. Ćwiczenie 8 - strona w CSS Grid cz. 11 00:06:03
- 5.19. Ćwiczenie 8 - strona w CSS Grid cz. 12 00:05:58
- 5.20. Ćwiczenie 8 - strona w CSS Grid cz. 13 00:06:06
- 5.21. Ćwiczenie 8 - strona w CSS Grid cz. 14 00:05:52
- 5.22. Ćwiczenie 8 - strona w CSS Grid cz. 15 00:06:01
- 5.23. Ćwiczenie 9 - Flexbox i CSS Grid - porównanie cz. 1 00:05:33
- 5.24. Ćwiczenie 9 - Flexbox i CSS Grid - porównanie cz. 2 00:02:59
-
6. Zakończenie 00:01:04
Kurs Video "Zostań webdeveloperem. Kurs video. CSS Grid i Flexbox" zobaczysz:
-
w aplikacjach Ebookpoint i Videopoint na Android, iOS, HarmonyOs
-
na systemach Windows, MacOS i innych z dostępem do najnowszej wersji Twojej przeglądarki internetowej
Szczegóły kursu
- Ilość lekcji:
- 75
- Czas trwania:
- 6 godz. 14 min.
- Format:
- Online
- Rok nagrania:
- 2022-03-23
- ISBN :
- 978-83-283-8867-3, 9788328388673
- Data wydania :
- 2022-03-23
- Numer z katalogu:
- 169714
- Do kursu dołączone są materiały dodatkowe, znajdziesz je w Twojej Bibliotece
- Kategorie:
Web development » CSS
Videopoint - inne kursy
-
Czy znasz Angulara? Warto się z nim bliżej zaznajomić, ponieważ należy do najważniejszych frameworków służących do budowania interfejsów użytkownika w aplikacjach internetowych. Stworzony i wspierany przez Google, ma niezwykle spójny ekosystem i oferuje pełny zestaw narzędzi do tworzenia skalowalnych i kompleksowych aplikacji. Co istotne, tworząc z
(39,90 zł najniższa cena z 30 dni)
47.60 zł
119.00 zł (-60%) -
Proponowany przez nas kurs video jest poświęcony grupie produktów typu open source, występujących pod wspólną nazwą Elastic Stack. Składają się na nią Elasticsearch, Kibana, Beats i – dla bardziej zaawansowanych – Logstash. Razem stanowią one zestaw narzędzi służących analizie i wizualizacji danych. Celem jest tu przede wszystkim monitorowanie poja
(39,59 zł najniższa cena z 30 dni)
54.45 zł
99.00 zł (-45%) -
Czas na negocjacje! Są ludzie stworzeni do tego, by dyskutować o biznesowej współpracy, przygotowywać warunki kontraktów, dopinać większe lub mniejsze transakcje i rozbrajać bomby pretensji, jeśli na którymś etapie procesu coś się nie uda. Są, i chwała im za to. Wielu osobom jednak już na samą myśl o tym, że miałyby cokolwiek z kimkolwiek negocjowa
(35,55 zł najniższa cena z 30 dni)
39.50 zł
79.00 zł (-50%) -
Sztuczna inteligencja, ChatGPT, sieci neuronowe, uczenie maszynowe, uczenie głębokie... Oto hasła, które elektryzują nie tylko branżę informatyczną na całym świecie. Wraz z rozwojem tej dziedziny wiedzy i w rytmie prezentowania kolejnych narzędzi rosną nadzieje na praktyczne, naukowe i biznesowe zastosowanie drzemiących w niej możliwości. Okazuje s
(39,90 zł najniższa cena z 30 dni)
64.50 zł
129.00 zł (-50%) -
Power Apps to platforma stworzona przez Microsoft, umożliwiająca łatwe projektowanie, tworzenie i dostosowywanie aplikacji bez konieczności posiadania głębokiej wiedzy programistycznej. Z użyciem Power Apps można budować niestandardowe aplikacje, które efektywnie wspierają i automatyzują różne procesy w organizacji. Co ciekawe, do tego, by to robić
(39,90 zł najniższa cena z 30 dni)
89.54 zł
199.00 zł (-55%) -
Programowanie wieloma językami stoi. Jednym z nich, może jeszcze nie najbardziej znanym, ale zdecydowanie coraz popularniejszym, jest Rust. Słynący z wydajności, bezpieczeństwa i przejrzystości, należy do języków chętnie wybieranych przez nowoczesnych programistów. Szczególnie dobrze sprawdza się podczas projektowania aplikacji sieciowych, gier, sy
(39,90 zł najniższa cena z 30 dni)
74.50 zł
149.00 zł (-50%) -
W dzisiejszej praktyce biznesowej duże znaczenie mają dane i ich analiza. W analizie zastosowanie znajduje wiele modeli statystycznych, implementowanych w różnych programach komputerowych. Na przykład Excel ma specjalny dodatek, nazwany po prostu Analiza Danych. Bardzo popularne narzędzie stanowi program R, którego zaletą jest łatwe tworzenie dashb
(39,90 zł najniższa cena z 30 dni)
67.05 zł
149.00 zł (-55%) -
Według greckiej mitologii Prometeusz był tytanem, twórcą ludzkości – ulepił człowieka z gliny i łez, a następnie wyposażył go w ogień w celu ochrony. Jego imię zapożyczyli dla swojego projektu twórcy darmowej aplikacji służącej do monitorowania systemów i wykrywania ich nieprawidłowości. Przygotowując ją, trafili w dziesiątkę: stopień skomplikowani
(39,90 zł najniższa cena z 30 dni)
79.49 zł
159.00 zł (-50%) -
Oprogramowanie Apache Kafka powstało jako broker wiadomości w LinkedIn. Obecnie pełni funkcję rozproszonego systemu przetwarzania strumieniowego danych, używanego do budowania aplikacji opracowujących duże ilości danych w czasie rzeczywistym. Z zalet tego oprogramowania korzystają firmy na całym świecie – jest kluczowym narzędziem w takich sektorac
(35,60 zł najniższa cena z 30 dni)
44.50 zł
89.00 zł (-50%) -
Wraz z rozwojem sztucznej inteligencji i modeli językowych – a niewątpliwie żyjemy w czasach eksplozji AI – rośnie znaczenie osób będących w stanie w praktyce sięgać po zasoby, jakie oferuje nam ta nowoczesna technologia. Okazuje się, że pośród rozmaitych innych umiejętności potrafi ona także programować i analizować dane, przenika również na obsza
(39,90 zł najniższa cena z 30 dni)
92.95 zł
169.00 zł (-45%)
Dzięki opcji "Druk na żądanie" do sprzedaży wracają tytuły Grupy Helion, które cieszyły sie dużym zainteresowaniem, a których nakład został wyprzedany.
Dla naszych Czytelników wydrukowaliśmy dodatkową pulę egzemplarzy w technice druku cyfrowego.
Co powinieneś wiedzieć o usłudze "Druk na żądanie":
- usługa obejmuje tylko widoczną poniżej listę tytułów, którą na bieżąco aktualizujemy;
- cena książki może być wyższa od początkowej ceny detalicznej, co jest spowodowane kosztami druku cyfrowego (wyższymi niż koszty tradycyjnego druku offsetowego). Obowiązująca cena jest zawsze podawana na stronie WWW książki;
- zawartość książki wraz z dodatkami (płyta CD, DVD) odpowiada jej pierwotnemu wydaniu i jest w pełni komplementarna;
- usługa nie obejmuje książek w kolorze.
Masz pytanie o konkretny tytuł? Napisz do nas:
Kurs video
Oceny i opinie klientów: Zostań webdeveloperem. Kurs video. CSS Grid i Flexbox Dorwij Nerda, Paulina Olszewska (1) Weryfikacja opinii następuje na podstawie historii zamowień na koncie Użytkownika umiejszczającego opinię. Użytkownik mógł otrzymać punkty za opublikowanie opinii uprawniającej do uzyskania rabatu w ramach Programu Kadr.
(1)
(0)
(0)
(0)
(0)
(0)