Warsztaty tworzenia stron internetowych

Dowiedz się jak stworzyć aż trzy kompletne strony z użyciem HTML oraz CSS. Wykorzystaj swoje dotychczasowe umiejętności i zobacz jak w praktyce na podstawie projektu wizualnego zbudować strukturę oraz style strony.

Naucz się wielu nowych technik, które są na szeroką skalę używane przez współczesnych front-end deweloperów. Zdobądź umiejętności, które możesz wykorzystać podczas tworzenia dowolnych projektów zarówno na własne potrzeby jak i dla klientów.

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
Autor kursu pokaże Ci jak od podstaw zbudować kompletną strukturę oraz style. Nie będziemy używali żadnych bibliotek co w praktyce zapewni Ci pełną kontrolę nad kodem strony oraz jednocześnie będzie świetną okazją aby zrozumieć zawiłości oraz mechanizmy używane podczas tworzenia nowoczesnych witryn.

Trzy wszechstronne projekty
Z kursem stworzysz aż trzy różne witryny: front sklepu oraz dwie różne wizytówki firmowe. Każdy z tych projektów będzie okazją do opanowania nowych, niezwykle przydatnych umiejętności. Jednocześnie każdy z nich będziesz mógł dowolnie rozwijać, modyfikować oraz wdrażać jako front dla dowolnego zaplecza.

Modułowa struktura
Podczas tworzenia stron duży nacisk położymy na modułową strukturę, która bardzo ułatwi ich rozbudowę. Dowiesz się m.in jak wydzielić komponenty, które potem można wielokrotnie wykorzystać. Zobaczysz także jak zorganizować style z użyciem warstw, dzięki którym łatwiej będzie Ci zapanować nad kodem.

W każdym projekcie niezwykle ważne jest odpowiednie podejścia do nazywania oraz organizowania elementów. W kursie poznasz bardzo popularną metodologię BEM, które jest odpowiedzią na te właśnie wyzwania.

Nowoczesny layout z użyciem flexbox
Strony, które stworzysz są w pełni responsywne a ich układ bazuje na siatce kolumn. Stworzymy to wszystko z użyciem nowoczesnych technik flexbox, które mają bezdyskusyjną przewagę nad tradycyjnymi layoutami. Co ważne całą siatkę kolumn zbudujesz od podstaw z użyciem minimalnej ilości kodu nie używając do tego żadnych bibliotek ani frameworków.

Nowoczesny workflow
Z kursem opanujesz zestaw narzędzi, których znajomość jest niezbędna każdemu współczesnemu front-end developerowi. Dowiesz się m.in jak pisać style z użyciem SASS, jak budować pliki wyjściowe za pomocą Gulp oraz jak zarządzać zależnościami za pomocą NPM.