Wybierz w koszyku płatność Twisto, odbierz szkolenie i zapłać w ciągu 21 dni!
Szkolenia
DARMOWE FRAGMENTY
Warsztaty tworzenia stron internetowych
Zbuduj aż trzy kompletne strony na podstawie projektu graficznego
119
+1190 punktów premium
Zacznij naukę teraz, zapłać w ciągu 21 dni! Shape Created with Sketch.
8 recenzji
11 godzin
97 wykładów
1 materiał szkoleniowy
Twisto

Czego się nauczysz?

  • kodowania strony na podstawie projektu wizualnego

  • wielu przydatnych sztuczek przydanych w pracy CSS i HTML

  • modułowego podejścia do tworzenia stylów

  • praktycznego użycia narzędzi Sass, Gulp oraz NPM

  • technik tworzenia oraz użycia komponentów

  • tworzenia layoutów z użyciem flexbox

  • licznych technik optymalizujących pracę

  • metodologii BEM

Kompletna struktura HTML oraz CSS

Trzy wszechstronne projekty

Modułowa struktura

Nowoczesny layout z użyciem flexbox

Nowoczesny workflow

ZOBACZ WIĘCEJ
Program nauczania
1 Wprowadzenie
Wstęp 00m 31s
Jak używać plików 00m 48s
Co powinieneś umieć 03m 04s
Wspólne założenia 03m 30s
Podstawowe narzędzia 05m 19s
2 Projekt Klinika - część 1
Wstępne omówienie projektu 07m 00s
Zacznijmy od SASS 04m 43s
Gulp oraz Gulpfile 06m 19s
Zadania gulp oraz kompilacja stylów 07m 52s
Warstwowa struktura stylów 07m 41s
Jakich warstw użyjemy 08m 40s
3 Style w globalnych warstwach
Podstawowe zmienne 08m 36s
Jakie zmienne są jeszcze potrzebne 11m 22s
Przydatne mixins 07m 40s
Warstwa Generic 04m 41s
Elementy - body 05m 37s
Elementy - tekst 05m 53s
Elementy - pozostałe 06m 40s
4 Layout - obiekty
Koncepcja layout 07m 01s
Stwórzmy kontener 06m 40s
Koncepcja wiersza - row 05m 38s
Stwórzmy wiersz 06m 37s
Kolumny - zasada działania Podgląd 10m 12s
Kolumny dla IE10 oraz IE11 04m 24s
Uzupełnijmy pozostałe kolumny 06m 36s
5 Warstwa komponentów
Jak tworzymy komponenty - BEM 09m 15s
Komponent przycisk - wstępne style 06m 36s
Komponent przycisk - warianty 09m 51s
Komponent nagłówka 07m 42s
Pozostałe warianty nagłówka 04m 31s
Komponent nawigacyjny 07m 14s
Komponent icon box 09m 37s
Komponent etykieta 02m 36s
Komponent listy 04m 11s
6 Warstwa Utilities
Co przynależy do warstwy 03m 57s
Przykładowe utilities Podgląd 07m 21s
7 Templates - główna zawartość
Klinika - header cz.1 07m 20s
Klinika - header cz.2 08m 01s
Klinika - header cz.3 09m 40s
Ostatnie elementy header Podgląd 04m 56s
O firmie - nowy template 06m 45s
O firmie - niezbędne style 07m 20s
Sekcja zalety firmy 06m 55s
Lista wpisów - html 05m 54s
Lista wpisów - style 08m 26s
Dekoracja na liście wpisów 06m 49s
Lokalizator - wstępna praca 06m 16s
Lokalizator - kontynuacja 09m 54s
Klinika - zawartość stopki 08m 41s
Klinika - style stopki 12m 38s
8 Projekt Sklep - wprowadzenie
Szybkie omówienie projektu 02m 34s
Jak wykorzystamy istniejący kod 03m 19s
Nowe wartości zmiennych 06m 49s
Sklep - właściwości elementów 03m 58s
Przyciski dla sklepu - podstawy 04m 45s
Przyciski dla sklepu - pozostałe 08m 36s
Heading dla sklepu 03m 27s
Komponent input 09m 04s
Komponent nav w sklepie 04m 17s
Komponent icon-box w sklepie 04m 09s
Paginacja - style 04m 02s
Selektor produktów 04m 58s
Karta produktu - etap 1 09m 39s
Karta produktu - etap 2 09m 49s
Przycisk do koszyka 08m 32s
9 Templates dla sklepu
Nagłówek sklepu - góra 09m 04s
Hero unit dla sklepu 07m 32s
Pozostałe style nagłówka w sklepie 07m 12s
Lista produktów 09m 34s
Promocje - struktura 09m 16s
Promocje - style 07m 22s
Promocje - style dodatkowe 07m 24s
Newsletter - podstawy 07m 38s
Newsletter- różne style 07m 42s
Sklep - sekcja info 04m 31s
Sklep - zawartość stopki 09m 26s
Sklep - style stopki 06m 23s
Pozostałe style stopki w sklepie 07m 37s
10 Projekt kopalnia
Szybki start z projektem 02m 00s
Wyedytujmy bazowe wartości 06m 12s
Style dla elementów globalnych 04m 51s
Przyciski w ostatnim projekcie 06m 04s
Heading dla ostatniego projektu 04m 02s
Listy oraz komponent icon-box 08m 56s
Input oraz nav 04m 12s
Ostatni projekt - site header 05m 56s
Ostatni projekt - hero unit 10m 28s
Sekcja z boxami 02m 53s
11 Kończymy ostatni projekt
Oferty pracy - komponent 11m 35s
Oferty pracy - template 10m 57s
Sekcja Feature - struktura 05m 27s
Sekcja Feature - style 06m 25s
Sekcja newsletter w ostatnim projekcie 05m 40s
Sekcja newsletter - style ostatniego projektu 11m 40s
Stopka w ostatnim projekcie 07m 31s
Ostatnie elementy projektu 03m 08s
Zakończenie 00m 24s
Ocena uczestników
5.0
100%
0%
0%
0%
0%
Recenzje użytkowników (8)
Adrian Solarz
Ciekawy kurs dla kogoś ktoś już miał styczność z tworzeniem stron www. Kurs pomaga uporządkować wiedzę i uczy dobrych nawyków dzięki którym praca nad stroną staje się dużo szybsza… Czytaj więcej
Dawid Polok
Praktyczne, i bardzo przystępne wprowadzenie dla początkujących i średniozaawansowanych webdeveloperów. Warto wydać parę złotych, kurs jest tego zdecydowanie wart. Bardzo polecam! Czytaj więcej
Adam Piotrowski
Kurs bardzo przydatny - pozwala powtórzyć i uporządkować posiadaną wiedzę. Dobrze pokazuje stosowanie w praktyce metodologii ITCSS oraz BEM, dzięki którym można tworzyć lepiej… Czytaj więcej
Olaf Oli
Może pracy od razu po tym nie znajdziesz, ale nabyte kompetencje staną się absolutnym fundamentem Twojej kariery w IT. Jeśli nie chcesz wydawać tysięcy na kursy stacjonarne to ten… Czytaj więcej
Adam Stola
Doskonały kurs dla osób które wiedzą już coś na temat front endu ale chciałyby podjąć pracę w branży i potrzebują solidnego portfolio. Dzięki temu kursowi można stworzyć 3… Czytaj więcej
Ksawery Kargól
Ksawery Kargól
5.0
Warsztaty tworzenia stron internetowych
Informacje o szkoleniu
  • Poziom Średniozaawansowany
  • Nielimitowany dostęp
  • Możliwość pobrania pliku
  • Darmowe aktualizacje
  • Dodatkowe materiały
  • Testy, ćwiczenia
  • Certyfikat ukończenia
  • Dostęp z urządzeń mobilnych
119
+1190 punktów premium
Ten kurs jest częścią ścieżki
4.9
Web Designer
Twórz atrakcyjne i funkcjonalne strony internetowe z użyciem nowoczesnych technik. Opanuj kluczowe podstawy, niezbędne narzędzia i zacznij tworzyć wspaniałe strony!
862wykładów
6037 uczestników
Dowiedz się więcej
Ścieżka kariery - Web Designer
Group 51 Created with Sketch.
close Created with Sketch.
Tylko teraz możesz odebrać rabat na pierwsze zamówienie
Dlaczego warto?
Shape Created with Sketch. Będziesz regularnie otrzymywał atrakcyjne rabaty
Shape Created with Sketch. Nie przegapisz żadnej z naszych promocji
Shape Created with Sketch. Będziesz informowany o aktualnych konkursach
Shape Created with Sketch. Nie wysyłamy spamu
Nie, dziękuję, kupię bez zniżki
Strefakursów.pl korzysta z plików cookie, aby dostosować usługi do Twoich preferencji. Niektóre pliki cookie są zaś niezbędne do prawidłowego działania witryny. Dzięki nim możemy wyświetlać Ci spersonalizowane oferty i informacje o promocjach, zarówno w witrynach strefakursów.pl, jak i na innych stronach. Oczywiście to Ty decydujesz. Możesz w każdej chwili określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.
AKCEPTUJĘ PLIKI COOKIE