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