SolidWorks od podstaw | RABAT 20% tylko z kodem: SOLIDWORKS20 |

ZOBACZ KURS

Warsztaty tworzenia stron internetowych

Zbuduj aż trzy kompletne strony na podstawie projektu graficznego

Z tym kursem otrzymasz certyfikat!

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

Jak korzystać z kursu?

Pobierz z AppStore Pobierz z Google Play

Spis treści

Wprowadzenie
Wstęp 00m 31s Dostęp po zakupie
Jak używać plików 00m 48s Dostęp po zakupie
Co powinieneś umieć 03m 04s Dostęp po zakupie
Wspólne założenia 03m 30s Dostęp po zakupie
Podstawowe narzędzia 05m 19s Dostęp po zakupie
Projekt Klinika - część 1
Wstępne omówienie projektu 07m 00s Dostęp po zakupie
Zacznijmy od SASS 04m 43s Dostęp po zakupie
Gulp oraz Gulpfile 06m 19s Dostęp po zakupie
Zadania gulp oraz kompilacja stylów 07m 52s Dostęp po zakupie
Warstwowa struktura stylów 07m 41s Dostęp po zakupie
Jakich warstw użyjemy 08m 40s Dostęp po zakupie
Style w globalnych warstwach
Podstawowe zmienne 08m 36s Dostęp po zakupie
Jakie zmienne są jeszcze potrzebne 11m 22s Dostęp po zakupie
Przydatne mixins 07m 40s Dostęp po zakupie
Warstwa Generic 04m 41s Dostęp po zakupie
Elementy - body 05m 37s Dostęp po zakupie
Elementy - tekst 05m 53s Dostęp po zakupie
Elementy - pozostałe 06m 40s Dostęp po zakupie
Layout - obiekty
Koncepcja layout 07m 01s Dostęp po zakupie
Stwórzmy kontener 06m 40s Dostęp po zakupie
Koncepcja wiersza - row 05m 38s Dostęp po zakupie
Stwórzmy wiersz 06m 37s Dostęp po zakupie
Kolumny - zasada działania 10m 12s Zobacz darmową lekcję
Kolumny dla IE10 oraz IE11 04m 24s Dostęp po zakupie
Uzupełnijmy pozostałe kolumny 06m 36s Dostęp po zakupie
Warstwa komponentów
Jak tworzymy komponenty - BEM 09m 15s Dostęp po zakupie
Komponent przycisk - wstępne style 06m 36s Dostęp po zakupie
Komponent przycisk - warianty 09m 51s Dostęp po zakupie
Komponent nagłówka 07m 42s Dostęp po zakupie
Pozostałe warianty nagłówka 04m 31s Dostęp po zakupie
Komponent nawigacyjny 07m 14s Dostęp po zakupie
Komponent icon box 09m 37s Dostęp po zakupie
Komponent etykieta 02m 36s Dostęp po zakupie
Komponent listy 04m 11s Dostęp po zakupie
Warstwa Utilities
Co przynależy do warstwy 03m 57s Dostęp po zakupie
Przykładowe utilities 07m 21s Zobacz darmową lekcję
Templates - główna zawartość
Klinika - header cz.1 07m 20s Dostęp po zakupie
Klinika - header cz.2 08m 01s Dostęp po zakupie
Klinika - header cz.3 09m 40s Dostęp po zakupie
Ostatnie elementy header 04m 56s Zobacz darmową lekcję
O firmie - nowy template 06m 45s Dostęp po zakupie
O firmie - niezbędne style 07m 20s Dostęp po zakupie
Sekcja zalety firmy 06m 55s Dostęp po zakupie
Lista wpisów - html 05m 54s Dostęp po zakupie
Lista wpisów - style 08m 26s Dostęp po zakupie
Dekoracja na liście wpisów 06m 49s Dostęp po zakupie
Lokalizator - wstępna praca 06m 16s Dostęp po zakupie
Lokalizator - kontynuacja 09m 54s Dostęp po zakupie
Klinika - zawartość stopki 08m 41s Dostęp po zakupie
Klinika - style stopki 12m 38s Dostęp po zakupie
Projekt Sklep - wprowadzenie
Szybkie omówienie projektu 02m 34s Dostęp po zakupie
Jak wykorzystamy istniejący kod 03m 19s Dostęp po zakupie
Nowe wartości zmiennych 06m 49s Dostęp po zakupie
Sklep - właściwości elementów 03m 58s Dostęp po zakupie
Przyciski dla sklepu - podstawy 04m 45s Dostęp po zakupie
Przyciski dla sklepu - pozostałe 08m 36s Dostęp po zakupie
Heading dla sklepu 03m 27s Dostęp po zakupie
Komponent input 09m 04s Dostęp po zakupie
Komponent nav w sklepie 04m 17s Dostęp po zakupie
Komponent icon-box w sklepie 04m 09s Dostęp po zakupie
Paginacja - style 04m 02s Dostęp po zakupie
Selektor produktów 04m 58s Dostęp po zakupie
Karta produktu - etap 1 09m 39s Dostęp po zakupie
Karta produktu - etap 2 09m 49s Dostęp po zakupie
Przycisk do koszyka 08m 32s Dostęp po zakupie
Templates dla sklepu
Nagłówek sklepu - góra 09m 04s Dostęp po zakupie
Hero unit dla sklepu 07m 32s Dostęp po zakupie
Pozostałe style nagłówka w sklepie 07m 12s Dostęp po zakupie
Lista produktów 09m 34s Dostęp po zakupie
Promocje - struktura 09m 16s Dostęp po zakupie
Promocje - style 07m 22s Dostęp po zakupie
Promocje - style dodatkowe 07m 24s Dostęp po zakupie
Newsletter - podstawy 07m 38s Dostęp po zakupie
Newsletter- różne style 07m 42s Dostęp po zakupie
Sklep - sekcja info 04m 31s Dostęp po zakupie
Sklep - zawartość stopki 09m 26s Dostęp po zakupie
Sklep - style stopki 06m 23s Dostęp po zakupie
Pozostałe style stopki w sklepie 07m 37s Dostęp po zakupie
Projekt kopalnia
Szybki start z projektem 02m 00s Dostęp po zakupie
Wyedytujmy bazowe wartości 06m 12s Dostęp po zakupie
Style dla elementów globalnych 04m 51s Dostęp po zakupie
Przyciski w ostatnim projekcie 06m 04s Dostęp po zakupie
Heading dla ostatniego projektu 04m 02s Dostęp po zakupie
Listy oraz komponent icon-box 08m 56s Dostęp po zakupie
Input oraz nav 04m 12s Dostęp po zakupie
Ostatni projekt - site header 05m 56s Dostęp po zakupie
Ostatni projekt - hero unit 10m 28s Dostęp po zakupie
Sekcja z boxami 02m 53s Dostęp po zakupie
Kończymy ostatni projekt
Oferty pracy - komponent 11m 35s Dostęp po zakupie
Oferty pracy - template 10m 57s Dostęp po zakupie
Sekcja Feature - struktura 05m 27s Dostęp po zakupie
Sekcja Feature - style 06m 25s Dostęp po zakupie
Sekcja newsletter w ostatnim projekcie 05m 40s Dostęp po zakupie
Sekcja newsletter - style ostatniego projektu 11m 40s Dostęp po zakupie
Stopka w ostatnim projekcie 07m 31s Dostęp po zakupie
Ostatnie elementy projektu 03m 08s Dostęp po zakupie
Zakończenie 00m 24s Dostęp po zakupie

Recenzje (1)

Średnia ocena 5 5

Dużo nowych technik budowy stron internetowych , bardzo przydatne techniki flex-boxa i innych funkcji stylu pudełkowego budowania . Fajny framework podczas budowania layout.

Przemysław Ponikarczyk 2 dni temu

119

Szkolenie zawiera

  • Nielimitowany dostęp
  • Oglądasz kursy gdzie chcesz i kiedy chcesz.
  • Możliwość pobrania pliku
  • Możesz pobrać pliki z kursem i zachować kopie.
  • Darmowe aktualizacje
  • Szkolenie będzie na bieżąco aktualizowane, a Ty będziesz miał dostęp do wszystkich nowych lekcji.
  • Dodatkowe materiały
  • Wraz ze szkoleniem otrzymasz wszystkie pliki użyte w kursie.
  • Testy, ćwiczenia
  • Szkolenie zawiera również testy i ćwiczenia, które pomogą ci utrwalić wiedzę.
  • Certyfikat ukończenia
  • Na koniec otrzymasz certyfikat potwierdzający ukończenie szkolenia.
  • Dostęp z urządzeń mobilnych
  • Masz dostęp do szkolenia również z urządzeń mobilnych i możesz uczyć się w dowolnym miejscu.

Informacje o kursie

  • Poziom Średniozaawansowany
  • Poziom Średniozaawansowany
  • Czas trwania 11 godzin

Autor

Ksawery Kargól

Ksawery Kargól

Certyfikowany ekspert Adobe®

Ksawery Kargól to doświadczony designer i web developer. Jest certyfikowanym ekspertem Adobe®. Tworzenie stron to jego życiowa pasja. Od początku związany z strefakursow.pl. Twórca kilkudziesięciu publikacji cieszących się uznaniem na całym świecie.

Szybka pomoc

FAQ (Najczęściej Zadawane Pytania)

888 223 111