✅ Nowoczesny system szkoleniowy dla firm i zespołów! Zobacz ofertę

Zastanawiasz się jak zwiększyć motywację i zaangażowanie w swoim zespole? Poznaj nasz nowoczesny system szkoleniowy dla firm i zespołów. Dzięki skutecznemu systemowi motywacji aż 80% użytkowników kończy szkolenie! Twórz programy nauczania dopasowane nie tylko do specyfiki Twojej działalności, ale przede wszystkim do potrzeb działu, stanowiska czy konkretnego pracownika. Wybierz pakiet

✅ Ucz się o dowolnej porze i oglądaj szkolenia bez dostępu do Internetu w aplikacji mobilnej

Pobierz naszą aplikację mobilną strefakursów.pl i ucz się bez żadnych ograniczeń. Pobieraj kursy i lekcje na swoje urządzenie i oglądaj nawet bez dostępu do Internetu. Dla nowych użytkowników aplikacji mamy niespodziankę! Aby odebrać prezent musisz zezwolić aplikacji na wysyłanie powiadomień. Pobierz aplikację

Pomoc i kontakt

Koszyk

Zaloguj się

strefakursów.pl Programowanie

Warsztaty tworzenia stron internetowych:Trailer

Zbuduj aż trzy kompletne strony na podstawie projektu graficznego

Warsztaty tworzenia stron internetowych:Kolumny - zasada działania

Zbuduj aż trzy kompletne strony na podstawie projektu graficznego

Warsztaty tworzenia stron internetowych:Przykładowe utilities

Zbuduj aż trzy kompletne strony na podstawie projektu graficznego

Warsztaty tworzenia stron internetowych:Ostatnie elementy header

Zbuduj aż trzy kompletne strony na podstawie projektu graficznego

DARMOWE FRAGMENTY

Ten kurs jest częścią ścieżki:

Web Designer

19780 użytkowników podnosi swoje kwalifikacje w tej ścieżce kariery.

Opinie użytkowników

Bartosz Jasiewicz

5.0

Kurs bardzo dobry, pokazuje jak stworzyć 3 kompletne tzw. "landing page". Autor od początku wprowadza dobre praktyki tworzenia stron internetowych w dzisiejszym świecie froment developmentu. Otrzymujemy tutaj sporą dawkę wiedzy, którą można śmiało… Czytaj więcej

Maciej Płoński

5.0

Kurs zrobiony bardzo profesjonalnie. Wprowadzający w techniki nowoczesnego tworzenia stron internetowych. Materiały zawarte w kursie bardzo pomogły mi w pracy, ponieważ na codzień zajmuję się back-endem jednak musiałem stworzyć parę stron internetowych wykorzystując… Czytaj więcej

Zobacz wszystkie

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

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.

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.

ZOBACZ WIĘCEJ

Nie wiesz od czego zacząć naukę?

Chętnie pomożemy! Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji.

Rozpocznij teraz

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

43521 użytkowników oceniło i zrecenzowało szkolenia strefakursów.pl

Średnia ocena uczestników w niezależnym serwisie Google to 4.9/5 ⭐⭐⭐⭐⭐ z 2261 wszystkich opinii.

98%

Recenzje użytkowników (102)

Mateusz Kunowski

13 kwietnia 2024

5.0

Fajny i przyjemny kurs

Fabian Grikień

9 kwietnia 2024

5.0

super kurs

Magdalena Mielnik

10 marca 2024

5.0

Dopiero zaczęłam oglądać ten kurs ale już mi się on podoba! ;) Polecam!!!

Jakub Waśkiewicz

15 stycznia 2024

5.0

Prowadzący przyjemnie przekazuje wiedzę

Antoni Czajkowski

14 grudnia 2023

5.0

Super kurs, bardzo pomocny

WIĘCEJ RECENZJI

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to wideoporadniki przygotowane przez zespół naszych specjalistów. Twoje uczestnictwo w szkoleniu polega na tym, że otrzymujesz dostęp do wykładów wideo oraz innych materiałów szkoleniowych za pośrednictwem platformy szkoleniowej zaraz po zalogowaniu się na swoje konto. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp pozwolą Ci rozwinąć się zawodowo i podnieść Twoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy w nauce możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

Czy otrzymam certyfikat ukończenia szkolenia i jaką ma on formę?

Do każdego ukończonego przez Ciebie szkolenia wystawiamy imienny certyfikat. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i nazwa instytucji certyfikującej. Warto podkreślić, że jesteśmy wpisani do Rejestru Instytucji Szkoleniowych (nr wpisu 2.12/00119/2017).

Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych . Jak również dołączyć do swojego CV.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia mamy obowiązek wystawić fakturę VAT (23%) lub paragon. Rodzaj dokumentu zależy od danych, które podasz w formularzu podczas składania zamówienia. Faktury zwykle wystawiamy do 3 dni roboczych od momentu zaksięgowania wpłaty. Poinformujemy Cię o tym fakcie mailowo, a dokument będzie można pobrać bezpośrednio z poziomu zakładki Historia zamówień na Twoim koncie w strefakursów.pl. Jeśli potrzebujesz dokumentu Proforma lub faktury odroczonej, złóż zamówienie, a w uwagach do zamówienia dodaj komentarz “Proforma” lub "Faktura z odroczonym terminem płatności", lub skontaktuj się z nami telefonicznie bądź mailowo (biuro@strefakursow.pl).

Czy dostęp do szkolenia jest ograniczony czasowo?

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów. Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl, możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Ksawery Kargól

Full Stack Developer

5.0

(102 ocen)

Warsztaty tworzenia stron internetowych

Q: ✅ Dożywotni dostęp do szkolenia i możliwość powtarzania materiału w dowolnym miejscu i czasie.

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów . Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl , możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Q: ✅ Nie wiesz od czego zacząć naukę? Chętnie pomożemy!

W naszej ofercie znajdują się setki kursów online, jeśli nie wiesz od czego zacząć naukę zaufaj naszemu doświadczeniu. Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji. Rozpocznij teraz

Zbuduj aż trzy kompletne strony na podstawie projektu graficznego

Kto pyta nie błądzi! Zobacz Najczęściej zadawane pytania

🔥 Gorący temat: W tym tygodniu 103 użytkowników obejrzało to szkolenie

Rozpocznij naukę teraz za darmo, zapłać w ciągu 30 dni z lub – Jak to działa?

129zł

Oferta dla firm i zespołów

To szkolenie obejmuje:

Nielimitowany dostęp

11 godzin szkolenia

97 wykładów

16 pytań testowych

Napisy dostępne w językach:
polski, angielski, ukraiński

Dostęp w aplikacji mobilnej

Certyfikat ukończenia

Testy i zadania

Rekomendacje na LinkedIn

Poziom: Średniozaawansowany

Powiązane tematy:

Ten kurs jest częścią ścieżki

4.8

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!

754 wykładów

19780 uczestników

Dowiedz się więcej