Szoftverfejlesztés jegyzetek

Frontend: Az oldal "kinézete", adatokat vesz a backend felől, majd megjeleníti azokat. Frontend létrehozása: 1. Frontend mappa létrehozása - parancs végzi, a gyökérkönyvtárból npx create-react-app <appnev> - ez létrehozza a szerkezetet és a mappát is. Ezután a cd paranccsal belemehetünk a frontend mappájába, ahol installálhatunk egyéb csomagokat is: npm i axios - feltelepítjük az axiost, ha szükségünk van rá (portok elérése) npm i bootstrap - ha a kívánunk bootstarpet használni. Végül indítás: npm start - ezzel indítjuk az alkalmazást, elindul az index.html, ami alapértelmezetten meghívja az app.js tartalmát. Az alkalmazás belső szerkezetét az src mappában található App.js nevű fájlba alakítjuk ki. Az src mappa tárolja az egyéb eszközeinket is, valamint ide hozhatunk létre elérendő fájlokat is - pl css stíluslapot. Egy példa az App.js belső szerkezetére, a weboldal kártyákban fogja megjeleníteni az információkat, valamint van lehetőségünk új adatok felvételére az adatbá...

Backend: Alkalmazás belső működése, kapcsolat az adatbázissal, hátsó folyamatok kezelése. Backend létrehozása (node.js, express): 1. Backend mappa létrehozása. Ide dolgozunk. Ajánlott Visual Studio Code használata. (Konzol indítása ctrl+ö) 2. Parancsok: npm init -y - szerkezet létrehozása npm install <csomag> - csomag telepítése, rövidíthető npm i-ként npm i -g nodemon (futtatókörnyezet) npm i express - keretrendszer installációja npm run <scriptnév>  - alkalmazás futtatása npm i cors - portok szinkronizálásnak kelléke npm i mysql2 - adatbáziskezelő nodeok installációja 3. server.js létrehozása, scriptként való meghívása     Az app komponensei a package.json nevű fájlban vannak felsorolva, json fromátumban. Itt kell nodemonnal együtt meghívni. Példa:  {   "name": "backend",   "version": "1.0.0",   "main": "index.js",   "scripts": {     "dev": "nodemon server.js"   }, Így a futtatóparan...

 A szoftverfejlesztő vizsgára szükséges anyagok kerülnek ide, minden kategóriában. Adatbázis kezelés: ..feltöltés alatt.. Backend - node.js, express használatával - Elérhető itt . Frontend - React Elérhető itt. Asztali alkalmazás - konzol (C#) Elérhető itt. Asztali alkalmazás - grafikus (C#,WPF) Elérhető itt.