Jest możliwa i konieczna!
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...