Stworzony dla uczniów kierunków: technik informatyk, technik programista. Każda lekcja to starannie przygotowana “piguła” użytecznej wiedzy w postaci głównie tekstowej. To razem 70 dość krótkich, lecz treściwych lekcji – same konkrety przydatne do egzaminu! Przygotuj się wszechstronnie, a jednocześnie szybko do egzaminu! Pamiętaj, iż przed zakupem możesz sprawdzić za darmo kilka lekcji z otwartym dostępem – są oznaczone na liście ikonką “otwartego oka”.
Dla osiągnięcia pełni rezultatów skorzystaj ze wszystkich zgromadzonych tutaj materiałów – nie pomijaj żadnej lekcji, nawet jeśli wydaje Ci się po jej tytule, że dany temat raczej już znasz. Używaj także w swoich przygotowaniach dokumentacji technicznej (znajdziesz wiele pomocnych linków w lekcjach tego kursu), trenażera egzamin-informatyk.pl (rozwiąż tam dużo testów oraz przede wszystkim zadań praktycznych z lat poprzednich), jak również możesz obejrzeć długie tutoriale video, przedstawiające krok po kroku fundamenty używania każdej technologii webowej z zakresu INF.03. Powodzenia!
Program kursu
- 7 Rodziałów
- 70 Lekcji
- 100 Dni
Pokaż rozdziałyZwiń rozdziały
- HTMLJęzyk opisowy, w którym przy pomocy znaczników (tagów) określamy co zawiera strona - tekst, hiperłącza, obrazki, pola edycyjne, przyciski, tabele, listy numerowane, pojemniki na zawartość, nagłówki itd. Oprócz zawartości strony, w HTML określamy także istotne parametry witryny – tytuł i opis w rezultatach wyszukiwania Google, język i zestaw znaków właściwy dla danego kraju. Podpinamy także skrypty i arkusze stylów.10
- 1.1Fundamentalne znaczniki w dokumencie HTML
- 1.2Poprawne wypisywanie tekstów
- 1.3Obrazy w HTML
- 1.4Co trzeba wiedzieć o hiperłączach?
- 1.5Nagłówki h1 do h6
- 1.6Tworzenie tabel
- 1.7Listy punktowane i numerowane oraz lista definicji
- 1.8Struktura witryny – dostępne rodzaje bloków, semantyka
- 1.9Układanie bloków – float:left, display:inline-block, display:flex
- 1.10Formularz oraz kontrolki formularza
- CSSKaskadowe arkusze stylów (ang. Cascading Style Sheets). Style na stronie internetowej służą do opisania wyglądu elementów witryny, zdefiniowanych uprzednio w HTML (np. jakie mają kolory, rozmiary, marginesy, a nawet jak są względem siebie rozmieszczone). Kaskada to rodzaj wodospadu mającego budowę schodkową - jest to wyraźna aluzja do hierarchicznego mechanizmu dziedziczenia właściwości w CSS, który trzeba dobrze zrozumieć. Które mechaniki i właściwości CSS warto znać, aby poradzić sobie na egzaminie zawodowym?14
- 2.1Selektory, atrybuty, wartości oraz identyfikatory kontra klasy
- 2.2Jak podpiąć CSS do HTML? Na czym polega kaskadowość stylów
- 2.3Zapisy kolorów w CSS
- 2.4Formatowanie tekstów i czcionek
- 2.5Wyśrodkowanie elementu
- 2.6Margin i padding, modeł pudełkowy
- 2.7Stylizowanie linków
- 2.8Obramowanie (border)
- 2.9Określanie wyglądu tabel
- 2.10Stylizowanie list punktowanych i numerowanych
- 2.11Stylizowanie kontrolek formularzy
- 2.12Pozycja elementu: static, absolute, relative, fixed
- 2.13Jednostki możliwe do użycia w CSS
- 2.14Cheat sheet – lista właściwości CSS
- JavaScriptPełnoprawny, skryptowy język programowania, w którym możemy zastosować pełny repertuar klasycznych konstrukcji językowych (instrukcje warunkowe, pętle, zmienne, tablice, instrukcje wyboru, własne funkcje, klasy itd.). W kontekście egzaminu zawodowego JS używamy najczęściej do obługi zdarzeń, przetwarzania liczb bądź napisów albo do zmiany stylów elementów witryny.14
- 3.1Jak podpiąć skrypt JS do pliku HTML?
- 3.2Tworzenie własnych funkcji, zdarzenia
- 3.3Rodzaje uchwytów elementów DOM
- 3.4Wypisywanie: innerHTML, innerText, outerHTML, outerText
- 3.5Atrybut onclick vs. addEventListener
- 3.6Instrukcje warunkowe w JS
- 3.7Pętle w JS
- 3.8Tablice (kolekcje) w JS
- 3.9Skrypty dokonujące obliczeń, parsowanie liczb
- 3.10Skrypty przetwarzające napisy
- 3.11Zmiana stylów elementów strony w skryptach
- 3.12Obiekty i funkcje wbudowane JS, które warto znać
- 3.13Obsługa ciasteczek w JS
- 3.14Skuteczne wyszukiwanie błędów, devtools
- SQLBazy danych stanowią ważny element wielu witryn internetowych, przechowując niezbędne do jej działania dane (np. konta użytkowników, w tym loginy i hasła albo listy produktów i zamówień w sklepie internetowym). MySQL to tzw. system zarządzania bazą danych DBMS (ang. Database Management System). Natomiast SQL (ang. Structured Query Language) to język, który służy do pisania zapytań do tej bazy (zapytania najczęściej umieszczamy wewnątrz skryptów PHP).10
- 4.1Pliki SQL z bazami danych do pracy w tym kursie
- 4.2Najważniejsze pojęcia bazodanowe
- 4.3Zapytania wyszukujące SELECT
- 4.4Wstawianie rekordów – INSERT
- 4.5Aktualizowanie danych – UPDATE
- 4.6Usuwanie informacji – DELETE, DROP, TRUNCATE
- 4.7Struktura bazy danych – CREATE, ALTER
- 4.8Uprawnienia – GRANT, REVOKE
- 4.9Złączenia w bazie danych – JOIN
- 4.10Grupowanie danych – GROUP BY
- PHPJęzyki back-endowe, takie jak PHP, zajmują się mechaniką działania serwisów internetowych. PHP obsłuży na serwerze np. zachowanie algorytmu logowania, koszyk w sklepie internetowym, rejestrację użytkownika w grze przeglądarkowej. W kontekście egzaminu zawodowego najczęściej użyjemy go do współpracy z bazą danych i do przetwarzania formularzy.15
- 5.1Podstawowy skrypt – zmienne, operatory, wypisywanie
- 5.2Instrukcje warunkowe w PHP
- 5.3Pętle w PHP
- 5.4Tablice w PHP
- 5.5Obsługa formularzy – metody POST i GET
- 5.6Nawiązanie i zamykanie połączenia PHP z bazą danych
- 5.7Obsługa MySQL w PHP – biblioteka mysqli i PDO
- 5.8Fetchowanie danych z użyciem mysqli
- 5.9Formatowanie kodu HTML wypisanego przez PHP
- 5.10Funkcje wbudowane oraz zapis do pliku w PHP
- 5.11Odczytywanie wartości z kontrolek formularzy
- 5.12Data i czas w PHP
- 5.13Ciasteczka w PHP
- 5.14Mechanizm sesji
- 5.15Fetchowanie danych z bazy w PDO
- Multimedia5
- Na zakończenie2
Lekcje: