Jest możliwa i konieczna!
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 — ...
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: " . $ ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 = ...
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 ...
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) ...
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( ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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"> ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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` -- -- ------------------------------------------------- ...
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 ...
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 - ...
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 ...
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> ...
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 ...
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) ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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/ ...
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ą ...
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 ...
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 ...
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 ...
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 ...
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 ...
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ć: ...
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 ...
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”, ...
Przeanalizuj i zrozum kod: <!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <title>Selektory CSS</title> <style> * {color: grey;} div { font-f ...
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 ...
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ą? ...
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 ...
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 ...
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 ...
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 ...
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ą ...
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 ...
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 ...
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 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 ...
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 ...
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 ...
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ą ...
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 ...
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 ...