Szkolenia
strefakursów.pl Programowanie
DARMOWE FRAGMENTY

Warsztaty tworzenia stron internetowych

Zbuduj aż trzy kompletne strony na podstawie projektu graficznego
  • Poziom: Średniozaawansowany
  • 119
    +1190 punktów premium
    Zacznij naukę teraz, zapłać w ciągu 21 dni!
    Płatności twisto

    Czego się nauczysz?

    • kodowania strony na podstawie projektów

    • 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 5 27
    5.0
    100%
    0%
    0%
    0%
    0%
    Recenzje użytkowników (27)
    5
    Kurs bardzo ciekawy zarówno dla początkujących jak i zaawansowanych osób. Kurs jest prowadzony bardzo merytorycznie pokazując wszystko na praktycznych przykładach Gorąco polecam
    5
    Bardzo dobrze zorganizowany kurs który pozwolił mi poznać zasady tworzenia stron internetowych. Polecam wszystkim
    5
    Doskonały zbiór fundamentalnych informacji, który w moim osobistym odczuciu stał się jedną z ważniejszych pozycji mojego zainteresowania tworzeniem w pełni responsywnych witryn internetowych. Dodatkowym elementem wysokiej oceny tego produktu jest profesjonalny przekaz… Czytaj więcej
    5
    Świetny kurs dla osób, które chcą tworzyć śliczne a przede wszystkim intuicyjne strony webowych aplikacji użytkowych jak również chcą stworzyć świetne portfolio z wykorzystaniem najnowszej technologii webowej.
    5
    Idealny kurs ukazujący budowę strony www od podstaw oparty na praktycznych przykładach, wykorzystując najnowsze standardy nazewnictwa jak i wykorzystania flexbox- a, Css, Html i Sass w praktyce.
    Informacje o szkoleniu
      27 recenzji
      11 godzin
      97 wykładów
      1 materiał szkoleniowy
    • Nielimitowany dostęp
    • Możliwość pobrania pliku
    • Testy, ćwiczenia
    • Dostęp z urządzeń mobilnych
    119
    +1190 punktów premium
    Zacznij naukę teraz, zapłać w ciągu 21 dni!
    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!
    744 wykładów
    7924 uczestników
    Dowiedz się więcej
    Ścieżka kariery - Web Designer
    Tylko teraz możesz odebrać rabat na pierwsze zamówienie
    Dlaczego warto?
    Będziesz regularnie otrzymywał atrakcyjne rabaty
    Nie przegapisz żadnej z naszych promocji
    Będziesz informowany o aktualnych konkursach
    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