Nasza specjalność? Elektronika i druk 3D
Szybka dostawa 30 dni na zwrot
Magazyn i serwis? U nas, w Polsce!
Doradzamy i inspirujemy +1,7 mln zamówień
Nasza specjalność? Elektronika i druk 3D
Szybka dostawa 30 dni na zwrot
Magazyn i serwis? U nas, w Polsce!
Doradzamy i inspirujemy +1,7 mln zamówień

Zaufało nam już ponad 500 000 klientów. U nas masz:

 

wysyłkę tego samego dnia przy produktach z oznaczeniem „Wysyłka 24h”

 

własny serwis w Polsce

 

30 dni na zwrot i darmową dostawę w Polsce od 500 zł

 

4,9/5 w TrustMate i 4,9/5 w Google (prawie 4000 opinii)

 

fakturę VAT, leasing i raty dla firm

Dla firm

 

indywidualna wycena przy większych ilościach

 

leasing i raty od 1000 zł

 

faktura VAT

Dla szkół i uczelni

 

0% VAT na wybrane produkty

 

faktura z terminem płatności

 

pomoc w doborze zestawów do pracowni

Złóż zapytanie ofertowe - odpowiadamy szybko.

Indeks: KRW-12440
EAN: 5904422341039

Warsztaty tworzenia stron internetowych - wersja ON-LINE

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.

Zapowiedź Cenę i dostępność podamy wkrótce.

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.

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.

Kurs tworzenia stron
kompletna struktura HTML oraz CSS

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.

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 kursu tworzenia stron

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.

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
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.

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

Zadaj pierwsze pytanie o ten produkt!

Dane GPSR

Kraj pochodzenia Polska
Dane kontaktowe producenta The Hero Sp. z o. o. Sp. k. ul. Przemysłowa 27 33-100 Tarnów [email protected]
Dane kontaktowe wprowadzającego na rynek UE The Hero Sp. z o. o. Sp. k. ul. Przemysłowa 27 33-100 Tarnów [email protected]
Inni klienci oglądali również

Brak opinii dla tego produktu.