ZIMOWE RABATY -35%      |     NA WSZYSTKIE KURSY   |     Użyj kodu: ZIMA35      |     Oferta ważna tylko do poniedziałku
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.
8 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

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

  • dodawania interaktywnych elementów

  • kodowania wysuwanego menu z użyciem JavaScript

  • korzystania z edytora i innych przydatnych narzędzi

  • motywowania się do dalszej pracy

Podstawy HTML i CSS

Atrakcyjna strona z użyciem szablonu

JavaScript, czyli czas na programowanie

Praca z przeglądarką i edytorem

A co z motywacją?

Materiały dodatkowe

ZOBACZ WIĘCEJ
Program nauczania
1 Wstęp
Wstęp (kamera) 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
90%
10%
0%
0%
0%
Recenzje użytkowników (8)
Patrycja Zemła
Świetne wprowadzenie do programowania stron internetowych! Polecam zrobić ten kurs nawet hobbystycznie. Głos, zaangażowanie i autentyczna pasja prowadzącej bardzo pomagały w… Czytaj więcej
Grzegorz BIskup
Świetny kurs, dziewczyna bardzo się przykłada, aby jasno, rzetelnie i w klarowny sposób przekazać cały materiał, który obejmuje kurs! - za ten materiał przydzielam pełne 5… Czytaj więcej
Agnieszka Szyndzielorz
black-user-shape Created with Sketch. PROFIL PUBLICZNY
Bardzo serdecznie polecam ten kurs! Wiedza podana w sposób mega przystępny. Nigdy nie miałam większej styczności z html, css, a już w ogóle z js, a ten kurs bardzo mnie zaciekawił… Czytaj więcej
Dawid Polok
Trochę milący tytuł ponieważ pomimo to, że prowadzi go programistka, uważam, że kurs przyda się każdemu początkującemu webdeveloperowi, bez względu na płeć :) Bardzo polecam, kurs… Czytaj więcej
Krzysztof Obrębski
Bardzo dobry kurs (nie tylko dla dziewczyn :) ale i dla chłopców też). Przedstawione są w nim wszystkie najważniejsze zagadnienia dot. budowy stron internetowych,. Razem z autorką… Czytaj więcej
Joanna Bochyńska
Joanna Bochyńska
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