✅ 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

Kurs Tworzenie stron internetowych - praktyczne projekty:Trailer

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

Kurs Tworzenie stron internetowych - praktyczne projekty:Ostatnie poprawki i dodanie animacji

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

Kurs Tworzenie stron internetowych - praktyczne projekty:Style dla stopki

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

Kurs Tworzenie stron internetowych - praktyczne projekty:Tworzenie sekcji głównej

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

DARMOWE FRAGMENTY

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

Web Designer

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

Opinie użytkowników

Dariusz Klimowicz

5.0

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,… Czytaj więcej

Łukasz Wiśniewski

5.0

bardzo dobry kurs, wszystko świetnie wytłumaczone i robione krok po kroku

Zobacz wszystkie

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

ZOBACZ WIĘCEJ

Najczęściej kupowane w pakiecie

Kurs Tworzenie stron internetowych - praktyczne projekty

30 recenzji

Poziom Średniozaawansowany

46 wykładów

4.9

129zł

Jak przyspieszać i optymalizować strony

Razem do zapłaty

114 zł

-50% 228 zł

+798 punktów premium

KUP W PAKIECIE

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 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 Podgląd 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 Podgląd 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 Podgląd 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

Ocena uczestników

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

95%

Recenzje użytkowników (30)

Natalia Brzezińska

29 lutego 2024

5.0

Kurs "Tworzenie stron internetowych - praktyczne projekty" oferuje kompleksowe wprowadzenie do tworzenia stron od podstaw do zaawansowanych technik. Dzięki temu kursowi zyskałam solidne fundamenty i niezbędne umiejętności do tworzenia responsywnych i… Czytaj więcej

Kamil Zygarlicki

28 lutego 2024

5.0

Polecam.

Jakub Waśkiewicz

15 stycznia 2024

5.0

Bardzo ciekawe projekty

Łukasz Wacławek

30 grudnia 2023

5.0

Bardzo ciekawie poprowadzony kurs. Dający sporo wiedzy w temacie budowania stron i tworzenia styli scss.

Fabian Grikien

25 grudnia 2023

5.0

super kurs

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.

Krystian Lisowski

Frontend Developer

4.9

(30 ocen)

Kurs Tworzenie stron internetowych - praktyczne projekty

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

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

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

🔥 Gorący temat: W tym tygodniu 104 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?

64zł

129zł

2024-04-23

1442

⏰ To szkolenie kupisz 50% taniej jeszcze tylko przez: 01 : 09 : 30 : 32

Oferta dla firm i zespołów

To szkolenie obejmuje:

Nielimitowany dostęp

8,5 godziny szkolenia

46 wykładów

20 pytań testowych

Napisy dostępne w językach:
polski, 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

19786 uczestników

Dowiedz się więcej