<mahlik/> kursy

Technik programista · INF.03 i INF.04

Kursy do egzaminu zawodowego, krok po kroku

Lekcje od podstaw, a potem zadania z prawdziwych arkuszy. Wybierz kurs i zacznij od pierwszej lekcji — nic nie trzeba instalować.

// arkusz 2025 · styczeń · 01 const cena = document.querySelector("#cena"); przycisk.addEventListener("click", () => { wynik.textContent = cena.value * 1.23; });
INF.03JavaScript

JavaScript na INF.03

Od pierwszego programu w konsoli do skryptów, których wymaga egzamin.

  • Podstawy języka i praca z DOM
  • 51 arkuszy egzaminacyjnych
  • Ściąga ze wzorami kodu
Otwórz kurs →kurs
<!-- baner i lista z arkusza --> <header><h1>Portal dla wędkarzy</h1></header> <ol type="A"><li>Szczupak</li></ol> <img src="ryba.jpg" alt="Sum">
INF.03HTML

HTML od podstaw

Znaczniki, z których buduje się stronę z części „Witryna internetowa” arkuszy.

  • Tekst, listy, odnośniki, obrazy i tabele
  • Formularze i znaczniki semantyczne
  • 20 ćwiczeń i projekt witryny w 7 zadaniach
Otwórz kurs →kurs
/* styl nagłówka i tabeli */ h1 { color: Navy; text-align: center; } th, td { border: 1px solid #999; } tr:hover { background-color: LightYellow; }
INF.03CSS

CSS od podstaw

Selektory, kolory, tekst i model pudełkowy — wszystko z części „Styl CSS” arkuszy.

  • Selektory, kaskada i dziedziczenie
  • Tekst, ramki, tło, listy, tabele, formularze
  • Pseudoklasy, przejścia i @media
Otwórz kurs →kurs
/* trzy bloki obok siebie */ main { display: flex; } aside { width: 25%; } section { width: 75%; } footer { clear: both; }
INF.03HTML i CSS

Układ strony: float i flex

Jak ustawić bloki strony obok siebie, tak jak na schemacie w arkuszu.

  • Znaczniki układu strony
  • Float i flex na tych samych przykładach
  • Zadania z rozwiązaniami
Otwórz kurs →kurs
// skrypt 1: ranking z bazy $wynik = mysqli_query($polaczenie, "SELECT nazwa, punkty FROM gry"); while ($wiersz = mysqli_fetch_array($wynik)) { echo "<li>{$wiersz['nazwa']}</li>"; }
INF.03PHPSQL

PHP i SQL na INF.03

Od pierwszego echo do skryptów łączących stronę z bazą danych.

  • PHP od zera i zapytania SQL
  • 101 arkuszy z bazami i zapytaniami
  • PHP działa w przeglądarce, bez XAMPP
Otwórz kurs →kurs
# przeglądarka egzaminów 2026 styczeń 12 arkuszy 2025 czerwiec 12 arkuszy 2025 styczeń 12 arkuszy 2024 czerwiec 12 arkuszy
INF.03Arkusze

Przeglądarka egzaminów INF.03

Podgląd gotowych stron z arkuszy 2022–2026, z plikami do pobrania i uwagami.

  • Działające rozwiązania do obejrzenia
  • Paczki z plikami do pobrania
  • Uwagi do wybranych arkuszy
Przejdź do strony ↗mahlik.ucz.edu.pl
# część I: aplikacja konsolowa def sortuj(tablica): for i in range(len(tablica) - 1): for j in range(len(tablica) - 1 - i): if tablica[j] > tablica[j + 1]:
INF.04PythonReactKotlinC#

Egzamin praktyczny INF.04

Aplikacja konsolowa, webowa, mobilna i desktopowa — wszystkie części egzaminu.

  • Python: podstawy, dokumentacja, testy
  • React, Android (Kotlin), WPF (C#)
  • Zadania z arkuszy 2021–2026
Otwórz kurs →kurs
<!-- trzy karty w rzędzie od tabletu --> <div class="row row-cols-1 row-cols-md-3 g-4"> <div class="col"> <div class="card h-100">…</div>
INF.03INF.04Bootstrap

Bootstrap od podstaw

Strona z gotowych klas: siatka, odstępy, kolory i komponenty bez pisania CSS.

  • Siatka responsywna i punkty przerwania
  • Navbar, karty, formularze, tabele, okna
  • Ćwiczenia sprawdzane przy kilku szerokościach
Otwórz kurs →kurs
$ git add . $ git commit -m "Pierwsza wersja" $ git push origin main main -> main
NarzędziaGit

Git od zera

Historia wersji, gałęzie i GitHub — z poleceniami na Windowsa i na Maca.

  • Instalacja i pierwsze repozytorium
  • Gałęzie i konflikty
  • Ten sam projekt na kilku komputerach
Otwórz kurs →kurs