Przejdź do treści
strefakursów

Wprowadzenie do tworzenia stron internetowych

Twoja przepustka do kariery web developera

4,9 361 opinii Autor: Ksawery Kargól
89 lekcji 66 pytań testowych Poziom: Podstawowy Język: polski Certyfikat
119 zł

Oferta specjalna

Kup ten kurs za 65 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ń

Szczegóły, które warto znać

10,5 godziny materiałów
Bezterminowy dostęp
Imienny certyfikat PDF
89 lekcji wideo
Poziom: Podstawowy
Testy i zadania
66 pytań testowych
Rekomendacje na LinkedIn
Napisy dostępne w językach: polski, angielski, ukraiński
Dostęp w aplikacji mobilnej

Opis szkolenia

  • Chciałbyś zostać web developerem ale nie masz pojęcia od czego zacząć?

  • Gubisz się w gąszczu niezliczonych technologii tworzenia stron?

  • Chciałbyś krok po kroku poznać najważniejsze techniki, które umożliwią Ci bezproblemowe rozpoczęcie pracy nad stronami internetowymi?

  • Masz już pewną wiedzę w tym temacie ale czujesz, że trzeba ją uporządkować i usystematyzować?
Sprawdź w jaki sposób Ci pomożemy

Naucz się tworzyć ładne i funkcjonalne strony

Z tym kursem szybko opanujesz najważniejsze techniki tworzenia stron internetowych. Zaczynając od zupełnych podstaw będziesz w stanie stworzyć bardzo ładną, kompletnie ostylowaną stronę z atrakcyjnymi animacjami i różnymi dodatkowymi funkcjonalnościami. Wiedza, którą zdobędziesz będzie dla Ciebie doskonałą bazą do dalszego rozwijania swoich umiejętności.

Wbudowane narzędzia web developerskie

Łatwe do zrozumienia przykłady sprawiają, że kurs jest doskonałym wyborem dla początkujących web developerów. Szeroki zakres poruszanych tematów gwarantuje, że w kursie znajdziesz dla siebie coś wartościowego nawet jeśli miałeś już wcześniej do czynienia z tworzeniem stron. To kurs, który ma ułatwić Ci odnalezienie się w gąszczu niezliczonych współczesnych technologii oraz narzędzi webowych niezależnie od tego czy zaczynasz od zera czy też masz już jakąś podstawową wiedzę na ten temat.

Co zyskujesz z tym kursem?

  • Obszerną wiedzę na temat kluczowych technologii tworzenia stron

  • Wiedzę, która pozwoli Ci samodzielnie pracować nad własnymi projektami

  • Znajomość technik pracy, dzięki którym kariera web developera będzie stała przed tobą otworem.

  • Umiejętności, które możesz rozwijać w wybranym przez siebie kierunku

  • Okazję do uporządkowania i rozwinięcia dotychczasowej wiedzy
Zrzut ekranu z pliku css projektu

Czego tak naprawdę się nauczysz?

Wszystkiego co jest Ci potrzebne abyś mógł zostać doskonałym web developerem.

HTML
HTML
CSS
CSS
JavaScript
JavaScript
Ajax
Ajax
Edytor kodu sublime text

Narzędzia

Na samym początku poznasz kilka narzędzi bez których w swojej pracy nie możesz się obejść. Dowiesz się jak wybrać właściwy edytor oraz jak wykorzystać potencjał developerskich narzędzi dostępnych w przeglądarce Firefox i Chrome

HTML – treść to podstawa

Podgląd konsoli przeglądarki na kod HTML strony

Najważniejszym elementem każdej strony internetowej jest treść. Dlatego swoją przygodę z technikami webowymi rozpoczniesz od opanowania języka HTML. Poznasz najczęściej używane znaczniki i kluczowe atrybuty oraz nauczysz się w praktyce tworzyć typowe elementy każdej strony: nagłówki, akapity, formularze, menu, obrazy, odnośniki, przyciski itp. Wszystko po to abyś wiedział jak efektywnie tworzyć zawartość dowolnego serwisu internetowego.

CSS – jak sprawić, aby strona pięknie wyglądała

Plik CSS projektu strony

HTML definiuje treść natomiast CSS określa jak ta treść będzie wyglądała. Znajomość CSS sprawi, że będziesz w stanie nadać dowolny wygląd tworzonym przez Ciebie stronom internetowym. W tej części kursu poznasz więc wszystkie kluczowe koncepcje, które ściśle wiążą się z arkuszami stylów. Nauczysz się definiować dowolne selektory, opanujesz formatowanie tekstu, dzielenie zawartości na kolumny, pozycjonowanie elementów, stylowanie formularzy i wiele, wiele więcej.

JavaScript – jak sprawić żeby strona ożyła

Dziś kluczem do sukcesu jest interaktywność. Strony, które są dynamiczne i potrafią reagować na akcje użytkownika mają nieporównywalnie większą szansę na przyciągnięcie uwagi. Kluczową technologią jest tutaj język JavaScript. Jego znajomość pozwoli Ci tworzyć dosłownie wszystko: od wyskakujących okienek po rozbudowane interaktywne aplikacje. I właśnie w tej części szkolenia będziesz miał doskonałą okazję, aby kluczowych technik pracy z JavaScript się nauczyć.

Logo JavaScript wraz z kodem funkcji

jQuery – łatwiejszy JavaScript

Responsywne strony na każde urządzenie

Żeby zrozumieć jQuery najlepiej wyobrazić łatwy w użyciu zestaw gotowych funkcji napisanych w języku JavaScript. Za pomocą jQuery możesz błyskawicznie wdrożyć na stronach przeróżne interaktywne elementy, dodać atrakcyjne animacje itd. W kursie nie tylko dowiesz się jak rozpocząć pracę z tą biblioteką ale także poznasz bardzo ciekawe przykłady praktycznego zastosowania.

AJAX – jeszcze więcej możliwości

Kojarzysz strony na których treść jest aktualizowana na żywo? Korzystałeś z wyszukiwarki, która wyświetla listę podpowiedzi? Jeśli tak miałeś doskonałą okazję, aby przekonać się jak wielkie możliwości oferuje AJAX. To kolejny przykład bardzo ważnej technologii webowej, którą będziesz miał okazję poznać z tym kursem.

Technologia Ajax
Emulator Cmder

Wiersz poleceń – niezbędne narzędzie

W tej części kursu przekonasz się, że wiersz poleceń to jedno z najważniejszych narzędzi każdego web developera. Nie tylko pozwala na szybszą pracę ale często jest także jedynym interfejsem dla tysięcy przydatnych bibliotek czy frameworków.

Node – JavaScript na serwerze

Node to rewolucyjne narzędzie, które w ostatnich latach stało się kluczem do sukcesu dla milionów web developerów. Node umożliwia uruchamianie JavaScript na serwerze i w praktyce zapewnia nieograniczony potencjał do tworzenia bardzo rozbudowanych webowych aplikacji. W kursie poznasz kilka bardzo ciekawych przykładów użycia Node: dowiesz się jak tworzyć dynamiczne strony z Express.js, jak korzystać z narzędzia npm oraz jak uruchomić prosty serwer http.

Node interactive
System kontroli wersji Git

Git – gwarancja bezstresowej pracy

Jeśli poważnie myślisz o tym, żeby zostać web developerem to musisz poznać system kontroli wersji Git. To narzędzie, które zapewni Ci spokój oraz brak obaw o utratę rezultatów ciężkiej pracy.

Co jeszcze?

Wszelkie materiały użyte przez autora zostały dołączone do kursu. Każdą czynność pokazaną na ekranie możesz więc bez problemów powtórzyć. Kurs zawiera także dziesiątki ćwiczeń oraz testów, które niesamowicie ułatwią Ci zdobywanie nowych umiejętności

Tworzenie funkcjonalnych stron
Tworzenie funkcjonalnych stron
Narzędzia webowe
Narzędzia webowe
Liczne komponenty
Liczne komponenty
Praktyczny projekt
Praktyczny projekt

Kup w pakiecie i oszczędź

Wprowadzenie do tworzenia stron internetowych

Wprowadzenie do tworzenia stron internetowych

4.9 (361)

119 zł

Kurs Dreamweaver CC - szybkie tworzenie stron

Kurs Dreamweaver CC - szybkie tworzenie stron

4.9 (62)

109 zł

Cena za zakup pakietu

182 zł 228 zł −20%

Oszczędzasz w pakiecie: 46 zł

Zyskujesz 18.24 zł w punktach na kolejne zakupy.

Kup w pakiecie

Program kursu

11 modułów · 89 lekcji

1 · Wprowadzenie
  • Wstęp 0m 28s
  • Jak korzystać z plików 1m 22s
  • Jakie technologie poznasz 8m 27s
  • Jaki edytor wybrać 10m 06s
  • Architektura klient-serwer 5m 42s
  • Narzędzia dla web developera 5m 36s
2 · HTML
  • Co to jest HTML 5m 12s
  • Struktura prostego dokumentu HTML 5m 56s
  • Co zawiera sekcja HEAD 6m 36s
  • Nagłówki, akapity, listy 8m 48s
  • Grupowanie znaczników 6m 01s
  • Odnośniki i obrazy 12m 01s
  • Sekcja, nagłówek oraz stopka 7m 58s
  • Uzupełniamy elementy na stronie 6m 10s
  • Formularze w HTML 10m 28s
  • Elementy śródliniowe 6m 00s
  • Znaczniki samozamykające 6m 24s
3 · HTML - kontynuujemy pracę
  • Komentarze w HTML 5m 44s
  • Co to jest klasa 4m 52s
  • Co to jest identyfikator 3m 43s
  • Jak nazywać klasy oraz id 9m 22s
  • Dodajemy pierwsze klasy 7m 13s
  • Uzupełniamy pozostałe klasy 10m 18s
4 · Kaskadowe arkusze stylów CSS
  • Co to jest CSS 4m 18s
  • Przykład użycia CSS 6m 07s
  • Selektory CSS 6m 30s
  • Właściwości elementów tekstowych 6m 08s
  • Rozmiar tekstu 10m 47s
  • Model pudełkowy 7m 33s
  • Skrócony zapis właściwości 8m 00s
  • Elementy pływające 5m 37s
  • Pozycjonowanie elementów 8m 16s
  • Selektory złożone 7m 13s
  • Specyficzność selektorów 6m 12s
5 · CSS - praktyczny projekt
  • Jak zorganizować pracę 6m 15s
  • Reset stylów 5m 06s
  • Kolory oraz 'font-family' 8m 12s
  • Uzupełniamy style tekstu 10m 06s
  • Kontener, sekcje oraz kolumny 10m 44s
  • Środkowanie elementów 4m 25s
  • Definiujemy style przycisków 10m 55s
  • Style dla nagłówka strony 9m 22s
  • Style dla banera 10m 59s
  • Style dla różnych sekcji projektu 10m 16s
  • Jak ostylować formularze 7m 43s
  • Strony responsywne - wprowadzenie 9m 21s
  • Zapytania o media w praktyce 7m 05s
6 · JavaScript - elementy dynamiczne
  • Co to jest JavaScript 6m 36s
  • Wyświetlanie rezultatów 3m 55s
  • Zmienne w JavaScript 8m 07s
  • Operatory oraz wyrażenia 7m 35s
  • Operatory porównania 6m 08s
  • Operatory logiczne 5m 31s
  • Tablice w JavaScript 8m 06s
  • Instrukcja IF 6m 14s
  • Pętla FOR 8m 54s
  • Funkcje w JavaScript 6m 58s
  • Obiekty w JavaScript 9m 55s
  • Zakres zmiennych 4m 14s
7 · jQuery - najpopularniejsza biblioteka JS
  • Co to jest jQuery 4m 23s
  • Jak używać jQuery 9m 37s
  • Łańcuchy funkcji 7m 00s
  • Pobieranie wartości z input 9m 19s
  • Dynamiczne wprowadzanie HTML 7m 05s
  • Animacje oraz funkcje jQuery 9m 43s
8 · Technologia AJAX
  • AJAX - jak to działa 5m 14s
  • Przykładowe zapytanie AJAX 10m 38s
  • Przetwarzanie odpowiedzi 9m 24s
9 · Wprowadzenie do wiersza poleceń
  • Dlaczego używać wiersza poleceń 8m 14s
  • Kilka przydatnych komend 5m 02s
10 · Node.js - dynamiczne aplikacje JS
  • Piszemy pierwszą aplikację 9m 28s
  • Node Package Manager 8m 41s
  • Express.js - serwerowe aplikacje 11m 24s
  • Express.js - definiujemy trasy 4m 19s
  • Express.js - serwowanie plików statycznych 6m 23s
  • Odbieranie parametrów 5m 23s
  • Zarządzanie zależnościami 6m 52s
  • Prosty serwer HTTP 5m 19s
11 · Git dla web developera
  • Git oraz GitHub 5m 58s
  • Instalacja Git 5m 27s
  • Tworzenie repozytorium 5m 49s
  • Sprawdzanie statusu oraz dodawanie plików 4m 19s
  • Zatwierdzanie zmian 6m 31s
  • Kolejny commit 3m 58s
  • Zakładamy konto na GitHub 4m 38s
  • Tworzymy zdalne repozytorium 7m 11s
  • GitHub - rozgałęzianie 5m 30s
  • GitHub - scalanie 8m 26s
  • Zakończenie 0m 33s

Twój instruktor

Ksawery Kargól

Ksawery Kargól

Trener - praktyk AI

Ksawery Kargól to jeden z najbardziej rozpoznawalnych autorów technicznych na platformie Strefa Kursów. Od lat tworzy szkolenia, które pomagają uczestnikom wejść w świat nowych technologii krok po kroku, bez chaosu, zbędnego żargonu i poczucia, że „to nie dla mnie”. Jego największą siłą jest umiejętność tłumaczenia trudnych tematów prostym, uporządkowanym językiem. W swoich kursach prowadzi uczestnika od podstaw do praktycznego działania, pokazując nie tylko, co należy zrobić, ale też dlaczego dane rozwiązanie działa i jak można wykorzystać je w realnych projektach. Uczestnicy jego kursów szczególnie doceniają spokojne tempo, jasną strukturę i praktyczne podejście do nauki. To autor, który dobrze sprawdza się zwłaszcza wtedy, gdy temat wydaje się techniczny, trudny albo zarezerwowany tylko dla osób z doświadczeniem. Ksawery potrafi rozłożyć go na mniejsze kroki i przeprowadzić uczestnika przez cały proces w sposób zrozumiały i bez przytłoczenia. Jego szkolenia są dobrym wyborem zarówno dla osób początkujących, jak i tych, które chcą uporządkować swoją wiedzę, wrócić do podstaw albo pewniej korzystać z nowoczesnych narzędzi cyfrowych. Zamiast suchej teorii uczestnik otrzymuje konkretne przykłady, ćwiczenia i praktyczne rozwiązania, które pomagają szybciej przejść od oglądania lekcji do samodzielnego działania. Ksawery od lat współtworzy bibliotekę kursów Strefy Kursów, a jego materiały zebrały setki wysokich ocen od uczestników. To potwierdza, że jego największą wartością jest nie tylko znajomość technologii, ale przede wszystkim umiejętność przekładania jej na język zrozumiały dla szerokiego grona odbiorców. To dobry wybór dla osób, które chcą wejść w świat nowych technologii spokojnie, praktycznie i bez poczucia zagubienia.

Opinie kursantów

5,0 Zweryfikowana
„Bardzo dobrze przygotowany kurs. Jasne przedstawienie problematyki tworzenia stron od zera. Dla początkującego programisty są to niezbędne informacje i bardzo zrozumiale przeprowadzony trening."
M Marek Grabowski zweryfikowany kursant
5,0 Zweryfikowana
„Prawie idealnie. Utrwalenie wiedzy - jak najbardziej. Kilka dodatkowych informacji też się znalazło, ale - szkoda, że są poruszane takie kwestie jak node czy ajax, skoro w tym czasie na podstawach moim zdaniem mogliśmy rozwinąć bardziej kwestię css/git ;) Pozdrawiam"
K KAMIL TABAKA zweryfikowany kursant
5,0 Zweryfikowana
„Długo szukałem takiego kursu jak ten. Wszystko dokładnie wytłumaczone. Kurs szczególnie polecam dla początkujących. Autor kursu tłumaczy wszystko krok po kroku."
D Dawid Parda zweryfikowany kursant
5,0 Zweryfikowana
„Bardzo dobrze wyłożona wiedza, poparta praktycznymi przykładami. Myślę, że to kolejny element, który warto obejrzeć i przećwiczyć zgodnie ze wskazówkami. Im więcej "kursów" zaliczam- tym bardziej porządkuję swoją wiedzę nabytą. POLECAM wszystkim, którzy "myślą" że już potrafią programować :)"
Czytaj więcej
M Michał Marcak 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

Tworzenie stron internetowych HTML CSS

Zobacz też

Podobne kursy

Kurs HTML 5.1 - podstawy tworzenia stron

Programowanie

Kurs HTML 5.1 - podstawy tworzenia stron

4.9 (289)

119 zł

Warsztaty tworzenia stron internetowych

Programowanie

Warsztaty tworzenia stron internetowych

5.0 (119)

119 zł

Kurs Dreamweaver CC - szybkie tworzenie stron

Programowanie

Kurs Dreamweaver CC - szybkie tworzenie stron

4.9 (62)

109 zł

Jak przyspieszać i optymalizować strony

IT i oprogramowanie

Jak przyspieszać i optymalizować strony

4.9 (133)

119 zł

Kurs WordPress - tworzenie stron od podstaw

Programowanie

Kurs WordPress - tworzenie stron od podstaw

4.8 (310)

119 zł

Własna aplikacja - od pomysłu do zarabiania

Programowanie

Własna aplikacja - od pomysłu do zarabiania

5.0 (55)

119 zł

Kurs Praca zdalna - techniki i narzędzia

Biznes i marketing

Kurs Praca zdalna - techniki i narzędzia

4.8 (63)

149 zł

Kurs HTML i JavaScript - praktyczne projekty

Programowanie

Kurs HTML i JavaScript - praktyczne projekty

4.8 (69)

149 zł

AI i automatyzacje w Canva - projektuj 10x szybciej

Projektowanie

AI i automatyzacje w Canva - projektuj 10x szybciej

5.0 (23)

169 zł

Kurs HTML5 zaawansowany

Programowanie

Kurs HTML5 zaawansowany

4.8 (149)

109 zł

Dostęp od razu po zakupie

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