Read művelet PHP-vel

 Olvasd be az alábbi adatbázist:

CREATE DATABASE IF NOT EXISTS mydatabase;

USE mydatabase;

CREATE TABLE IF NOT EXISTS users (

    id INT AUTO_INCREMENT PRIMARY KEY,

    name VARCHAR(255) NOT NULL,

    email VARCHAR(255) NOT NULL

);

INSERT INTO users (name, email) VALUES

('John Doe', 'john.doe@example.com'),

('Jane Smith', 'jane.smith@example.com'),

('Alice Johnson', 'alice.johnson@example.com');

Készíts egy users.php fájlt. 

Hozd létre a kapcsolatot az adatbázissal, ellenőrizd is le, hogy a kapcsolat létrejött e. (Nem szükséges külön fájlba létrehozni, a users.php fájlban is megírhatod).

Állítsd be a PHP kódban a szükséges adatbázis kapcsolati információkat (servername, username, password, dbname).

Hozz létre egy SQL lekérdezést, amely lekéri az összes felhasználó adatait a "users" táblából.

Ha van eredmény, hozz létre egy HTML táblázatot, és írd ki a felhasználók adatait, ha nincs eredmény írd ki, hogy "Nincsenek adatok az adatbázisban."

Nem szükséges semmilyen formázás.

Megjelenés: 

Készíts egy api.php fájlt is, hozzd létre a következő végpontot:/api

Grid feladat

 Készítsd el az alábbi elrendezést egy weboldalon: 

Háttér színe: állapítsd meg, vegyél belőle mintát.

A D betű erre a képre csúszik rá, innen kifotózhatod:

Szövegek:

Delightful
Experiences Shared
by Our Guests

Exquisite flavors, impeccable service, and a memorable ambiance DineEase made our celebration truly special!"
Robert & Emily

With DineEase, we've uncovered culinary treasures right in our city. Every dining recommendation feels like an exclusive invitation to a world of flavors. We thought we knew our local dining scene, but DineEase introduced us to so much
Emma & Jacob

DineEase guided us to hidden gems we never knew existed! We've become food adventurers, thanks to this platform.
Lisa & Mark

CSS GRID gyakorlat

 Készítsd el az alábbi weboldalt:

Angular TODO

 Hozz létre egy Angular alkalmazást, ami lehetővé teszi egy egyszerű teendőlista kezelését.

Készíts egy todo.html fájlt, és hozz létre benne egy Angular alkalmazást nevű "todoApp".

Adj hozzá egy TodoController-t a todoApp alkalmazáshoz.

A TodoController-ben hozz létre egy tömböt, amely tartalmazza az alapvető teendőket, például:

"Bevásárlás"

"Sportolás"

"Olvasás"

Az oldalon jeleníts meg egy címet, például "Teendőlista".

Alatta egy rendezett listában listázd ki a teendők nevét. Formázd meg a rendezetlen listát úgy, hogy a lista jelek ne jelenjenek meg, helyette, mindegyik teendő világosszürke hátteret kapjon.

Adj hozzá egy űrlapot a teendők hozzáadásához. Az űrlap tartalmazzon egy szövegmezőt és egy "Hozzáadás" gombot.

Ha a felhasználó rákattint a "Hozzáadás" gombra, akkor az új teendőt adja hozzá a listához.

Adj hozzá a todo.html fájlhoz stílusokat a listaelemekhez és az űrlaphoz.

Osztálytársak feladat

Készíts egy JSON fájlt, classmates.json néven, és vidd fel az osztálytársaid nevét, lakhelyét, és hobbiját. Figyelj az idézőjelekre és a zárójelekre, hogy szabályos json fájlt hozz létre.

Hozz létre egy classmates.html fájlt. Classmates alkalmazás legyen a neve, és add hozzá a ClassmatesController-t.

Az alkalmazásodban hozz létre egy title nevű változót, melynek értéke „Osztálytársak” legyen. Olvasd be a változó értékét első szintű címsorba.

Következőként adj hozzá egy search mezőt, amelybe ha beírjuk valamelyikük nevét, vagy a név részletét, csak azokat a neveket fogja megjeleníteni. (ng-model; filter)

Hozz létre egy táblázatot, amelybe a minta szerint beolvasod az adatokat a json fájlból. (liveserveren futtasd, csak akkor olvassa be) A hibakezelést a konzolba írasd ki (console.error)

A táblázat létrehozásánál adj hozzá szemantikus elemeket, pl a fejléc sora, és az adatok csoportosítása. A táblázat első sorát válaszd ki, mint első gyermek elemet, és a háttér színe szürke, betű fehér, és félkövér legyen.

Minden második sora a táblázatnak világos szürke legyen. (pszeudó classt használj). A táblázat szegélye 1px-es egyenes fekete vonal, figyelj arra, hogy ne dupla vonalak fussanak körbe. A táblázatban 10px-es belső margót állíts be. Az oldalon 20px-es belső margót állíts be. 

Szállodai szobafoglalás

Hozz létre hotel.html fájlt, amely egy angular alkalmazás legyen, adj hozzá az oldaladhoz egy HotelController-t.

A kontrolleren belül hozz létre egy változót, amelyben eltárolod a következő adatokat kulcs értékpáronként, az első szám a szoba száma, a második a szoba típusa:

-        101 , single,

-        102, double,

-        103, kingsize;

A weboldalon eső szintű címsorban jelenjen meg a cím: „Kiválasztott szoba foglalása”;

Alatta rendezetlen listában jelenjen meg a 3 szoba száma, és típusa.

Válaszd el a következő szakaszt egy egyenes vonallal.

Kettes szintű címsorban adj hozzá egy új címet: „Kiválasztott szoba foglalása:”

Ha valamelyik szobára rákattintunk, akkor az az adott szoba száma és típusa jelenjen meg a címsor alatt. (ng-click, ng-if)

A html-be írd a js-t is, ne készíts külön fájlt. 

REST API

 A mai globális világban olyan online kapcsolatokban vagyunk, mint még soha. A legjobb módszer az adatok megosztására egy API használata. Az alkalmazásprogramozási interfészek lehetővé teszik a különböző eszközök számára, hogy egyszerű parancskészlet segítségével kommunikáljanak egymással és adatokat cseréljenek . A RESTful API a REST architektúra stílusát követi, amely meghatározza az API megjelenését.

A PHP és különösen a Laravel rendkívül népszerű, valamint a RESTful API-k fontosságát mutatja, hogy a mai világban, a RESTful API-k létrehozásának megtanulása a Laravelben olyan nagyon keresett készségeket biztosít, amelyek segítik karriered kezdetét.

Az alkalmazásprogramozási felület vagy API egy olyan interfész, amely lehetőséget biztosít számunkra, hogy kommunikáljunk egy objektummal. Függetlenül attól, hogy ez az objektum fizikai-e, például egy TV távirányítója, vagy egy szoftver, például egy gomb megnyomása egy dal lejátszásához. Az alkalmazásprogramozási felület definíciók és protokollok halmaza, amelyek segítségével az alkalmazások vagy szolgáltatások kommunikálhatnak egymással. Hídként működik közöttük. Azt is tartalmazza, hogyan működik valami. Nem kell tudnunk a mögöttes kódot és logikát. Csak tudnunk kell, mit kell tennünk, milyen metódust kell meghívnunk a kívánt funkcionalitás megvalósításához.

API-k segítségével bővíthetjük alkalmazásunk funkcionalitását, hogy ne kelljen mindent magunknak kódolnunk. Az API-k egyik jellemzője, hogy szabványosítottak. Egy közös irányelvet követnek, hogy megbizonyosodjanak arról, hogy tervezésük és megvalósításuk következetes.

Különféle szabványkészletek léteznek, mint például a SOAP vagy a GraphQL, vagy REST. A REST a Representational State Transfer rövidítése. Ez egy szoftverarchitektúra, amelyet webes API-k létrehozására használnak.

A REST API segítségével két szoftverrendszer online kommunikál egymással. Azért különbözik a többi API-tól, mert a REST architektúrát követi. Ez az állapotmentes kommunikációra összpontosít, amely olyan szabványos HTTP-módszereket használ, mint a GET, POST, PUT és DELETE.

Ezek a módszerek különböző feladatokat kezelnek:

1.      GET adatok lekérése

2.      A POST erőforrásokat hoz létre

3.      A PUT frissíti az erőforrásokat

4.      A DELETE eltávolítja az erőforrásokat

A REST olyan kulcsfontosságú elveken alapul, mint az ügyfél-kiszolgáló architektúra, az állapotmentes kommunikáció, a gyorsítótárak, az egységes interfész és a többszintű rendszerek. Ezek az elvek alakítják a RESTful API-k tervezésének és használatának módját. Segítenek abban, hogy az API-k skálázhatóvá, megbízhatóvá és hatékonnyá váljanak a szoftverfejlesztésben.

A webes API-k leggyakrabban használt esete az adatvisszakereső, amely lehet szolgáltatás vagy alkalmazás, ami kérést küld az API szolgáltató webszerveréhez. Például Twitter. A webszerver hozzáférése a Twitter adatbázis, és válaszként visszaadja a kért adatokat. Ez nagyon hasonlíthat a szabványos weboldal és a szerver közötti kérésválasz ciklushoz. A fő különbség az, hogy a weboldalkérés HTML-t, CSS-t és JavaScriptet ad vissza. Míg az API-kérés leggyakrabban JSON-objektumokat ad vissza. A JSON, amely a JavaScript Object Notation rövidítése, arra szolgál, hogy egy számítógépes program adja át, nem pedig egy személy.

API-k mindenhol megtalálhatók körülöttünk. Akár észreveszed, akár nem, a mindennapi életünket az API-k határozzák meg. Valójában nehéz lehet olyan nagy szolgáltatást találni, amely nem biztosít API-t. Szeretnéd ellenőrizni az időjárást a Föld bármely pontján? Az adatokat egy harmadik fél időjárási API-tól kapjuk. Az Android telefonok a Weather Channel API-t használják. Más telefonok vagy szolgáltatások használhatják az AccuWeather API-t.

Az API-k különféle okokból használhatók. Az adatok eléréséhez, hogy több szolgáltatás együtt tudjon működni, információkat kereshetsz a receptekről, zenéről, ünnepekről, fitneszről stb.

API-t is használhatsz a bonyolultság elrejtésére és a szolgáltatás funkcionalitásának kiterjesztésére. Felmerülhet a kérdés: "Miért biztosítják a szolgáltatások így az API-jukat? Ingyen adnak adatot?" Ennek egyik oka az lehet, hogy minél többen használják az API-t, annál ismertebbé és népszerűbbé válik az adott cég szolgáltatása. Jó reklám a cégnek, ha jó minőségű, biztonságos API-ja van. Egy másik ok lehet, hogy az API kiterjesztheti a vállalat elérhetőségét azáltal, hogy adataikat a felhasználók rendelkezésére bocsátja, és lehetővé teszi a fejlesztők számára, hogy olyan termékeket készítsenek, amelyek a szolgáltatásukra támaszkodnak, és így a vevők folyamatosan visszatérnek.

A vállalatok létrehozhatnak egy API-t, hogy újra és újra felhasználhassák ugyanazt a funkciót, és ne kelljen újra és újra feltalálniuk a „meleg vizet”. Egyes vállalatok ingyenesen adják ki az API-jukat, míg mások az API-jukat prémium hozzáférésként biztosítják a hozzáférést.