Przejdź do treści
strefakursów

Kurs Tworzenie stron internetowych - praktyczne projekty

Stwórz aż trzy nowoczesne strony internetowe na podstawie projektów graficznych. Naucz się budować profesjonalne w pełni responsywne witryny!

4,9 48 opinii Autor: Krystian Lisowski
46 lekcji 20 pytań testowych Poziom: Średniozaawansowany Język: polski Certyfikat
159 zł

Oferta specjalna

Kup ten kurs za 87 zł z kodem

00 dni
00 godz.
00 min.
00 sek.

Minimalna wartość w koszyku, aby aktywować kod: 199 zł.

Dostęp od razu po zakupie

Płacisz raz i wchodzisz prosto do lekcji - bez subskrypcji, bez czekania na grupę.

Dodaj do listy życzeń

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

Web Designer

Szczegóły, które warto znać

8,5 godziny materiałów
Bezterminowy dostęp
Imienny certyfikat PDF
46 lekcji wideo
Poziom: Średniozaawansowany
Testy i zadania
20 pytań testowych
Rekomendacje na LinkedIn
Napisy w języku polskim
Dostęp w aplikacji mobilnej

Opis szkolenia

Czego się nauczysz:

  • podstaw pracy z wykorzystaniem preprocesora SASS

  • tworzenia i wykorzystywania partials i modułów

  • tworzenia reużywalnych fragmentów kodu - mixins

  • konfiguracji środowiska pracy w gulp

  • tworzenia menu dla urządzeń mobilnych

  • łatwego dodawania animacji do witryny

  • tworzenia w pełni responsywnych stron internetowych na podstawie projektów graficznych

  • wdrażania gotowej strony na serwer za pomocą narzędzia Netlify

Chcesz zacząć tworzyć kompletne i nowoczesne witryny internetowe? Zastanawiasz się, jak w praktyce wygląda kodowanie strony na podstawie projektu graficznego? Chciałbyś poznać dobre praktyki tworzenia stron internetowych i narzędzia przyspieszające pracę? W takim razie trafiłeś w odpowiednie miejsce! W tym kursie online pokażę Ci jak dobrze odwzorować projekt graficzny i zadbać o prawidłowe wyświetlanie strony na każdym urządzeniu.

Wspólnie zbudujemy aż trzy nowoczesne i w pełni responsywne witryny. Pokażę Ci jak stworzyć osobne menu dla urządzeń mobilnych i dodać dobrze wyglądające animacje. Zobaczysz jak sprawnie skonfigurować środowisko pracy i w łatwy sposób wdrożyć gotową stronę na serwer. Poznasz dobre praktyki i narzędzia, które ułatwią Ci codzienną pracę front-end developera!

Naucz się tworzyć responsywne witryny na podstawie projektów graficznych

Przygotowanie środowiska pracy

Po przygotowaniu i konfiguracji środowiska pracy, przejdziemy do działania. Wspólnie wykonamy aż trzy praktyczne projekty stron internetowych. Każdy z nich będzie dla Ciebie okazją do poznania wielu umiejętności przydatnych w pracy front-end developera. Otrzymasz dostęp do projektów graficznych, na których łatwo będziesz mógł sprawdzić poszczególne wartości marginesów, paddingów, czy kolorów. Do kursu załączyłem również finalne wersje plików dla wszystkich trzech stron, dzięki którym będziesz mógł podejrzeć kod w razie napotkania problemu.

Trzy praktyczne projekty!

Po przygotowaniu i konfiguracji środowiska pracy, przejdziemy do działania. Wspólnie wykonamy aż trzy praktyczne projekty stron internetowych. Każdy z nich będzie dla Ciebie okazją do poznania wielu umiejętności przydatnych w pracy front-end developera. Otrzymasz dostęp do projektów graficznych, na których łatwo będziesz mógł sprawdzić poszczególne wartości marginesów, paddingów, czy kolorów. Do kursu załączyłem również finalne wersje plików dla wszystkich trzech stron, dzięki którym będziesz mógł podejrzeć kod w razie napotkania problemu.

wykorzystaj HTML i CSS oraz SASS i poznaj najlepsze narzędzia i techniki pracy front-end developera

Nowoczesne i dynamiczne witryny

Razem zadbamy o responsywność stron, tak aby wyświetlały się prawidłowo, niezależnie od wielkości urządzenia. Pokażę Ci jak stworzyć oddzielne menu dla urządzeń mobilnych i wprowadzić animacje, które poprawią dynamikę strony. Zobaczysz też jak wykorzystywać raz stworzone fragmenty kodu do kolejnych projektów, dzięki czemu przyspieszysz swoją pracę.

twórz responsywne strony świetnie wyglądające zarówno na desktopie jak i mobile

Możliwości rozwoju

Po zakończeniu tego kursu online, każdy z projektów będziesz mógł w dowolny sposób modyfikować, rozwijać i wprowadzać nowe rozwiązania. Pozwoli Ci to na zdobywanie doświadczenia, nabywanie nowych umiejętności i budowanie portfolio. Pokażę Ci również jak wdrożyć gotową stronę na serwer z wykorzystaniem narzędzia Netlify, dzięki czemu w łatwy sposób będziesz mógł pochwalić się efektami swojej pracy.

rozwijaj się jako front-end developer i twórz projekty, które wykorzystasz w budowaniu portfolio

Co jeszcze powinieneś wiedzieć?

Aby w pełni wykorzystać wiedzę zawartą w tym szkoleniu online powinieneś znać przynajmniej podstawy HTML i CSS. Jeżeli nie zdobyłeś jeszcze takich umiejętności możesz to nadrobić, dzięki innym naszym szkoleniom.

Fundamenty CSS - stylowanie stron od podstaw Fundamenty języka HTML - kodowanie stron od podstaw

Kup w pakiecie i oszczędź

Kurs Tworzenie stron internetowych - praktyczne projekty

Kurs Tworzenie stron internetowych - praktyczne projekty

4.9 (48)

159 zł

Jak przyspieszać i optymalizować strony

Jak przyspieszać i optymalizować strony

4.9 (133)

119 zł

Cena za zakup pakietu

222 zł 278 zł −20%

Oszczędzasz w pakiecie: 56 zł

Zyskujesz 22.24 zł w punktach na kolejne zakupy.

Kup w pakiecie

Program kursu

6 modułów · 46 lekcji

1 · Wprowadzenie
  • Wstęp 01m 46s
  • Jak korzystać z materiałów? 00m 50s
  • Opis języków i narzędzi używanych w kursie 01m 44s
2 · Wprowadzenie do SCSS
  • Zmienne i zagnieżdżenia selektorów 11m 19s
  • Partials i moduły w SCSS 07m 53s
  • Mixins i rozszerzanie 11m 18s
  • O metodologii BEM słów kilka 10m 20s
3 · Projekt nr. 1
  • Konfiguracja środowiska pracy - wprowadzenie do Gulp 23m 58s
  • Tworzenie pierwszych stylów - zmienne i kolory 15m 15s
  • Tworzenie pierwszych stylów - mixins 03m 58s
  • Tworzenie pierwszych stylów - utils 09m 58s
  • Tworzenie pierwszych stylów - reset 05m 53s
  • Tworzenie pierwszych stylów - layout 09m 04s
  • Tworzenie pierwszych stylów - przycisk 06m 43s
  • Tworzenie pierwszych stylów - teksty 07m 14s
  • Tworzenie struktury HTML - Header 18m 44s
  • Menu dla urządzeń mobilnych - cz. 1 18m 10s
  • Menu dla urządzeń mobilnych - cz. 2 11m 09s
  • Tworzenie sekcji głównej 19m 20s
  • Tworzenie sekcji o aplikacji 20m 15s
  • Tworzenie sekcji produkty 12m 42s
  • Tworzenie sekcji oferty i socialmedia 11m 18s
  • Tworzenie stopki 11m 24s
  • Ostatnie poprawki i dodanie animacji 11m 12s
4 · Projekt nr. 2
  • Konfiguracja projektu na plikach z projektu 1 11m 40s
  • Tworzenie przycisków oraz nagłówków 16m 39s
  • Header i elementy nawigacyjne desktop 17m 04s
  • Menu dla urządzeń mobilnych - cz. 1 15m 21s
  • Menu dla urządzeń mobilnych - cz. 2 10m 36s
  • Tworzenie sekcji głównej 17m 29s
  • Tworzenie sekcji funkcje 13m 56s
  • Tworzenie sekcji zakupy 19m 19s
  • Style dla stopki 02m 45s
  • Dodanie animacji 03m 43s
5 · Projekt nr. 3
  • Omówienie projektu i konfiguracja 05m 28s
  • Header i elementy nawigacyjne desktop 12m 48s
  • Menu dla urządzeń mobilnych 09m 33s
  • Tworzenie sekcji głównej 11m 28s
  • Tworzenie sekcji o firmie 18m 51s
  • Tworzenie sekcji o nas cz. 1 09m 06s
  • Tworzenie sekcji o nas cz. 2 25m 40s
  • Tworzenie sekcji blog 16m 50s
  • Tworzenie sekcji kontakt 04m 09s
  • Ostatnie poprawki i dodanie animacji 04m 42s
6 · Tworzenie wersji produkcyjnej
  • Deploy przykładowej strony za pomocą narzędzia Netlify 05m 58s
  • Zakończenie 01m 01s

Twój instruktor

Krystian Lisowski

Krystian Lisowski

Frontend Developer

Posiada doświadczenie w tworzeniu stron i aplikacji webowych. W codziennej pracy posługuje się językiem JavaScript wraz z frameworkiem Angular, HTML, SCSS, Tailwind CSS. Stale rozwija swoją wiedzę. Ostatnio poszerzył swój stack technologiczny o język PHP wraz z frameworkiem Symfony. Prywatnie lubi sport, głównie siłownię oraz rozwój osobisty. Pasjonat wycieczek po górach i dobrej książki.

Opinie kursantów

5,0 Zweryfikowana
„Bardzo dobry kurs. Do jego przerobienia wymagana jest już znajomość HTML i CSS, ale to już można wywnioskować po zwiastunie. Podczas kodowania stron nacisk położony jest na SASS, czyli preprocesor CSS. Powiem szczerze, że po tym kursie SASS pozostanie ze mną na dłużej, daje niesamowite możliwości np. tworzenie zmiennych czy zagnieżdżanie selektorów. Super, polecam!"
Czytaj więcej
D Dariusz Klimowicz zweryfikowany kursant
5,0 Zweryfikowana
„bardzo dobry kurs, wszystko świetnie wytłumaczone i robione krok po kroku"
Ł Łukasz Wiśniewski zweryfikowany kursant
5,0 Zweryfikowana
„Kurs merytoryczny, świetnie wyjaśnia jak tworzyć strony internetowe na podstawie projektu graficznego. Jak dla mnie najlepiej uczyć się poprzez praktykę, a tutaj dokladnie tak można przyswajać nową wiedzę. Każda lekcja w sposób jasny i zwięzły wyjaśnia dane zagadnienie, a lektora dobrze się słucha. Wiedza wyniesiona z kursu na pewno przyda się w przyszłości podczas pracy jako web developer. Polecam jak najbardziej zarówno dla osób początkujących jak i bardziej zaawansowanych!"
Czytaj więcej
T Tomasz Rozmus zweryfikowany kursant
5,0 Zweryfikowana
„Gorąco polecam! Ten kurs to doskonały przegląd i utrwalenie umiejętności posługiwania się podstawowymi technologiami w zakresie budowy stron www. Począwszy od konfiguracji środowiska pracy, autor kursu bardzo czytelnie wyjaśnia wszystkie elementy tworzenia layoutu strony na podstawie projektu graficznego przygotowanego w Figmie przez grafika. Prace zakończone są trzema w pełni funkcjonalnymi projektami layoutów z elementami animacji AOS CSS. "
Czytaj więcej
R Robert Sajdak zweryfikowany kursant

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to kompletne pakiety materiałów wideo przygotowane przez zespół naszych specjalistów. Po zakupie otrzymujesz natychmiastowy dostęp do wszystkich lekcji, testów i materiałów dodatkowych na swoim koncie - możesz zacząć się uczyć od razu, bez czekania. 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ść swoje 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 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 kursu?

Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat w formacie PDF - będzie on dostępny na Twoim koncie w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. 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. Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia wystawiamy fakturę VAT (23%) lub paragon - w zależności od danych podanych przy zakupie. Pobierzesz ją z zakładki Historia zamówień na swoim koncie. Powiadomimy Cię mailowo, gdy dokument będzie gotowy.
Potrzebujesz proformy? Zaznacz pole "Chcę otrzymać dokument proforma" przy składaniu zamówienia lub napisz: biuro@strefakursow.pl


Zakup w aplikacji mobilnej? Jeśli kupujesz przez App Store lub Google Play, sprzedawcą jest odpowiednio Apple lub Google. Fakturę otrzymasz od nich zgodnie z ich zasadami:



Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.

Zakup w Google Play(Android)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

  • Otwórz aplikację Google Play.
  • Kliknij ikonę swojego profilu w prawym górnym rogu.
  • Wybierz Płatności i subskrypcje > Historia zakupów.
  • Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).

    • Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.

Ile mam czasu na przerobienie materiałów?

Tyle, ile potrzebujesz! Uczysz się we własnym tempie - bez presji i bez abonamentu. Płacisz raz i zachowujesz dostęp do zakupionego kursu na swoim koncie bez z góry określonej daty końcowej. Przez pierwsze 12 miesięcy od zakupu dbamy o aktualność materiałów i zapewniamy pełną dostępność testów oraz certyfikatu. Później kurs nadal pozostaje na Twoim koncie - wracasz do lekcji, kiedy masz ochotę. Szczegółowe zasady dostępu znajdziesz w regulaminie.

Dla firm
Uczysz się do pracy? Kup ten kurs przez firmę
Dla siebie, pracownika lub zespołu – z fakturą i opcją ceny zespołowej.
Sprawdź zakup firmowy
Sprawdź zakup firmowy

Powiązane tematy

Web Designer Tworzenie stron internetowych CSS HTML SASS

Zobacz też

Podobne kursy

Kurs Bootstrap 4 - od podstaw

Programowanie

Kurs Bootstrap 4 - od podstaw

5.0 (193)

119 zł

Kurs Bootstrap 4 - praktyczny projekt

Programowanie

Kurs Bootstrap 4 - praktyczny projekt

4.9 (127)

119 zł

Warsztaty tworzenia stron internetowych

Programowanie

Warsztaty tworzenia stron internetowych

5.0 (119)

119 zł

Fundamenty CSS - stylowanie stron od podstaw

Programowanie

Fundamenty CSS - stylowanie stron od podstaw

4.9 (121)

159 zł

Fundamenty języka HTML - kodowanie stron od podstaw

Programowanie

Fundamenty języka HTML - kodowanie stron od podstaw

4.9 (178)

159 zł

Produktywne tworzenie stron z LESS & SASS

Programowanie

Produktywne tworzenie stron z LESS & SASS

4.9 (236)

119 zł

Flexbox & Grid - responsywne layouty od podstaw

Programowanie

Flexbox & Grid - responsywne layouty od podstaw

4.8 (111)

119 zł

Kurs HTML i JavaScript - praktyczne projekty

Programowanie

Kurs HTML i JavaScript - praktyczne projekty

4.8 (69)

149 zł

Kurs Metodologia BEM - jak pisać dobry kod CSS

Programowanie

Kurs Metodologia BEM - jak pisać dobry kod CSS

4.9 (38)

129 zł

Kurs Błyskawiczne tworzenie stron z Tailwind CSS

Programowanie

Kurs Błyskawiczne tworzenie stron z Tailwind CSS

4.8 (39)

159 zł

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!

675 wykładów 21578 uczestników
Dowiedz się więcej

Dostęp od razu po zakupie

159 zł

Zwrot w 3 krokach

Masz 30 dni na zwrot od daty zakupu.

  1. 1

    Zleć zwrot jednym kliknięciem

    Przejdź do Historii zamówień i wybierz „Dokonaj zwrotu" przy zamówieniu, które chcesz zwrócić.

  2. 2

    Potwierdzamy zwrot

    Dostajesz potwierdzenie przyjęcia zwrotu - zwykle w 1 dzień roboczy.

  3. 3

    Pieniądze wracają

    Tą samą metodą, którą zapłacono - zwykle w 3-5 dni roboczych, maksymalnie 14 dni.

Pełne warunki znajdziesz w regulaminie zakupów.

Kod na pierwszy zakup

Odbierz 10% rabatu na pierwsze zamówienie

Dołącz do newslettera z promocjami i odbierz kod rabatowy.

Jest z nami już ponad 106 tys. subskrybentów

Podając adres e-mail zapisujesz się do newslettera i akceptujesz politykę prywatności. W każdej chwili możesz się wypisać.

Ups! Coś poszło nie tak

Zabezpieczenie antybotowe uznało, że Twoje ostatnie zgłoszenie mogło pochodzić od bota, i je zablokowało. Spróbuj ponownie. W razie problemów skontaktuj się z nami.