CSS Flexbox & Grid - responsywne layouty od podstaw        |         -20% z kodem: FLEXBOX       |         Rabat ważny do poniedziałku  
Szkolenia
strefakursów.pl Programowanie
DARMOWE FRAGMENTY

Programuj Dziewczyno!

Kurs zapozna Cię z podstawami technologii front-endowych i pokaże jak od zera zakodować stronę internetową
79
+790 punktów premium
Zacznij naukę teraz, zapłać w ciągu 21 dni!
18 recenzji
7,5 godziny
55 wykładów
15 materiałów szkoleniowych
Twisto
Płatności twisto

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

Podstawy HTML i CSS

Strona z użyciem szablonu

JavaScript, czyli czas na programowanie

Przeglądarka i edytor

A co z motywacją?

Materiały dodatkowe

ZOBACZ WIĘCEJ
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
5 4.8 18
4.8
86%
14%
0%
0%
0%
Recenzje użytkowników (18)
5
Jestem zachwycona! Do tej pory uczyłam się programowania 'na sucho', bardziej skupiając się na teorii oraz korzystałam z innego kursu online, do którego musiałam się zmuszać, przez co nigdy go nie skończyłam. W tym przypadku nauka to czysta przyjemność -… Czytaj więcej
5
Na kurs natknęłam się przez przypadek i nie żałuję. Wcześniej nie miałam nic wspólnego z HTML czy CSS, ale wszystko jest dokładnie wytłumaczone w zrozumiały sposób. Jest to doskonały wstęp dla osób które chcą zostać frontend developerem. Po zakończeniu kursu można… Czytaj więcej
5
Polecam ten kurs każdemu, kto chciałby zacząć naukę tworzenia stron i ogólnie frontendu. Bardzo przystępnie i prosto tłumaczone. Mam nadzieję, że autorka kursu zadecyduję się go kiedyś rozwinąć o bardziej skomplikowane zagadnienia z JS.
5
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.
5
Bardzo dobrze przygotowane, zacheca do dzialania i kodowania, przejzyste i zrozumiale. Polecam wszystkim ktorzy dopiero zaczynaja przygode z html, css i js. Dziekuje i pozdrawiam.Katarzyna
Joanna Bochyńska

Joanna Bochyńska

Front-end developer

4.8
Programuj Dziewczyno!
Kurs zapozna Cię z podstawami technologii front-endowych i pokaże jak od zera zakodować stronę internetową
Informacje o szkoleniu
  • Poziom Podstawowy
  • Nielimitowany dostęp
  • Możliwość pobrania pliku
  • Dodatkowe materiały
  • Testy, ćwiczenia
  • Certyfikat ukończenia
  • Dostęp z urządzeń mobilnych
79
+790 punktów premium
Tylko teraz możesz odebrać rabat na pierwsze zamówienie
Dlaczego warto?
Będziesz regularnie otrzymywał atrakcyjne rabaty
Nie przegapisz żadnej z naszych promocji
Będziesz informowany o aktualnych konkursach
Nie wysyłamy spamu
Nie, dziękuję, kupię bez zniżki
strefakursów.pl korzysta z plików cookie, aby dostosować usługi do Twoich preferencji. Niektóre pliki cookie są zaś niezbędne do prawidłowego działania witryny. Dzięki nim możemy wyświetlać Ci spersonalizowane oferty i informacje o promocjach, zarówno w witrynach strefakursów.pl, jak i na innych stronach. Oczywiście to Ty decydujesz. Możesz w każdej chwili określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.
AKCEPTUJĘ PLIKI COOKIE