• Tylko online

Warsztaty tworzenia stron internetowych - wersja ON-LINE

Indeks: KRW-12440 EAN: 5904422341039

Kurs przeznaczony dla osób, które chcą nauczyć się tworzyć strony internetowe z użyciem HTML oraz CSS. Wykorzystaj całą swoją dotychczasową wiedzę i umiejętności i zobacz jak w rzeczywistości na podstawie projektu wizualnego stworzyć strukturę oraz style strony.

Warsztaty tworzenia stron internetowych - wersja ON-LINE
129,00 zł
104,88 zł netto
Zapłać później
Producent: Strefa kursów

Kupując ten produkt, nie będziesz miał możliwości wyboru płatności za pobraniem.

Czego się nauczysz?

  • Kodowania strony na podstawie projektu wizualnego
  • Modułowego podejścia do tworzenia stylów
  • Metod tworzenia oraz użycia komponentów
  • Wielu technik optymalizujących pracę
  • Mnóstwo pożytecznych sztuczek w pracy CSS i HTML
  • Praktycznego użycia narzędzi Sass, Gulp oraz NPM
  • Tworzenia layoutów z użyciem flexbox
  • Metodologii BEM

Wybierając ten kurs, dowiesz się znacznie więcej!

Uwaga!

Instrukcję pobrania oraz kod otrzymasz od nas na podany podczas składania zamówienia adres

e-mail najpóźniej w następnym dniu roboczym po otrzymaniu wpłaty.

 

Dla Kogo jest ten kurs?

Kurs przeznaczony jest dla osób, które chcą nauczyć się projektować strony z użyciem HTML oraz CSS. Zobacz jak w rzeczywistości na podstawie projektu wizualnego stworzyć strukturę oraz style strony.

Kurs tworzenia stron

Zdobądź wiedzę oraz ciekawe umiejętności! Naucz się wielu interesujących technik, które są na co dzień używane przez współczesnych front-end deweloperów. Wykorzystaj to wszystko podczas tworzenia przeróżnych projektów zarówno na potrzeby własne jak i Twoich klientów.

Kompletna struktura HTML oraz CSS

W czasie kursu nauczysz się tworzyć od początku kompletne style i struktury. Podczas tworzenia stron internetowych nie będziemy używać bibliotek, co pomoże nam przejąć kontrolę nad całością kodu oraz pozwoli na zrozumienie wszystkich mechanizmów i koncepcji.

kompletna struktura HTML oraz CSS

Trzy wszechstronne projekty

Podczas szkolenia stworzysz trzy różne witryny: front sklepu i dwie różne wizytówki firmowe. Dzięki tym projektom zdobędziesz praktyczne umiejętności, które przydadzą Ci się na pewno w przyszłości. Każdy z nich także będziesz mógł rozwijać, modyfikować i wdrażać jako front dla jakiegokolwiek zaplecza.

kurs programowania - wszechstronne projekty

Modułowa struktura

W uproszczeniu rozbudowy stron pomoże nam modułowa struktura. Kurs kładzie duży nacisk na to zagadnienie. Wyjaśni także jak wydzielić komponenty, które można jeszcze wiele razy wykorzystać. Dowiesz się jak zorganizować style z użyciem warstw. Pozwoli Ci to zapanować nad kodem o wiele łatwiej.

Modułowa struktura kursu tworzenia stron

Niezwykle ważną rzeczą w każdym projekcie jest odpowiednie podejście do nazywania i organizowania elementów. Szkolenie przedstawi Ci znaną metodologię BEM, która pomoże Ci właśnie w tych kategoriach.

Nowoczesny layout z użyciem flexbox

Z kursem nauczysz się używać innowacyjnych technik flexbox i tworzyć dzięki nim w pełni responsywne strony internetowe, których układ oparty jest na siatce kolumn. Przedstawi Ci rozwiązania jak zbudować od podstaw całą siatkę kolumn przy użyciu minimalnej ilości kodu oraz bez korzystania z jakichkolwiek bibliotek ani frameworków.

kurs tworzenia stron internetowych

Nowoczesny workflow

Szkolenie pomoże Ci opanować wszystkie niezbędna narzędzia, które każdy dzisiejszy front- end developer powinien znać. Poznasz możliwości pisania styli z użyciem SASS, budowę plików wyjściowych dzięki Gulp oraz jak kontrolować zależności za pomocą NPM.

Kurs tworzenia stron internetowych

Spis treści

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 10m 12s - zobacz darmową lekcję
    • 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

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 04m 56s - zobacz darmową lekcję
    • 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

Szerokość opakowania 0.1 cm
Wysokość opakowania 0.1 cm
Głębokość opakowania 0.1 cm
Masa opakowania 0.1 kg

Jako pierwszy zadaj pytanie dotyczące tego produktu!

Klienci którzy zakupili ten produkt kupili również:

Produkty z tej samej kategorii: