Quest: CSS Grid
Pobaw się poniższym kodem. Zwróć uwagę na zachowanie przy zmianie szerokości okna przeglądarki. <!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal ...
Quest: System operacyjny
Jakie zadania wykonuje system operacyjny? System operacyjny jest pośrednikiem między użytkownikiem, programami a sprzętem komputera. Jego najważniejsze zadania to: Zarządzanie sprzętem komunikuje programy ze sprzętem, np. procesorem, pamięci ...
Quest: UEFI czy BIOS?
Podstawowe pojęcia i definicje UEFI (Unified Extensible Firmware Interface): Nowoczesny standard oprogramowania układowego płyty głównej komputera, który zastąpił tradycyjny BIOS. Odpowiada za wstępną inicjalizację sprzętu i bezpieczne uruchomie ...
Quest: Mobile app, desktop app – wybór platformy
IDEJęzyk + biblioteka / frameworkGdzie piszemyPlatformy doceloweRozwój, popularność, wsparcie CKEUwagiVisual StudioC# + WinFormsGłównie WindowsWindowsLegacy(do 2026 CKE)Tworzenie interfejsów w podejściu przeciągnij i upuść. Dobra do utrzymania stars ...
Quest: Cowork online
Spośród narzędzi do współpracy online wybierzcie dwa i przetestujcie. Waszym celem jest zespołowe przetestowanie i ocena jakości narzędzia do pracy grupowej nad dokumentacją techniczną, a następnie stworzenie w nim instrukcji obsługi programu Clonez ...
Quest: Lokalnie czy w chmurze?
Wstęp Systemy IT mogą być budowane i utrzymywane na różne sposoby — można mieć własne serwery albo korzystać z usług dostępnych przez Internet. W zależności od potrzeb można kupić gotową aplikację, wynająć miejsce i zasoby do uruchomienia własne ...
Quest: Włączanie
Uruchamianie sprzętu komputerowego przebiega wg następującego shematu:Hardware → Firmware → Bootloader → Kernel → Sterowniki → Usługi OS → UI → Aplikacje Etap / wspólny opisPC / laptop — Windows / LinuxMacBook — macOSTelefon — Android1. Zasilanie ...
Quest: HTML i CSS beginner
Oto kilka przydatnych kodzików i kilka przydatnych linków. Pierwsze zadanie jest następujące: zrób stronę internetową, której kod rozumiesz w 100%. Zadanie drugie: opublikuj swoją stronę. Prosty kodzik #1 <!DOCTYPE html> <html> <hea ...
Quest: 5 publicznych notatek
Wariant 1 (easy) Z wykorzystaniem HTML, PHP i MySQL należy stworzyć aplikację webową, która każdemu użytkownikowi (bez autoryzacji) pozwoli przeglądać i edytować 5 notatek tekstowych. Wszystkie notatki mają wyświetlać się równocześnie w osobnych ...
Quest: System ≠ zbiór elementów
System to nie tylko zbiór urządzeń czy programów. To uporządkowany zbiór elementów, ich relacji i zasad działania, zaprojektowany lub ukształtowany tak, aby wspólnie realizować określony cel. SYSTEM = CEL + ELEMENTY + RELACJE + REGUŁY Różne ro ...
Mój zestaw zasad obowiązujących na zajęciach (v2.9)
Zasady dotyczące celu przychodzenia na zajęcia: Do szkoły przychodzimy, żeby się uczyć. Wyposażenie pracowni przeznaczone jest wyłącznie do nauki. Wykorzystanie sprzętu podczas lekcji do celów innych niż nauka jest zabronione i powoduje pozbawie ...
IPv6 vs IPv4
Wstęp IP wersja 6IPv6 to następca protokołu IPv4, zaprojektowany głównie po to, aby rozwiązać problem wyczerpywania się adresów IP.Rozmiar adresówW IPv4 używa się adresów 32-bitowych, a w IPv6 adresy mają 128 bitów, co daje praktycznie niewyczerp ...
Quest: Aplikacja z synchronizacją
Zadanie polega na przygotowaniu aplikacji webowej. Funkcjonalność aplikacji ma zostać zaprojektowana samodzielnie, najlepiej tak by realizowała własne potrzeby twórcy aplikacji. Może to być na przykład: Aplikacja „Zakupy rodzinne” TaskFlow — ...
miniQuest: MySQL + PHP – podstawy
Uruchom, zrozum, ulepsz... connection.php <?php $host = "localhost"; $user = "root"; $password = ""; $database = "testdb"; $conn = new mysqli($host, $user, $password, $database); if ($conn->connect_error) { die("Błąd połączenia: " . $ ...
Quest: Git i GitHub
Git to system kontroli wersji, który umożliwia śledzenie zmian w kodzie, ułatwiając współpracę w zespołach programistycznych oraz zarządzanie różnymi wersjami projektu. Działa lokalnie na komputerze i pozwala między innymi na łatwe odzyskiwanie wcze ...
Sieciowe TLSy
Podstawowe pojęcia sieciowe z obrzydliwie krótkimi wyjaśnieniami nie nadają się do nauki. Nie wolno ich dodawać na fiszki, nie wolno się ich uczyć pamięciowo. Wolno je tylko rozumieć. IP – adres urządzenia sieciowego Maska podsieci – określa ...
Quest: Zasady projektowania baz danych
1. Zasada pojedynczej odpowiedzialności encji Każda tabela powinna reprezentować jeden, jasno zdefiniowany byt (encję) w modelu danych.(Jedna tabela = jeden typ rzeczy, np. klienci osobno, produkty osobno) 2. Zasada eliminacji redundancji dany ...
Quest: WordPress + Elementor
Utwórz stronę startową dla fikcyjnej szkoły akrobatyki „YOU CAN”: wykorzystanie gotowego szablonu w Elementorze dopuszczalne odwzorowanie istniejącej strony (układ 1:1) zmiana treści i grafik na własne strona musi być: w pełni klikalna ...
Quest: Logika a CSS
Jak zasady logiki formalnej pojawiają się w CSS – każdy selektor to tak naprawdę mała „formuła logiczna”, określająca, które elementy spełniają dane warunki. Przeanalizuj poniższy kod, a następnie sprawdź czy rozumiesz, wykonując polecenie podane na ...
Quest: Logika, entropia, modele i abstrakcja
Cel projektu Zrozumienie czterech podstawowych pojęć z teorii informatyki.Celem nie jest referat teoretyczny.Celem jest pokazanie, że te pojęcia realnie wpływają na rozumienie, ocenę i projektowanie systemów i ich funkcji. Etap I – praca indyw ...
Projekt: Mapa Dorobku Ludzkości
1. Cel projektu Celem projektu jest stworzenie aplikacji w React (JSX), prezentującej interaktywne infografiki ukazujące rozwój kultury, literatury i technologii jako złożony, wielowymiarowy proces. Efektem końcowym będzie wspólna aplikacja ro ...
quasiQuest: useContext
Porozmawiaj z LLM na temat hooka useContext i przetestuj przykłady. Zacznij od prompta: Stwórz przykładową aplikację w React używającą Vite. Chodzi o pokazanie, kiedy warto użyć hooka useContext zamiast przekazywania propsów. Wymagania: 1. Pok ...
Quest: Częsty błąd z useState
Licznik z błędem Przeanalizuj poniższy przykład, a następnie go uruchom. Czy działa zgodnie z oczekiwaniem? import React, { useState } from "react"; function App() { const [count, setCount] = useState(0); const handleIncrement = ...
Quest: Bootstrap z CSSem w parze
Przykład poniżej pokazuje, że wygląd Bootstrapa 5 można zmieniać (bez SCSS), korzystając z kaskady CSS oraz zmiennych CSS wbudowanych w framework. Nadpisanie zmiennych globalnych (:root) zmienia cały motyw aplikacji, natomiast nadpisanie zmiennyc ...
Quest: Wyszukiwanie i filtrowanie w MySQL
CREATE TABLE produkty ( id INT AUTO_INCREMENT PRIMARY KEY, nazwa VARCHAR(100) NOT NULL, waga DECIMAL(6,2), rozmiar INT, data DATE, kolor VARCHAR(30) ); INSERT INTO produkty (nazwa, waga, rozmiar, data, kolor) ...
Quest: Obiekt, map i useState
Utwórz projekt za pomocą Vite z kodem: App.jsx import { WIDOCZKI } from './assets/data'; import { Box } from './components/Box'; import './App.css'; function App() { return ( <> <div className="grid"> { WIDOCZKI.map( ...
Quest: useState w React
W React komponenty muszą reagować na zmiany danych i aktualizować interfejs użytkownika. Zwykłe zmienne nie powodują ponownego renderowania komponentu po zmianie wartości, dlatego nie nadają się do przechowywania stanu. Hook useState rozwiązuje ten ...
Quest: Grid vs Flex w Bootstrapie
Porównajmy dwa warianty kodu: Grid <!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <title>Bootstrap layout – Grid</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link ...
Quest: CSS vs Bootstrap
Osobiście nie lubię dopracowywać wyglądu stron i aplikacji. Jeśli masz podobnie - może Ci się spodobać Bootstrap. Przeanalizuj kod poniżej Możesz też przeanalizować kodziki z questa Bootstrap - start Dopytaj AI czym jest Bootstrap, ale ko ...
Quest: Rect-owy komponent
Postaw projekt za pomocą Vite. Usuń zbędny kod i wklej mój. Na początku przydadzą się polecenia: Stawianie projektu >>> npm create vite@latest Uruchamianie projektu >>> npm run dev Stawianie projektu >>> npm create vite@latest Uruchamian ...
INF.03.drill.10 – MySQL + PHP
Dokończ zadanie INF.03-03-24.06-SGWszystkie pliki i częściowe rozwiązanie jest tuUtrudnienie: w skrypcie połączenia z bazą użyłem obiektowej składni - innej niż w podpowiedziach do zadania dostępnej w arkuszu. Nie musisz jej używać. <!DOCTYPE ...
Quest: AI ready?
Technologie cyfrowe kształtują dziś sposób, w jaki uczymy się, komunikujemy i poszukujemy informacji. Potrzebujemy narzędzi, które pozwolą nam w pełni wykorzystać ich potencjał oraz ułatwią nam aktualizację naszej wiedzy. Problem Jak zdobywa ...
Quest: MySQL – typy zapytań
Prompt: Jakie typu zapytań mysql wyróżniamy. Pokaż to zwięźle na przykładach w oparciu o jedną tabelę dwukolumnową. Przykładowa tabela users (id INT, name VARCHAR(100))users (id INT, name VARCHAR(100)) 1) SELECT – pobieranie danych SELEC ...
Quest: The Event
Temat projektu: Strona promująca kilkudniowe wydarzenie Celem projektu jest stworzenie responsywnej strony internetowej w WordPressie, promującej kilkudniowe wydarzenie (np. konferencję, obóz, wyprawę lub szkolenie). Strona powinna prezentować pe ...
Quest: Node.js – start
Node.js to środowisko uruchomieniowe JavaScript stworzone po to, aby można było wykonywać kod JS poza przeglądarką — najczęściej na serwerze. Najważniejsze cechy Node.js: Oparte na silniku JavaScript V8, który napędza Google Chrome. Asynchron ...
INF.03.drill.9 – MySQL + troszkę PHP
Wykonaj kwerendy z zadania INF.03-11-25.01-SG. Napraw popsute fragmenty kodu MySQL i skrypt PHP (nie zaznaczyłem co zepsułem). Potrzebne pliki są tu. To zadanie ma bardzo standardowy skrypt wyświetlający dane z bazy, ale jeden element jest niesta ...
INF.03.drill.8 – MySQL + nieco PHP
Wykonaj kwerendy i grafiki z zadania INF.03-12-25.01-SG. Napraw popsute przez Piotrusia fragmenty kodu MySQL i skrypt PHP. Wszystkie popsute miejsca oznaczyłem. Potrzebne pliki są tu. Wykonaj potrzebne zrzuty ekranu. <!DOCTYPE html> <html l ...
INF.03.drill.7 – MySQL
Wykonaj kwerendy i grafiki z zadania INF.03-10-25.01-SG i uzupełnij wykropkowane fragmenty w skrypcie PHP. Potrzebne pliki są tu. Wykonaj potrzebne zrzuty ekranu. <!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> ...
Quest: NTFS
System plików ewoluuje od wielu lat. Dziś obsługuje on między innymi: Uprawnienia (ACL) – precyzyjna kontrola dostępu do plików i folderów (kto i w jaki sposób). Szyfrowanie (EFS) – wbudowane szyfrowanie na poziomie systemu plików. Kompres ...
INF.03.drill.6 – JS
Proponuję wykonanie samego skryptu do zadania z 2024. Gotowy kod HTML i CSS jest poniżej.Treść zadania: INF.03-08-24.06-SG Przydatna linijka do skryptu (2 warianty) document.getElementById("bla_bla").style.display = "none"; document.getElement ...
Quest: HTML + CSS bez JS
CSS się zmienia, ewoluuje. To co kiedyś wymagało JS dziś już często go nie potrzebuje. Demo 1 - basic <!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca ...
Quest: CzatoNotatnik lekcyjny PHP API + JS + Bootstrap
Cel projektu Stworzyć w zespole prostą aplikację webową umożliwiającą: wspólny czat dla wszystkich uczestników lekcji, prywatną notatkę dla każdego ucznia, tablicę tekstową edytowaną tylko przez belfra. Aplikacja działa w przeglądar ...
INF.03.drill.5 – HTML + JS
Poniżej pokazuję najbardziej typowe fragmenty skryptów JS z zadań wraz z odpowiadającymi im kodami HTML i ich wyglądem. Kody napisane są tak, by były jak najbardziej powtarzalne i łatwe do zapamiętania. Zestawienie ma pomóc w porównaniu i usystematy ...
INF.03.drill.4 – JS
Rozważmy zadanie INF.03-02-25.01-SG a konkretniej skrypt JS z tego zadania. Rozważmy też zadanie INF.03-01-25.01-SG a konkretniej skrypt JS z tego zadania (nieco trudniejszy). Oba te skrypty wykonują proste obliczenia, a główna trudność polega na ...
Maleńka baza na start
Zrozum, zaimportuj przez phpMyAdmin i poeksperymentuj (zadania są na końcu): SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; START TRANSACTION; SET time_zone = "+00:00"; -- -- Baza danych: `salon` -- -- ------------------------------------------------- ...
INF.03.drill.3 – JS: input type radio vs checkbox
W formularzach HTML można dodać dwa podobne, ale działające inaczej pola: input type="checkbox" (kwadraciki - mogę zaznaczyć wiele) input type="radio" (kółeczka - mogę zaznaczyć jedno) Dodaje się je podobnie, ale... <input type="r ...
INF.03.drill.2 – Html + Css
Cel zadania: Jak najszybsze utworzenie HTML i CSS bez kopiowania kodu z AI.Zadanie: Fragment zadania inf.03-2025-01-06-SG (str. 3 i 4)Potrzebne pliki z zadania: zip (dane + gotowa animacja) Przygotuj HTML i CSS strony. Jeśli wystarczy Ci czasu - ...
INF.03.drill.1 – VS Code + html + css
Cel zadania: Jak najszybsze utworzenie HTML i CSS bez kopiowania kodu z AI.Metoda: Użycie trików (Emmet: rozszerzenie wbudowane w VS Code)Zadanie: Fragment zadania INF.03-08-24.01-SG (str. 3 i 4)Potrzebne pliki z zadania: obraz1.jpg, obraz2.jpg P ...
Quest: Bootstrap – start
Przetestuj i przeanalizuj te dwa kody: Akordeon: <!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Akordeon Bootstrap</title> ...
Quest: API w PHP testowane z JS
W bazie danych istnieje tabela notes. Jej pola to id, notename oraz notetext. Utwórz skrypt api.php obsługujący operacje CRUD do bazy danych zgodnie z REST API. W PHP operacje bazodanowe zrealizuj za pomocą PDO. Użyj metod GET, POST, PUT, PATCH, DE ...
Po co notować?
Zalety samodzielnego notowania Aktywne przetwarzanie wiedzy – notując, nie tylko „kopiujesz”, ale musisz zrozumieć i przeformułować treść własnymi słowami. Lepsze zapamiętywanie – ręczne pisanie angażuje pamięć ruchową i wzrokową, co ułatwia ...
Samorozwój – konieczność, czy przeżytek
Samorozwój to inaczej praca nad sobą. Jest to proces, w którym ktoś dąży do poprawy swoich umiejętności, wiedzy i zdolności. Przy braku rozwoju ludzie ulegają swoim słabościom i ławo popadają w liczne uzależnienia. Pożądane sprawności ...
Matematyka – po co?
Oto kilka sprawności intelektualnych, które można mieć. Można też ich nie mieć. Matematyka je rozwija: Analiza – rozkładanie problemu na części Synteza – łączenie elementów zagadnienia w całość (np. z kilku danych tworzymy model czy wykres) ...
Higiena cyfrowa
Co to jest? To zbiór nawyków i działań, które mają sprawić, że korzystanie z urządzeń elektronicznych i internetu będzie bezpieczne dla naszego zdrowia fizycznego, psychiki i relacji. Obejmuje zarówno kwestie techniczne (np. jaki ekran, jak długo ...
Quest: Archiwizacja danych osobistych – notatnik
Problem Bezgraniczne zaufanie chmurze danych jest błędem tak samo jak nieużywanie jej zupełnie. Gdzie jest rozsądny punkt równowagi pomiędzy wygodą a bezpieczeństwem? Zadanie Porównaj dwa notatniki na urządzenia mobilne. Do porównania możes ...
Quest: Czego nie potrafi menedżer partycji Windows
Cel Zrozumieć pojęcie partycji i opanować obsługę menedżerów partycji. Dobrze sformatować plik z porównaniem. Zadanie Przygotuj porównanie dwóch menedżerów partycji. Porównanie ma być krótkie i treściwe. Należy je wykonać w formie pliku o e ...
Vibe coding – filmik
AI - Co robić i jak żyć? Gdzie są granice używania AI do kodowania? A może wcale ich nie ma? https://youtu.be/TaZDH4DxSl8 Moja sugestia na etapie nauki kodowania: Zastąp vibekodowanie "programowaniem w parze z AI". Nie rezygnuj z etap ...
Zadanie z INF.04-02-22.06-SG
Część II. Aplikacja Web Wykonaj aplikację internetową typu front-end obsługującą zapisy na kursy z zastosowaniem dostępnego na stanowisku egzaminacyjnym frameworka Angular lub biblioteki React. Zastosuj bibliotekę Bootstrap do zdefiniowania stylu ...
Kreski i kropki
Ucz się tworząc połączenia między informacjami, a nie zdobywając nowe informacje niepowiązane z dotychczasową wiedzą. To nie tylko zwiększa skuteczność zapamiętywania, ale jest warunkiem użyteczności wiedzy! Ucz się jak mędrzec, który poszerz ...
Quest: Strona z bazą JSON (ładowaną w JS)
A gdyby tak utworzyć plik z bazą danych...? Poniższy projekcik to strona której treść jest pobierana z pliku JSON za pomocą skryptu JS. Uruchom projekt i popraw: W pliku JSON są podane adresy grafik, jednak grafiki nie istnieją. Przygotuj je ...
Quest: Szyfry w JS
Szyfry podstawieniowe są łatwe do zrozumienia (i łatwe do złamania). Przetestuj te szyrowania i zrozum ich algorytmy. Zaszyfruj na kartce zdanie "To be or not to be" w ROT13, GADERYPOLUKI. Szyfrowanie #1 Szyfr Cezara to szyfr podstawieniowy. K ...
Quest: Generator haseł JS
Cel: Ulepszenie narzędzia tworzącego mocne, ale łatwe do zapamiętania hasła. Dodatkowo generator ma uczyć, jak takie hasła tworzyć. Zadanie: Rozwiń mój generator. Uwzględnij wiedzę o dobrych hasłach. Zadbaj by rozumieć kod. <!DOCTYPE html&g ...
Quest: WordPress + JS
Przetestuj działanie skryptu, a następnie uruchom go w Wodrpresie. Kod HTML wyklikaj w edytorze Wordpressa Kod CSS dodaj do kodu szablonu strony lub za pomocą wtyczki (np. Simple Custom CSS and JS) Kod JS dodaj za pomocą wtyczki (np. Code ...
(Samo)regulacja nastroju
Wszyscy dążymy do dobrego samopoczucia. Ewolucyjnie dążenie to umożliwia nam przetrwanie w zmieniającym się otoczeniu. Nasz mechanizm nagrody daje się jednak oszukać. Wtedy coraz bardziej uzależniamy się od zewnętrznych regulatorów nastroju. Zdolnoś ...
JS by PK – lista tematów
JavaScript prawie od podstaw Jako przykłady często będę wykorzystywał przykłady z książki Jona Ducketa "JavaScript i jQuery". Plik zip z przykładami można pobrać tutaj Coś prostego na start.Prostego - nie banalnego!materiały: c02/ ...
Quest: WordPress – wtyczki
Rozbuduj funkcjonalność Swojej strony. Dodaj: Podstronę na hasło Podstronę wymagającą zalogowania System gromadzenia statystyk Informację o ciasteczkach zgodną z prawem Działający formularz kontaktowy Efektowną podstronę zrobioną ...
Quest: Aplikacja bazodanowa cz.1
Opis aplikacji Aplikacja ma być bazą informacji o sprzęcie IT używanym w firmie. Gromadzone informacje mają obejmować: Szczegółowe informacje o parametrach sprzętu Informacje o lokalizacji sprzętu w budynku Podstawowe informacje o użytk ...
Quest: Node.js API z prostym frontendem React
Wstęp Zadanie polega na zbudowaniu, uruchomieniu i przetestowaniu prostego CRUD API oraz uruchomieniu frontendu testowego w React. Załóżmy że chcemy przechowywać w bazie danych informacje o produktach (nazwa, opis, cena). Użyjemy Node.js + Expres ...
Quest: Podstawy WordPressa
Zainstaluj Wordpressa Instalacja ręczna - to czasem jedyna opcja. Użyj wtedy jednego z wielu poradników wideo z YT. Instalacja automatyczna - najczęściej hostingi posiadają zautomatyzowany instalator popularnych skryptów takich jak Wordpress. B ...
Quest: Zawsze tylko dobre strony
Cechy dobrej strony by PK Użyteczna - tworzona w określonym celu - wtedy jest motywacja Responsywna - witryna dopasuje się do wielkości używanego urządzenia Prosta - bez zbędnych efektów Przejrzysta nawigacja Atrakcyjna wizualnie ...
Quest: Diagnostyka Windows i Linux do INF.02
Poniżej wybrałem kilka fragmentów zadań obejmujących diagnostykę. pełne arkusze z zadaniami oraz klucz oceny można pobrać tutaj. INF.02-01-24.06-SG Przeprowadź na stacji roboczej diagnostykę komputera za pomocą dostępnych w systemie operacyjn ...
Quest: API w Node.js
Wersja początkowa - łatwa Zadanie polega na zbudowaniu, uruchomieniu i przetestowaniu prostego CRUD API. Załóżmy że chcemy przechowywać w bazie danych informacje o produktach (nazwa, opis, cena). Spośród dostępnych narzędzi proponuję wybrać: ...
Quest: Projektowanie UX – tekst
Tekst Czytelność: Wybieraj czcionki, które są łatwe do odczytania na ekranie, np. bezszeryfowe dla tekstów głównych. Szeryfowe są dobre dla dłuższych treści w PDF-ach lub książkach cyfrowych. Rozmiar czcionki: odpowiedni dla platformy i zasto ...
Quest: Projektowanie UX – menu
Tworzenie intuicyjnego menu i łatwej w obsłudze nawigacji na stronie internetowej to kluczowy element dobrego projektowania UX (User Experience). Oto zasady, które warto stosować: Czytelność: Używaj prostych i zrozumiałych etykiet, np. „O nas”, ...
Quest: Selektory CSS
Przeanalizuj i zrozum kod: <!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <title>Selektory CSS</title> <style> * {color: grey;} div { font-f ...
Quest: Kalendarz
W PHP jest wiele funkcji wspomagających pracę z datami i czasem. Przejrzyj ich listę. Pobaw się nimi: Wyświetl aktualną datę i czas Wyświetl aktualną datę i czas w niedomyślnym formacie Wypisz nazwę jutrzejszego dnia tygodnia Wypisz naz ...
Quest: Krótki CSS
Te elementy formatowania w CSS są podstawowe. Najpierw upewnij się, że rozumiesz kod. Jest tu kilka nieoczywistych elementów: Niektóre style mają 2 lub 4 wartości. Co oznaczają poszczególne liczby? W kodzie są znaki . # > Co oznaczają? ...
Quest: Wyświetlanie komentarzy
Do strony z galerią dodaj wyświetlanie komentarzy (bez możliwości dodawania): piotrek.kesug.com github.com/piotr-kor/strona-i-galeria Etap 1 Zaplanuj i utwórz tablicę, która będzie przechowywać komentarze do zdjęć. Każdy komentarz musi ...
Quest: Katalog rozwiązań IT
Problem Niektóre problemy ze sprzętem komputerowym są typowe i ich rozwiązania warto zapamiętać. W internecie takie problemy są omawiane wiele razy - nie zawsze dobrze. Ten quest jest zachętą by w formie strony internetowej utworzyć katalog dobrz ...
Quest: React – początek
Problem Chcemy tworzyć aplikacje webowe z bogatym frontendem łatwiej niż w surowym JS. Jedną z opcji jest React. React wymaga użycie Node.js. Nowy projekt warto postawić przy pomocy Vite. Instalacja środowiska i tworzenie projektu: Zainsta ...
Quest: Responsywna tabela
Ta prosta tabela nie jest responsywna. Możesz to sprawdzić zmniejszając okno przeglądarki. Lorem ipsum 1Lorem ipsum 2Lorem ipsum 3Lorem ipsum 4Lorem ipsum 5Lorem ipsum 6Lorem ipsum 789101112131415151718192021 ale jeśli przetestujesz poniższy k ...
Quest: Galeria w PHP
Utwórz lub wygeneruj skrypt wyświetlający obrazy z tablicy w formie galerii. Prosta wersja galerii ma wyświetlać miniatury (3 w wierszu) wraz z opisem i kategorią, a po kliknięciu w miniaturę ma wyświetlać powiększony obraz wraz z opisem i kategorią ...
Potrafisz się uczyć?
A jeśli potrafisz, to czy uczysz się na zawsze, czy na tydzień? Moim zdaniem (i nie tylko moim) warto uczyć się trwale. Ciągle czegoś nowego, bo wtedy jest... Ciekawość to energia nauki. Pytaj: "Dlaczego?"...i znajduj odpowiedzi, bo zapamiętujem ...
Quest: Prosta strona w PHP
Problem Używanie AI do rozbudowy kodu (a nie do wygenerowania całego kodu). Zadanie Zrozum kod. Dodaj do niego tablicę z reklamami, tablicę z linkami do socjal mediów oraz tablicę z adresami obrazków. Dodaj kod php wyświetlający losową rekl ...
Mapa strony
Questy z lekcji - IT Wszystkie HTML CSS CMS PHP JS PSiO PZAW NUiOD SQL HW SW SYS APP Treści o edukacji Wszystkie Stan edukacji Co da się zrobić? Jak działać – metody Treści o rozwoju Praca nad ...
Quest: Tablice w PHP
Problem Tablice pozwalają tworzyć proste struktury danych opisujące rzeczywistość. Wykonywanie operacji na takich danych jest prostsze niż operowanie na danych nie ustrukturyzowanych. Podstawowe funkcje pozwalające wykonywać takie operacje to: ar ...
Quest: Napisy w PHP
Problem Operacje wykonywane na napisach są potrzebne w wielu językach. W PHP są kluczowe. Jeśli zna się podstawowe funkcje (strpos, substr, strstr, strlen, strtolower, ucwords,... ), warto stworzyć z nich coś nieco większego. Zadanie W kodz ...
Kryteria dla poszczególnych przedmiotów
Kryteria oceny pozwalają samodzielnie ocenić własny postęp. Pozwalają też pracować niezależnie od grupy klasowej lub uzupełnić zaległości. Wynikają one wprost z podstawy programowej, ale zawierają niezbędne uzupełnienia. Udostępniam je jako odsyłacz ...
Quest: Quasi-blog
Problem Jaką technologię wybrać do przygotowania quasi-bloga, by dodawanie wpisów było łatwe a sam blog efektowny? Co na nim publikować? Możliwe rozwiązania Strona w HTMLTo rozwiązanie najprostsze technicznie, ale finalnie najbardziej prac ...
Quest: Kontrola PC nad Androidem
Problem Czasem przydatne jest sterowanie telefonem z komputera, albo po prostu wyświetlanie obrazu z telefonu w okienku PC-eta. Opis i materiały Funkcjonalność tą można osiągnąć na kilka sposobów: Przez USB Przez TCP/IP Z wykorzys ...
Quest: Cykliczne podejście do programowania
Problem Początkujący programista bardzo wcześnie zauważa, że trudno jest zdecydować kiedy aplikacja jest gotowa. Niby działa, ale ta jakość... Materiały Pierwszy film pochodzi z najlepszego kanału popularnonaukowego na świecie i opowiadają ...
Quest: Prywatność w sieci
Problem Podobno prywatność to coś dobrego, ale trudno ją sobie zapewnić w tych czasach. Czy faktycznie nic nie tracimy, gdy wielkie korporacje wszystko o nas wiedzą? A jeśli jednak coś tracimy, to czy da się temu zapobiegać? Materiały ht ...
Quest: Bezpieczeństwo IoT
Problem Otaczamy się elektroniką, bo to wygodne. Czy warto (czasem) zawahać się przed zakupem popularnego chińczyka? Czy zaufanie elektronice jest rozsądne? Materiały https://youtu.be/lVj7LDwvdAM https://youtu.be/Mv2fWyiPWpM ...
Debata o ocenianiu
Coraz więcej środowisk podejmuje wyzwanie istotnego poprawienia działania szkoły w obszarze oceniania. Postulaty zmniejszania roli stopni na rzecz oceniania kształtującego odpowiadają przecież zapisom "Ustawy o systemie oświaty" 1. Jednym z takich ś ...
Presja szkolna
Odczucie presji wywieranej przez szkoły na uczniach jest od lat przedmiotem analiz. Tematem tym zajmuje się między innymi badanie Health Behaviour in School-aged Children (HBSC). W raporcie "Spotlight on adolescent health and well-being" (2018) zn ...
Jestem rodzicem – chcę pomóc
Rodzice obserwujący edukacyjne zmagania swoich dzieci mają zwykle dobre rozeznanie co do trudności napotykanych w szkole. Nie będzie odkryciem stwierdzenie, że głównym problemem była i jest niewystarczająca motywacja do nauki w szkole. Obecnie probl ...
Tylko nauczyciel może zmienić szkołę
Zdecydowana większość nauczycieli chce wspierać rozwój swoich uczniów. Niektórzy skupiają się głównie na rozwoju wiedzy przedmiotowej, inni również na kompetencjach miękkich. Większość z nas zauważa w ostatnich latach znaczy spadek skuteczności swoj ...
Nastolatek zmienia zdanie
Znów chcę polecić świetny odcinek podcastu EduAkcji. Słomiany zapał nastolatka wynika z niedojrzałości nastoletniego mózgu. Nie jest to wada charakteru, ale szerszy mechanizm rozwojowy. O zjawisku opowiada profesor Marek Kaczmarzyk, biolog, neuro ...