Jest możliwa i konieczna!
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 ...
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 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 ...
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) ...
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 powoduj ...
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 ...
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 ...
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 ...
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 ...
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 ...
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ś ...
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 ...
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 ...
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ą ...
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 ...
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 ...
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> & ...
Questy z lekcji - IT Wszystkie HTML CSS CMS PHP JS PSiO PZAW NUiOD SQL Treści o edukacji Wszystkie Stan edukacji Co da się zrobić? Jak działać – metody Treści o rozwoju Praca nad sobą
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 ...
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 ś ...
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 ...
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 ...
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 ...
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 ...
Znów chcę polecić świetny odcinek podcastu EduAkcji - rozmowę z profesorem Markiem Kaczmarzykiem. Stres to przeciwnik pamięci. Nawet dobrze przygotowanemu do odpowiedzi nastolatkowi w sytuacji emocjonalnie niepewnej hipokamp ogranicza dostęp do k ...
Nauczyciel jest kluczowym ogniwem wpływającym na kształt edukacji. Tradycyjny model nauczyciela wykładowcy, wymuszającego pracę za pomocą regularnych sprawdzianów wiedzy, zupełnie przestał działać po upowszechnieniu się dostępu do Internetu. Koniecz ...
Zdanie: "Jestem uczniem - nic nie mogę" to oczywiście mit.Proste zaprzeczenie tego zdania: "Jestem uczniem - wszystko mogę" to też nieprawda.Co zatem może uczeń - młody człowiek, by stopniowo zmienić swój trudny los szkolny? Najpierw trzeba zroz ...
Czy rolą oceniania szkolnego powinno być, klasyfikowanie uczniów oraz zmuszanie do pracy uczniów mało zmotywowanych? „Ocenić” oznacza wydać opinię, określić wartość 1. Są dwa zasadnicze powody oceniania w szkole: Przekazanie uczniowi inf ...
Jako szeregowy pracownik szkoły nie jestem przygotowany by proponować zmiany systemu edukacji. Mogę jednak odpowiedzialnie wskazywać zmiany konieczne w pracy nauczycieli. W porozumieniu z dyrektorem, nauczyciel w polskim systemie edukacyjn ...
Najprostsza odpowiedź na pytanie: Dlaczego zmieniać edukację oddolnie? brzmi: Dlatego, że jeśli to możliwe, to należy działać oddolnie. Najczęstszym głosem w temacie poprawiania edukacji są słowa o konieczności gruntownej reformy. Reformę powinny ...
Treści tu gromadzone tworzę przede wszystkim z myślą o uczniach. Umieszczam tu jednak nie tylko szkolne zadania i materiały z informatycznych przedmiotów zawodowych dla różnych klas. Ważną częścią promowaną szczególnie na startówce i w menu są treśc ...
Często słyszę w szkole: "Zaliczałem dzisiaj 2 sprawdziany z angielskiego" "Idziesz dzisiaj na biologię? I tak nic nie będziemy robili." "Miałem dzisiaj 3 kartkówki!" "Postawił mu dzisiaj dwie pały, tak się na niego wkurzył" ...
Zestawiając ze sobą dobre wyniki, jakie polscy uczniowie uzyskują w międzynarodowych badaniach umiejętności uczniów PISA * z niezadowalającymi ocenami ** przygotowania absolwentów do podjęcia pracy, można odnieść wrażenie, że polskiemu systemowi edukacyjnemu warto przyjrzeć się krytycznie, zwłaszcza w obszarze