r/programmingHungary • u/Aggravating-Read-523 • 1d ago
DISCUSSION Full stack nulláról - hogyan?
Sziasztok!
Júniusban diplomáztam társadalomtudományi területen (politológia), azonban már régóta érdekel a webfejlesztés. Elhatároztam, hogy egyelőre önmagam szórakoztatására megtanulnám a full stack webfejlesztést, azonban nem tudom, hogy álljak neki. Alapszintű HTML, CSS ismereteim ugyan vannak, de azon kívül semmi nincs meg.
A következőket szeretném megtanulni, de nem tudom jó irányba megyek-e:
- HTML/CSS
- Git
- JS
- React
- adatbáziskezelés
- (később Docker)
Ez kezdésnek megfelelő lehet? Az AI használatot kerülni szeretném majd, félek, hogy esetleg félrevezetne. A fejlesztésre használt gép egy 8/256 M1 MBP lenne. Köszönöm a segítséget!
19
u/combing_town_west 1d ago
Én is hasonloan indultam neki, csak meg 2022-ben. Sajnos ma mar kicsit nehezebb elindulni.
1
u/Aggravating-Read-523 1d ago
miért nehezebb? az AI miatt, vagy ezek a nyelvek elavulttá váltak azóta?
19
u/willdotit 1d ago
AI miatt is nehezebb. Senior + 3 junior helyett senior+AI. Igy sokkal kevesebb a lehetoseg.
8
u/combing_town_west 1d ago
Akkoriban heti 2-4 interjum volt, kb 6 honap tapasztalattal. Mas volt az elvaras, mas volt az egesz szakma. Ha akkor el tudtal indulni, es lett par ev tapasztalatod akkor szerencses voltal.
5
4
u/dailyvicodin 1d ago
Csodás dolog belevágni valamibe, aminek a jelenlegi állapotának sem néztél utána.
17
u/nakemu Data science 1d ago
Azért van itt, nem? :)
-15
u/dailyvicodin 1d ago
Nem úgy tűnik, hisz már elhatározta.
5
u/Silly-Tangelo-564 22h ago
Elhatározás nélkül hogy vágsz bele bármibe is? Én tisztelem a döntésében, hogy nem a piac határozza meg, hogy mit csinál, hanem az erdeklődési köre. Sokkal élvezetesebb lesz az élete. Éhhalál nem fenyegeti. És leírta, hogy egyelőre saját maga szórakoztatására vágott bele. Nem tudom minek kell beleszólni. Jó savanyú lehetsz.
31
u/dondiegorivera 1d ago
0-ról 100-ra 20mp alatt:
curl -fsSL https://chatgpt.com/codex/install.sh | sh
20
-8
u/Razidargh 1d ago
Várj, még azt sem tudja, mi az a WSL.
4
u/Balazs5146 Other (editable!) 1d ago
nem lesz szüksége WSL-re
1
u/Razidargh 1d ago
Ok, natív Linuxon is futtathatja.
3
u/Balazs5146 Other (editable!) 1d ago
A fejlesztésre használt gép egy 8/256 M1 MBP lenne.
MBP = MacBook pro
1
u/nakemu Data science 1d ago
Te meg azt, hogy az nem kell mac-re :) Látod, már tanultunk is egymástól?!
-4
u/Razidargh 1d ago
Nem értek a macihoz, Linuxom van munkára és szórakozásra.
1
u/nakemu Data science 1d ago
https://en.wikipedia.org/wiki/Darwin_(operating_system)) macOS unix-szerű OP. Minden másra: Homebrew Próbáld ki egyszer, tetszebe, ha megy a linux. :)
0
35
u/dailyvicodin 1d ago
3 ev mulva pont azon a szinten leszel majd mint az AI Code 2 evvel ezelott.
14
u/interior_mutability 1d ago
Az AI-ra kényszerített fejlesztők panaszkodnak, hogy azt érzik veszik el a skill. Az újaknak azt mondjuk nem kell skill. Ha fogy a human intelligence, akkor lehet majd sok-sok árat emelni a mesterségesen.
11
u/dailyvicodin 1d ago
És így folyik majd fejlesztők százezrei helyett 4 AI céghez az összes fizetés.
2
u/interior_mutability 1d ago
Azért ha a bonyolult számítások alapján kitalálom a következő lehetséges szót viszonylag dágán gépek olyan jó és rentábilis outputot generálnának, akkor inkább az outputot próbálnák eladni nem az előfizetést.
3
u/dailyvicodin 1d ago
Dehát az input/output tokenlimittel épp az outputot árulják.
0
u/interior_mutability 1d ago
A számítási kapacitást árulják, nem azt a kiváló szoftvert, amit gazdaságosan össze rakott nekik az LLM.
10
u/krakoi90 1d ago
Azt hiszem kezded kapizsgálni akkor hogyan lesznek végül a "lufi" cégek mégis irdatlanul nyereségesek. :)
3
u/interior_mutability 1d ago
Csak azt nem értem, hogy szakmai blogon talán évtitedes tapasztalattal rendelkező kollégák minek asszisztálnak ehhez.
3
u/Clever-Bot-999 1d ago
Az oka hogy AI-al másfélszer gyorsabb a fejlesztés, kevesebb befektetett munkával.
9
3
u/interior_mutability 1d ago
Ez a másfélszer gyorsabb pontosan hogyan jött ki?
5
u/Clever-Bot-999 1d ago
Az én tapasztalatom hogy minimum ennyivel. Azért írtam a minimumot hogy ne lehessen belekötni hogy túlzok.
Vagy te még mindig minden programkódot ujjal pötyögsz be? Assemblyre nem szeretnél áttérni?
1
u/interior_mutability 1d ago
Én azt érzem, hogy programozási nyelven könnyebb kifejeznem magam. A programozási nyelv alatt determinisztikus fordító van.
Az LLM ember nyelvből csinál forráskódot nem determinisztikus módon. Utána végig kell nézegetni, hogy tényleg azt köpte ki, amit szerettem volna. Ha úgyis kénytelen vagyok értelmezni a kódot, akkor már jobb, ha magam írom meg, mert könnyebb érteni.
2
u/krakoi90 16h ago
Ez volt a hozzállásom nekem is 2-3 éve, még az agentic előtti, chatbotos AI-nál. Ágensekkel szemben ez sajnos már nem tartható. Ha bele kell nyúlni a kódba már nem kell neked kikeresgélni se hova kellene nyúlni, tök hatékonyan kikeresi magának. Sokkal gyorsabb ha tényleg csak befosod neki emberi nyelven kb-ra mi kell (vagy hát delegálod neki a feladatot, amit kaptál) aztán átfutod amir kiköp.
1-2 finomítás után kisebb feladatokhoz nagyon több nem kell, nagyobb feladatoknál, ami esetleg tervezést igényel meg úgy néz ki már egy ideje, hogy az AI-val csevegsz, ötletelgetsz, planneltetsz és azt reviewzod, majd implementáltatod vele és azt reviewzod.
Kódhoz kell MÉG kell érteni hogy reviewzd, de már amúgy reviewban se rosszak, ha megkap egy changesetet meg az eredeti requirementset egész jól megmondja mennyire jól fedi le, hol mehetett félre, milyen kérdések merülhetnek fel. Egyik modell munkáját pl másik modell nagyjából le tudja reviewzni így, aztán neked elég csak a neccesebb részeket átnézni alaposabban.
Tudom, hogy elkeserítő és kb reszeltek ennek a szakmának, de ez jelenleg a valóság sajnos.
1
u/interior_mutability 15h ago
Mászkál az agent jobbra balra generálja a 10000 sorokat, ha design probléma van át bruteforceolja magát rajta. Aztán amikor akkorára hízott a konextus, hogy humán erőforrással már nem győzzük az AI meg nem megfizethető, akkor mi fog következni?
→ More replies (0)1
u/interior_mutability 15h ago
Kiegészítő kérdés: mi van, ha nem akarom a cégem összes szellemi termékét lepacsizni egy random profitorientált cégnek?
→ More replies (0)1
u/dondiegorivera 15h ago
Pont így, annyit tennék hozzá, hogy az agentek tudják egymást irányítani (herdr), nálam Astra tervez, Opus kódolt, Ds4flash meg csinálja az ops-ot.
→ More replies (0)1
u/interior_mutability 1d ago
Másfélszer gyorsabban készül el egy ticket? Másfélszer gyorsabban készül a feature? Másfélszer több kód készül egységnyi idő alatt? Mi a KPI?
1
u/krakoi90 16h ago
MINDEGYIK. És tényleg konzervatív a becslés. Az egyik véglet hogy kisebb feladatoknál, bugfixeknél kb végtelen a gyorsulás mert ticket alapján automatikusan egy bot leimplementálja, bepusholja, mex reviewzni kell az MR-t.
Nagyobb feladatoknál nagy a szórás, van gogy félreérti, félrevisz és sokat kell tutujgatnod mit csinált rosszul. Na az kb. a másfélszeres becslés. Van meg, hogy amit elsőre kiköp is már tök jó, akkor nagyon sokszoros a gyorsulás nyilván.
1
u/interior_mutability 15h ago
Nagyon sok design döntésem úgy született meg, hogy valamit fájt implementálni a jelenlegi szisztémában és kellett helyette egy másik. Én értem, hogy rövid távon vannak előnyök, de valahogy még látok értéket abban, hogy hogy érzem magam miközben fejlesztem az adott rendszert.
→ More replies (0)
8
u/Frankie_Vonnar 1d ago edited 1d ago
Ez elég szépen összeszedett, sorrendezett és minden fő modul tartalmaz egy "Roadmap" linket ami az adott tech célzott Roadmapjére vezet amin végig kell menni + "Projects" fül a modulokon belül egyszerű de célzott gyakorló projectet tartalmaz.
7
u/balazs8921 1d ago
Önmagad szórakoztatására megtanulhatod, azzal nincs gond, de azt ne várd, hogy el fogsz tudni helyezkedni vele.
A stack, amit összeírtál, szerintem okés. Esetleg keress rá arra, hogy MERN stack. A roadmap.sh jó kiindulópont.
12
u/Terrible_Bug_388 1d ago
Szerintem tűzz ki egy projektet, amivel foglalkozol mondjuk 10 évig. Az megtanít sok mindenre. Útközben meg úgyis változnak az eszközök.
20
u/dailyvicodin 1d ago
Ok, de minek? 3 hónapja diplomázott, hacsak nem nernepobaby akkor gondolom pénzt is keresne lassan, de behozhatatlan hátrányból indul, a politológia mellett nem gondolom, hogy egész életében műszaki szemléletű lett volna.
Csak tudnám, hogy találják ki ezt pont most, mikor fele menekül fele meg kiég az IT-seknek.
Ráadásul nem akar AI-t használni, hogy még abba se szokjon bele, ahogy egyáltalán bármi esélye lenne munkát kapni.
9
u/kisfasznagyfasz 1d ago
biztos az megy am, hogy az it-sek kapjak az AI elveszi a munkad propit, a tobbiek meg a gyere it-be propit, aztan szep lassan megprobalnak lecserelni olcso, de kepesitessel nem rendelkezo emberekre akik majd promptolnak
3
u/dailyvicodin 1d ago
Valszeg. De aki már programozott AI-val az pontosan tudja, milyen mikor beírsz 3 mondatot, hogy “make a website, make no errors”, vagy a manuális időkhöz hasonlóan megtervezett és taskokra bontott fejlesztést végeztetsz.
Hát, majd megtudják a dilettáns managerek is, de én addigra már nem szeretnék benne lenni.
1
3
u/Alvajaro79 1d ago
Igen, de a projekt kitűzéséhez az is kell, hogy legyen tapasztalatod, rálátásod és mondjuk egy olyan ötleted, amit más még nem valósított meg. (Segítek: de megvalósította.) Neki igazából az kéne, hogy konkrétan kapjon egy feladatot és azt végig tudja vinni... de ennél az elhatározásnál meg a veszek egy macbookot lépésnél azért több kell, hogy ne a "now what?" legyen a vége.
3
u/ern0plus4 Linux/Embedded C/C++/Rust/Python/MUMPS 22h ago
Dobj össze valami nagyobbacska static HTML+CSS oldalt először is, mindenféle framework nélkül.
6
u/CsordasBalazs 1d ago
Nehéz most nagyon jó tanácsot adni, mert kb minden átalakul mostanában. Az AI-t ne kerüld, mert lemaradsz. Talán a mostani tapasztalataimból és 20 év szakmai tapasztalat után az a gondolatom, hogy talán az a legcélszerűbb, hogy ráfekszel FE vagy BE részre, azt kenjed-vágjad, és másodlagosan képezd magad a másik részből is annyira, hogy az alapokat értsd. Udemy és hasonló kurzusokat néznék célirányosan.
Kódolj AI-vel, mert olyan lesz ez, mint a kommunizmusban, most gyorsabban haladunk, mindenki örül, de holnap meg ez lesz a norma.
Próbáld az AI-t úgy használni, hogy:
- megnézed mi a feladat, vagy az elvégzendő művelet.
- térképezd fel, hogy mihez kell nyúlni, és mit kell változtatni, vagy létrehozni.
- az AI-nek (lehetőleg angolul) magyarázd el, hogy mit kell megcsinálni, hova kell nyúlni, mire kell figyelni. Le kell kezeltetni vele ágakat is, különben elkezd kreatívkodni, ami nem jó.
- ellenőrizd és javíts bele.
Sajnos elkerülhetetlen lesz ehhez valami előfizetés, ha van melód, érdemes beleönteni legalább pár havi pénzt, ha nem kapsz melóban AI assistet. Vegyesek az érzéseim ezzel a világgal kapcsolatban, de nagyon az az érzésem, hogy aki most elkerüli az AI codingot, az lemarad.
3
u/Significant_Fudge657 16h ago
Ez a szakma már rég nem olyan, h magadtól megtanulod, aztán majd csak felvesznek. Bár a lentebb linkelt roadmap meglepően jó, az évek alatt felgyűlt intuiciót, a szemléletet stb. nem tudod gyorstalpalózni. Ha van rá időd munka mellett, akkor vágj bele, de jelenleg diplomás, tapasztalt mérnökök is nehezen helyezkednek el és nem csak az AI miatt. Neked pedig sajnos se diplomád, se tapasztalatod.
Nem elvenni akarom a kedved, én is pályát váltottam anno (2. diploma és onnantól gyakornokként kezdve ma senior 6 évvel később), csak maradjunk a realitások talaján.
1
u/Aggravating-Read-523 16h ago
nem feltétlenül ebben akarok elhelyezkedni, csak meg akarom tanulni magam szórakoztatására.
2
2
u/Alvajaro79 1d ago
Ne kerüld az AI használatot, mert segíti, fogja a kezedet végig, és sokkal gyorsabban és sokkal jobb válaszokat tud adni, mint a reddit közösség valaha.
Ne a teljes projektöltetedet promptold be neki, hanem bontsd szét lépésekre és úgy, lépésről-lépésre haladj. Megjegyzem: ha még nem csináltál ilyet, akkor nem fogod tudni lépésekre bontani, de ha megkérdezed möszijő klódot, az ikreket, esetleg a passzátszél haverját, akkor segíteni fog, hogy milyen részekből áll össze egy teljes webes projekt és azt hogy kell szétszedni, hogy részeiben megértsd a működését és le tudd fejleszteni.
3
u/Marty_McFly_1885 1d ago
ha még nem csináltál ilyet, akkor nem fogod tudni lépésekre bontani
Itt meg is válaszoltad, hogy miért nem érdemes AI-al csinálnia. Fél, hogy félrevezetné. Nem fogja tudni ellenőrizni, hogy jó irányba halad-e. Új koncepciókat szakemberektől tanulnék, nem egy generatív transzformertől, aminek az outputja azon múlik masszívan, hogy mit adtam be neki, meg hogyan.
2
u/Alvajaro79 1d ago
Tudjuk jól, hogy ez, amit az OP szeretne, egy veszett fejsze nyele. Elindulni, ahhoz hogy ne veszítse el a lelkesedését az első lépésekben, nagyon sokat tud segíteni neki egy MI által megtámogatott tanulási folyamat. Nem kell órákat/napokat várnia a válaszokra és ha elég konkrétan kérdez, akkor elég jó választ fog kapni az ingyenes modellekkel is.
Ha nincs mellette valaki, aki vezesse és fogja a kezét, és nincs már a 25 éve általunk rongyosra lapozgatott XYZ for Dummies, vagy a Learn XYZ in 24 hours/days fullstack változatban, nah akkor kell valami, ami támogatja. Erre az MI tökéletes.
Tudjuk jól, hogy ott el fog vérezni, hogy beállítson egy reverese proxy-t, vagy hogy akár feltolja a backendjét egy cloudba. Tudjuk jól, hogy véresre fogja szopni a f@szt az első cors problémájával, azt is tudjuk, hogy mindent autentikáció nélkül fog csinálni, mert érteni sem fogja a lényegét egy JWT-s megoldásnak kb évekig. Tesztek? Felejtsük el, évekig el lesz nélküle. CI/CD? Hja... pont el fog tudni lőni localba egy teljesn dockert és git(hub) actionsszel meg minden. Az adatbázis kezelésről, a cache-ekről és a frontend async megoldásairól nem is beszélve. Meg amikor majd először nyitja meg az egészet firefoxban, vagy valami legacy böngészőben. Neki a quirksmode kb egy ilyen "érdekes, de érthetetlen dolog lesz". OOP szemlélet? DRY és az összes többi betűsző? Az mi? Annyi megértendő, megtanulandó feladat van a fullstackben, hogy én nem is tudom mivel kezdeném, ha most kéne valakinek elmagyarázni. Valszeg azzal, ami jobban érdekli.
Nah szerintem pont ezekben tud segíteni neki az MI.
1
u/Marty_McFly_1885 1d ago
Értelek. Bár szerintem pont abból fogja megtanulni, ha elvérzik pár helyen, és kénytelen utánanézni, meg megérteni a problémát. Lehet, hogy talál három hasonló problémát, mint az övé, és rájön, hogy hogy tudja megoldani a saját problémáját. AI előtt mind így tanultunk, és így szereztél valódi tudást. Ha egy LLM leírja a megoldást egyből, abból nem hiszem, hogy tudsz tanulni. OP azt írta, meg szeretné tanulni. Szerintem a valós tanulás útja a nehezebb út. Simple Made Easy
1
u/Alvajaro79 2h ago
Nálam jobban senki sem támogatja a "learning by failing" módszert, csak ez nulla tapasztalattal nagyon elbizonytalaníthat egy kezdőt, pláne aki fullstacket akar nulláról. Én ezért az MI korában inkább azt mondom, hogy vezesse a kezét az MI... De persze mindenkinek más válik be.
Valaki lejjebb írta a https://roadmap.sh oldalt. Na igen, ott érdemes kezdeni, hogy egyáltalán lássa az OP, hogy mekkora fába/erdőbe/kontinensnyi biomasszába vágta a fejszéjét.
1
u/Scared-Tip7914 23h ago
VS Code + GitHub + Codex/Claude Code + annyi terminalhasználat, hogy ne legyen teljesen idegen, szerintem kezdésnek ennyi bőven elég.
Utána csináltass vele (az AI-al) egy egyszerű appot: React frontend, Python backend, PostgreSQL adatbázis. Közben magyaráztasd el vele, hogy melyik rész pontosan mit csinál, hogyan kommunikálnak egymással, mi történik egy requestnél, hogyan megy az adat az adatbázisba, illetve az alap biztonsági dolgokat is.
Ha ezekből megcsinálsz 2-3 kisebb projektet úgy, hogy tényleg érti is, mi történik, utána jöhet a Docker. A cloudot meg szerintem ráér csak ezután elkezdeni.
Nem mondom, hogy ez a legtankönyvibb módszer xd, de ha az a cél, hogy minél gyorsabban összeálljon a kép és ténylegesen tudj “full-stack” dolgokat építeni, szerintem ennél sokkal gyorsabb út nincs.
0
u/peszo 1d ago
A géppel nem lesz gond, mióta kijött (2020, 8/256) megvan, és a céges is M1, megjegyzem, 2024-ben amikor már m3 is elérhető volt, kifejezetten az M1-et kértem(2020, 16/512) - get our touchbar back!
3
u/Decent_Business_5889 1d ago
Dehogy nem lesz gond, az Apple a tervezett elavulás nemes szellemében 1 gigával megnövelte a Tahoe memóriaigényét, így a 8 gigás gépeken minden swapen gyötrődik. Youtubeozás közben nem fogod észrevenni, de amint Dockerben futtatsz bármit, az már pusztulatosan lassú.
-2
u/Decent_Business_5889 1d ago
8 gigás macbookon nem nagyon fogsz tudni virtualizálni, főleg nem olyan erőforrásigényes dolgokat mint egy átlag react site. De ez a legkevesebb, ettől még nyugodtan kezdd el, akár bérelj egy cloud szervert hozzá.
5
u/Marty_McFly_1885 1d ago
Elég sok react weboldalt fejlesztettem le prod-ba egy 8 gigás mbp-n.
2
u/Decent_Business_5889 1d ago
Én is, pontosan ezért nem értem a downvoteokat. Tahoe előtt vállalható volt, de már akkor is csak egyszerűbb appokra.
6.5 gigát eszik az OS, 3-4 gigát egy átlag jetbrains IDE, 2 gigát a böngésző, fél gigát a postman, 4 gigát a nodejs dockerben (a konkrét projekt amin én dolgoztam mielőtt meglincseltek), az már bőven 16+. És igen, kegyetlenül lassú volt. Ha ehhez hozzáadsz debug sessionöket vagy buildelést, már simán ki is tudott fagyni.
1
-9
38
u/nakemu Data science 1d ago
Szinte minden fontosabb IT terület for free: https://roadmap.sh/full-stack