Zaplanuj i utwórz tablicę, która będzie przechowywać komentarze do zdjęć. Każdy komentarz musi być przypisany do konkretnego zdjęcia poprzez id zdjęcia. Każdy komentarz musi mieć ocenę 1-5. Każdy komentarz musi mieć treść. Wygeneruj kilkanaście komentarzy.
Etap 2
Dokończ funkcję która przeszuka tablicę z komentarzami i wyświetli te dotyczące wybranego zdjęcia:
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 dobrze opisanych rozwiązań, a przy okazji przeczytać o typowych rozwiązaniach.
Opis
Strona ma być katalogiem. Najważniejsze jest więc znalezienie odpowiedniej ilości opisów problemów wraz z rozwiązaniami. Mogą to być artykuły, wątki na forach czy filmy.
W waszym katalogu każdy problem ma być odpowiednio opisany:
Tytuł – krótki i komunikatywnie wyjaśniający o czym będzie mowa
Opis – jedno lub dwa zdania na temat problemu
Link
Kategoria (komputer, peryferia, oprogramowanie,…)
Zdjęcie lub grafika ułatwiająca szybkie odnalezienie treści (opcjonalnie)
Imię osoby która wybrała daną treść i ją poleca
Strona internetowa może być prosta, ale ma wyglądać przyzwoicie. Istotna jest:
merytoryczna treść strony
logiczny podział problemów na kategorie
wybrana technologia i jakość wykonania strony
brak niewartościowego spamu
Technicznie stronę można wykonać na jeden z trzech sposobów omówionych w tutaj w sekcji „Możliwe rozwiązania” (pomijając githuba).
Na przygotowani strony jest miesiąc. Cała grupa otrzymuje identyczną ocenę. Jeśli ktoś z zespołu nie angażuje się, to rolą zespołu jest zaangażować niezaangażowanego lub zrobić za niego : )
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.
Zbuduj swoją responsywną tabelę wykorzystując display: grid; Możesz do tego użyć AI, jednak pamiętaj, że to Ty masz rozumieć kod. Następnie osadź tę tabelę wewnątrz sekcji <article> w „Prostym kodziku #2” z questa HTML i CSS beginner tak by strona wyświetlała się poprawnie zarówno na telefonie, tablecie jak i na komputerze PC
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ą. Ulepszona wersja ma dodatkowo po kliknięciu w kategorię wyświetlać galerię obrazów z tej kategorii. Poświęć czas na zrozumienie kodu i poeksperymentowanie z nim. Uprość go.
Dalszy etap to zintegrowanie galerii ze stroną z questa Prosta strona w PHP. Ten etap koniecznie zrób ręcznie. Galerię dodaj jak jedną z podstron w menu, tak by menu było widoczne zarówno na stronie kategorii jak i w widoku pojedynczego zdjęcia, ale tak, żeby nie była widoczna na wszystkich podstronach.
Dobrze byłoby rozdzielić kod na kilka plików:
dane.php – tablice z danymi
index.php główny plik strony
galeria.php – skrypt galerii
styl.css – arkusz styli
Przydatna będzie wtedy funkcja include() lub require().
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ętujemy to, co racjonalne, logiczne.
Zamieniaj teorię w działanie. Praktyka i ruch wzmacniają ślady w pamięci.
Rób sobie proste i bezstresowe testy. Wtedy usilnie wydobywasz informacje i tworzysz trwały ślad pamięciowy.
Korzystaj z fiszek Regularnie wracaj do nich po dniach i tygodniach.
Dziel czas nauki na sesje z długimi przerwami. To eliminuje złudzenie, że już umiesz wynikające z bycia na świeżo z materiałem.
Zmieniaj miejsce nauki. To tworzy dodatkowe ślady pamięciowe.
Głębokie przetwarzanie informacji jest kluczowe. Inne spojrzenie, wypisanie punktów, znalezienie przykładów lub wyjątków, stworzenie grafiki to sposoby głębszego wgryzania się w tekst.
Samodzielnie twórz notatki. Organizuj i przetwarzaj treści samodzielnie. Podkreślanie czy zakreślanie to za mało.
Przeplataj treści zamiast uczyć się temat po temacie. To sprawi, że mózg będzie pracować na wysokich obrotach.
Robiąc notatki odfiltrowuj tylko ważne informacje. To wymaga wysiłku, ale przyczynia się do głębszego przetwarzania.
Wykorzystaj mnemotechniki. Czasem pomocne są sztuczki pamięciowe, takie jak metoda pałacu pamięci.
Otaczaj się bodźcami związanymi z nauką. Wykorzystaj pamięć utajoną. W ten sposób dziecko uczące się mówić poznaje gramatykę.
Ucz się przez nauczanie innych. Nawet jeśli uczysz się sam, wyjaśniaj informacje na głos.
Powyższe metody to streszczenie jednej książki o skutecznym uczeniu się. Polecam ją każdemu, kto nie lubi działać nieskutecznie.
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ą reklamę, zestaw linków do mediów społecznościowych oraz trzy losowe zdjęcia z tablicy (zamiast stałego artykułu). Nie wolno wklejać całego kodu do AI. Sam połącz kody!
