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...

Téma: Gyakorlás (if, switch szerkezetek) 1, feladat: ETO Készítsetek switch szerkezettel olyan programot, ami bekér egy számot 0-9ig (parancssorról) majd kiírja milyen főosztályt jelöl az Egyetemes Tizedes Osztályozásban. Megoldás kódja: public class Eto {  public static void main(String[] args) {   try {    String s;    int j=Integer.parseInt(args[0]);    switch(j) {     case 0:s="Altalanos muvek";break;     case 1:s="Filozofia, pszichologia";break;     case 2:s="Vallas";break;     case 3:s="Tarsadalomtudomanyok";break;     case 5:s="Matematika, természettudományok";break;     case 6:s="Alkalmazott tudomanyok";break;     case 7:s="Muveszetek, jatek, sport,";break;     case 8:s="Nyelveszet, irodalom";break;     case 9:s="Regeszet, foldrajz, eletrajz, tortenelem";break;     default:s="Nincs. Pr...

Téma: if gyakorlása, switch szerkezet 1, feladat: Oszthatóság Készítsetek olyan programot, ami eldönti egy számról, hogy osztható e kettővel! A számot billentyűzetről kapja a program! Megoldás kódja: public class Kerdes1 { public static void main(String[] args){         int a=Integer.parseInt(args[0]);         int b=a%2;         if(b==0){             System.out.println("A szam oszthato 2-vel");         }         else{             System.out.println("A szam NEM oszthato 2-vel");         }     } } Switch: Elágazásokat kezel, egy változó értékére alapozva ad meg különböző utasításokat. 2, feladat: Készítsetek olyan programot, amely bekér egy számot 1-5ig, majd kiírja hogy az adott szám hanyas érdem...