Przejdź do treści
strefakursów

Programuj Dziewczyno!

Kurs zapozna Cię z podstawami technologii front-endowych i pokaże jak od zera zakodować stronę internetową

4,9 106 opinii Autor: Joanna Otmianowska
55 lekcji 45 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ć

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

Opis szkolenia

Czego się nauczysz?

  • podstaw pracy z HTML, CSS i JS

  • budowy najważniejszych sekcji stron

  • kodowania strony z użyciem szablonu

  • motywowania się do dalszej pracy

  • dodawania interaktywnych elementów

  • kodowania wysuwanego menu z użyciem JavaScript

  • korzystania z edytora i innych przydatnych narzędzi

  • tworzenia galerii zdjęć, formularzy i przycisków

Zawsze marzyłaś o tym, by stworzyć swoją własną stronę internetową, ale bałaś się, że kodowanie to coś, z czym sobie nie poradzisz? A może po prostu ciekawi Cię, jak działają strony internetowe? Jak wygląda kod, który za to wszystko odpowiada? Odpowiedzi na te, oraz całą masę innych pytań znajdziesz w moim kursie!

Dzięki niemu poznasz zastosowanie technologii front-endowych i zbudujesz swoją pierwszą stronę zupełnie od zera. To, co stworzysz, będzie dla Ciebie świetną podstawą do dalszej nauki i pracy nad własnym projektem. To jak, zainteresowana?

Podstawy HTML i CSS

W pierwszych rozdziałach kursu powoli wprowadzę Cię w świat tworzenia stron. Poznasz dwa najważniejsze obecnie języki kodowania: HTML i CSS. Dowiesz się, jak budować strukturę dokumentu HTML, poznasz podstawowe znaczniki i nauczysz się je wykorzystywać. Oczywiście strona internetowa nie wyglądała by tak efektownie bez tzw. stylów CSS. To właśnie dzięki nim będziesz mogła zmieniać np. kolory, położenie czy animacje elementów HTML. O tym również opowiem Ci w początkowych rozdziałach.

Strona z użyciem szablonu

Kodowania stron internetowych najlepiej uczyć się w praktyce, dlatego niemal od samego początku, razem ze mną będziesz kodować stronę z przygotowanego przez grafika szablonu. Przygotujemy witrynę, która będzie przejrzysta, prosta i przyjemna w użytkowaniu. Aby łatwiej było Ci zrozumieć kolejne etapy jej budowy, wszystko będę omawiała krok po kroku na przykładach.

JavaScript, czyli czas na programowanie

Kolejnym krokiem w Twojej podróży do poznania technologii front-endowych będzie JavaScript. To język programowania, który umożliwia obsługę interakcji użytkownika ze stroną. W praktyce oznacza to, że jest odpowiedzialny za interaktywne elementy, które się tam pojawią.

W kursie pokażę Ci np. jak wykorzystać JS do stworzenia wysuwanego menu lub przycisk “Czytaj więcej”, który po kliknięciu pokaże użytkownikowi dodatkowy tekst. Zbudujemy również galerię ze zdjęciami w formie tzw. karuzeli.

Przeglądarka i edytor

Wiele kursów dla początkujących wyjaśnia podstawy HTML, CSS czy JavaScript, ale nie tłumaczy, jak zacząć pracę nad swoim projektem lokalnie na komputerze. A przecież to niezbędne informacje! W tym kursie poznasz edytor Brackets i nauczysz się z niego korzystać. Dowiesz się również do czego służą narzędzia deweloperskie w przeglądarce i w jak fenomenalny sposób ułatwią one Twoją pracę z kodem.

A co z motywacją?

Przejście przez "techniczny" materiał z kursu to jedno, ale odpowiednie zmotywowanie się do dalszej nauki to coś zupełnie innego. Wiem to z doświadczenia, dlatego w tym kursie znajdziesz coś unikalnego. Coś, czego próżno szukać w innych kursach - dział poświęcony motywacji. Umieściłam w nim nagrania, które pozwolą Ci dobrze zaplanować naukę oraz poznać sposoby na walkę z kryzysami podczas nauki kodowania.

Materiały dodatkowe

Do kursu dołączyłam wszystkie niezbędne materiały, takie jak szablony stron czy szablony plików oraz cały kod tworzonej witryny. Dzięki temu będziesz mogła razem ze mną powtarzać kolejne czynności i uczyć kodowania na praktycznym przykładzie. Dodatkowo, abyś mogła jeszcze lepiej utrwalić zdobytą wiedzę, po każdym rozdziale czekać na Ciebie będzie zestaw pytań. Na koniec nie pozostaje mi napisać nic innego, jak tylko: Do kodu dziewczyno!

Kup w pakiecie i oszczędź

Junior Front-end Developer - pierwsza praca

Junior Front-end Developer - pierwsza praca

4.9 (74)

119 zł

Programuj Dziewczyno!

Programuj Dziewczyno!

4.9 (106)

119 zł

Cena za zakup pakietu

190 zł 238 zł −20%

Oszczędzasz w pakiecie: 48 zł

Zyskujesz 19.04 zł w punktach na kolejne zakupy.

Kup w pakiecie

Program kursu

17 modułów · 55 lekcji

1 · Wstęp
  • Wstęp 02m 48s
  • Pobranie edytora i podstawowe zasady korzystania 03m 59s
  • Przeglądarka i korzystanie z narzędzi deweloperskich 06m 25s
  • Jak korzystać z dołączonych plików 04m 33s
2 · Podstawy HTML i CSS
  • Czym jest HTML i jak wyglądają znaczniki 04m 48s
  • Omówienie struktury pliku HTML 09m 54s
  • Czym jest CSS i jak zapisuje się reguły CSS 03m 40s
  • Podłączenie CSS do HTML 04m 13s
  • Podstawowe znaczniki w HTML 09m 47s
  • Podstawowe własności CSS 10m 24s
  • Nadawanie klas i ID 06m 53s
3 · Struktura strony
  • Tworzenie sekcji na stronie 12m 30s
  • Znaczniki semantyczne w HTML 05m 11s
  • Identyfikacja sekcji na szablonie do zakodowania 08m 29s
  • Przygotowanie strony do kodowania - podstawowe ustawienia 14m 32s
4 · Flexbox i budowanie menu na stronie
  • Czym jest flexbox i jak się go wykorzystuje 10m 31s
  • Zakodowanie menu z szablonu z wykorzystaniem flexboxa 13m 16s
5 · Główna sekcja na stronie
  • Jak zbudować kontener ze zdjęciem w tle 11m 20s
  • Dodanie nagłówków i umieszczenie ich na środku kontenera 11m 05s
  • Dodanie przycisku na stronie 06m 35s
6 · Sekcja z opisem i zdjęciem
  • W jaki sposób dodać ikony do strony 03m 45s
  • Lista z opisem i wyróżnionym tekstem 15m 06s
  • Dodanie sekcji ze zdjęciem i ułożenie sekcji obok siebie 07m 02s
7 · Sekcja z ofertami
  • Zbudowanie trzech kontenerów i rozmieszczenie ich na stronie 07m 52s
  • Szczegóły pierwszego kontenera z ofertą 16m 11s
  • Szczegóły pozostałych kontenerów i dodanie sekcji "Czytaj więcej" 07m 23s
8 · Formularz zapisu do newslettera
  • Zbudowanie formularza zapisu do newslettera 16m 23s
9 · Galeria zdjęć i przycisk powrotu na górę strony
  • Zakodowanie galerii ze zdjęciami 14m 34s
  • Dodanie ikony umożliwiającej powrót na górę strony 03m 23s
10 · Stopka
  • Zakodowanie sekcji z opisem i ikonami mediów społecznościowych 16m 01s
  • Zakodowanie sekcji z danymi kontaktowymi 12m 04s
  • Dodanie sekcji z linkami 15m 19s
  • Dodanie sekcji z prawami autorskimi i źródłem zdjęć 06m 15s
11 · Podstawy JavaScript
  • Co to jest JavaScript i jak pracować z konsolą deweloperską 03m 55s
  • Czym są zmienne i jakie mają typy 10m 29s
  • Jak tworzyć tablice 05m 49s
  • Podstawowe informacje o funkcjach 04m 15s
  • Zapisywanie elementów HTML do zmiennych i nasłuchiwanie na wydarzenia na stronie 09m 41s
12 · Wysuwane menu
  • Zakodowanie wysuwanego menu w HTML 07m 39s
  • Jak zmieniać style elementu w JavaScript 06m 19s
  • Zbudowanie interaktywnego menu 04m 50s
13 · Przyciski "Czytaj więcej/mniej"
  • Obsługa jednego przycisku "Czytaj więcej/mniej" 14m 34s
  • Jak działa pętla "for" 06m 10s
  • Podłączenie funkcji do wielu przycisków 03m 46s
14 · Obsługa formularza
  • Podstawowa walidacja formularza 14m 55s
15 · Galeria zdjęć
  • Zmiany w galerii w CSS 06m 51s
  • Funkcja zmieniająca zdjęcie w galerii 10m 42s
  • Podłączenie funkcji do przycisków 06m 23s
  • Automatyczna zmiana zdjęcia 03m 25s
16 · Przycisk "Wróć na górę"
  • Obsługa przycisku "Wróć na górę" 05m 30s
17 · Motywacja
  • Kilka rzeczy, które powinnaś wiedzieć o kodowaniu 04m 43s
  • Jak rozplanować bloki nauki i znaleźć na nie czas 09m 04s
  • Jak walczyć z kryzysami i wymówkami 07m 39s
  • O czym trzeba pomyśleć przed zmianą branży na IT 07m 44s
  • Co dalej? 04m 07s

Twój instruktor

Joanna Otmianowska

Joanna Otmianowska

Front-end developer

Autorka bloga Wake up and Code oraz założycielka grupy motywacyjnej „Programuj, Dziewczyno!”. Z wykształcenia indolożka, która jakiś czas temu postanowiła nauczyć się programowania. Obecnie pracuje jako front-end developer. Sama żałuje, że nie trafiła na programowanie wcześniej, dlatego chętnie angażuje się w różne akcje promujące naukę kodowania.

Opinie kursantów

5,0 Zweryfikowana
„Dobra robota! Przyznam, że na samym początku, kiedy nie ukrywam, miałam już wiedzę z tych zagadnień, byłam nastawiona sceptycznie z różnych względów. Stwierdziłam jednak, że spróbuję, ponieważ a)cena kursu jest dobra b)grupa Programuj Dziewczyno! bardzo szybko się rozwija i zyskuje sporą ilość fanów(fanek) c)może czegoś się nauczę, a nóż. Nie pomyliłam się. Za małe pieniądze zyskałam sporo nowej wiedzy i świeże spojrzenie na JavaScript, co jest niesamowicie ważne, zważywszy na krążące mity i legendy o tym języku - jaki to on jest niesamowicie trudny i pogmatwany. Z Joanną z Wake Up And Code czujesz, że dasz sobie radę ze wszystkim tylko SKUP SIĘ I PRACUJ, a wszystko jest możliwe.Prowadząca jest bardzo dokładna i widać, że stara się, aby kod był zawsze czytelny, schludny. Zwracam na to uwagę, bo myślę, że uczenie innych dobrych nawyków jest ważne, aby kolejnemu programiście, który będzie czytać nasz kod, było zwyczajnie łatwiej. Pomagajmy sobie i ułatwiajmy innym życie tak jak właśnie to zrobiła Joanna. Polecam!"
Czytaj więcej
N Natalia Szweda zweryfikowany kursant
5,0 Zweryfikowana
„Polecam szkolenie, dlaczego? Dlatego, że podoba mi się podejście. Sympatyczna atmosfera i prosty język. Szkolenie jest długie poruszające wiele aspektów. Nie tylko dziewczyny mogą coś wziąć dla siebie z HTML, CSS i JavaScript."
D Dariusz Baj zweryfikowany kursant
5,0 Zweryfikowana
„Bardzo pomocny kurs, który rozjaśnił mi myślenie o programowaniu."
K Karolina Beł zweryfikowany kursant
5,0 Zweryfikowana
„Świetny kurs! Wszystko dobrze wyjaśnione krok po kroku. Idealny na pierwsze spotkanie z programowaniem, nie tylko dla dziewczyn! Dużo praktycznych rozwiązań i zachęcania do ćwiczeń. "
K Katarzyna Cieplińska 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 JavaScript

Zobacz też

Podobne kursy

Kurs Python - zaawansowany

Programowanie

Kurs Python - zaawansowany

4.7 (115)

149 zł

Kurs ChatGPT dla początkujących

Rozwój osobisty

Kurs ChatGPT dla początkujących

4.9 (151)

149 zł

Kurs Automatyzacje z AI od podstaw - zautomatyzuj powtarzalne zadania

Biznes i marketing

Kurs Automatyzacje z AI od podstaw - zautomatyzuj powtarzalne zadania

4.8 (21)

159 zł

Kurs Makra i VBA w Excelu 2019 dla początkujących

IT i oprogramowanie

Kurs Makra i VBA w Excelu 2019 dla początkujących

4.9 (180)

169 zł

Kurs Programowanie VBA w Excelu dla zaawansowanych

IT i oprogramowanie

Kurs Programowanie VBA w Excelu dla zaawansowanych

4.9 (115)

159 zł

Excel 365 - tabele przestawne

IT i oprogramowanie

Excel 365 - tabele przestawne

4.9 (18)

159 zł

Kurs Statystyka i prawdopodobieństwo od podstaw

IT i oprogramowanie

Kurs Statystyka i prawdopodobieństwo od podstaw

4.9 (42)

149 zł

Kurs Analiza danych w Excelu od podstaw

IT i oprogramowanie

Kurs Analiza danych w Excelu od podstaw

4.9 (158)

149 zł

Kurs WordPress - tworzenie stron od podstaw

Programowanie

Kurs WordPress - tworzenie stron od podstaw

4.8 (310)

119 zł

Kurs Jira - zwinne zarządzanie projektami od podstaw

IT i oprogramowanie

Kurs Jira - zwinne zarządzanie projektami od podstaw

4.6 (47)

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