✅ 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

Programuj Dziewczyno!:Trailer

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

Programuj Dziewczyno!:W jaki sposób dodać ikony do strony

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

Programuj Dziewczyno!:Zbudowanie trzech kontenerów i rozmieszczenie ich na stronie

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

Programuj Dziewczyno!:Automatyczna zmiana zdjęcia

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

DARMOWE FRAGMENTY

Opinie użytkowników

Natalia Szweda

5.0

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

Dariusz Baj

5.0

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.

Zobacz wszystkie

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!

ZOBACZ WIĘCEJ

Kursy często kupowane razem
Taniej na Black Weeks!

Junior Front-end Developer - pierwsza praca

Programuj Dziewczyno!

Razem do zapłaty

59 zł

-70% 198 zł

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

Ocena uczestników

48702 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 2573 wszystkich opinii.

90%

10%

Recenzje użytkowników (100)

Przemek Milner

21 października 2024

5.0

Znam juz doskonale HTML, CSS, JS ale chciałem utrwalić wiedzę bo dużo robię w Wordpress też, niesamowity kurs, nie jest chaotycznie wykonany ale warto się y niego uczyć, brakuje tu osobiście nacisku na MOBILE First ale można nadrobić. Polecam.

Olga Warmińska

19 sierpnia 2024

5.0

Kurs naprawdę super, informacje podane w sposób bardzo łatwo przyswajalny, autorka jest niesamowicie pozytywną osobą i zaraża chęcią do programowania

Danuta Cybulska

29 czerwca 2024

5.0

Świetny kompleksowy kurs front-endu

Vin Goldman

20 maja 2024

5.0

Prosto krok po kroku i zaangażowana nauczycielka

Zofia Wróbel

21 lutego 2024

5.0

pozytywna energia i wyczerpujące wyjaśnienia

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.

Joanna Otmianowska

Front-end developer

4.9

(100 ocen)

Programuj Dziewczyno!

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