Szkolenia
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! Shape Created with Sketch.
13 ocen
13 recenzji
7,5 godziny
55 wykładów
15 materiałów szkoleniowych
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
4.9
94%
6%
0%
0%
0%
Recenzje użytkowników (13)
Dariusz Baj
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.
Katarzyna Pier
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
Helena Pająk
Kurs dał mi solidne podstawy do dalszej nauki programowania w innych językach. Bez niego nie byłabym w stanie stworzyć nawet najprostrzych struktur HTML i CSS. Bardzo polecam dla początkujących
Anna Siekiera
Dla mnie świetny początek. Nadal się uczę, ale dzięki temu kursowi wszystko jest jaśniejsze. Jedynym minusem jest to, że projekt strony nie jest responsywny. Dziękuję i pozdrawiam........
Anna Kościelska
Polecam, kurs uważam, że nadaje się nie tylko dla dziewczyn ;) Pani fajnie prowadzi i w sposób zrozumiały. Szybko można nauczyć się tworzenia fajnych stron internetowych. Szczerze polecam każdemu :)
Joanna Bochyńska

Joanna Bochyńska

Front-end developer

4.9
Programuj Dziewczyno!
Informacje o szkoleniu
  • Poziom Podstawowy
  • Nielimitowany dostęp
  • Możliwość pobrania pliku
  • Darmowe aktualizacje
  • Dodatkowe materiały
  • Testy, ćwiczenia
  • Certyfikat ukończenia
  • Dostęp z urządzeń mobilnych
79
+790 punktów premium
Group 51 Created with Sketch.
close Created with Sketch.
Tylko teraz możesz odebrać rabat na pierwsze zamówienie
Dlaczego warto?
Shape Created with Sketch. Będziesz regularnie otrzymywał atrakcyjne rabaty
Shape Created with Sketch. Nie przegapisz żadnej z naszych promocji
Shape Created with Sketch. Będziesz informowany o aktualnych konkursach
Shape Created with Sketch. 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