Programuj Dziewczyno!

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

Z tym kursem otrzymasz certyfikat!

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

Jak korzystać z kursu?

Pobierz z AppStore Pobierz z Google Play

Spis treści

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

Recenzje (0)

Średnia ocena 0 5
79

Szkolenie zawiera

  • Nielimitowany dostęp
  • Oglądasz kursy gdzie chcesz i kiedy chcesz.
  • Możliwość pobrania pliku
  • Możesz pobrać pliki z kursem i zachować kopie.
  • Darmowe aktualizacje
  • Szkolenie będzie na bieżąco aktualizowane, a Ty będziesz miał dostęp do wszystkich nowych lekcji.
  • Dodatkowe materiały
  • Wraz ze szkoleniem otrzymasz wszystkie pliki użyte w kursie.
  • Testy, ćwiczenia
  • Szkolenie zawiera również testy i ćwiczenia, które pomogą ci utrwalić wiedzę.
  • Certyfikat ukończenia
  • Na koniec otrzymasz certyfikat potwierdzający ukończenie szkolenia.
  • Dostęp z urządzeń mobilnych
  • Masz dostęp do szkolenia również z urządzeń mobilnych i możesz uczyć się w dowolnym miejscu.

Informacje o kursie

  • Poziom Podstawowy
  • Poziom Podstawowy
  • Czas trwania 7,5 godziny

Autor

Joanna Bochyńska

Joanna Bochyńska

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.

Szybka pomoc

FAQ (Najczęściej Zadawane Pytania)

888 223 111