Utmutatok > fullstack #20
Conversation
|
Végigolvastam. Kicsit ellentétesnek érzem az útmutató felépítését. Az elején még azt is leírod példával együt, hogy milyen HTML tag-ek vannak, de azt hogy mi az hogy Module Loader & Bundler, arról egy szó sincs, csak felsorolás. Nem azt mondom, hogy ez így használhatatlan, de a HTML és CSS talán pont annyira alapok, hogy ha valamit szeretnél kifejteni, ne az legyen az. Illetve nemrég találkoztam ezzel a linkkel, szerintem belinkelni mindenképpen megéri, meg akár átvenni dolgokat is: Hackernoon - the 2019 web developer roadmap |
|
@arphox igazad van, valóban ellentétes lett, mert útközben váltottam fejben, de nem követtem végig. Ha ez így szerinted jó, akkor ki fogom egészíteni ilyen default példákkal az összes többi részt is. Azt nem tartottam jónakm hogy csak a linkeket hagyom benn, de felőlem az is lehet. |
|
@zilahir szerintem itt inkább a gondolkodásmód átadása a lényeg. Tehát az, hogy van ilyen szabály a HTML-ben, az talán túl mélyre megy. Ha én tanulnék ebből (nem vagyok web developer, szóval talán jó alany is vagyok ehhez), akkor egy fogalom bevezetésekor szeretném azt megérteni; szóval kéne két mondat mindegyikről: mire jó, miért kell az nekem, mik közül választhatok és mi szerint válasszak. Edit: nem muszáj azonnal betolni amúgy a PR-t, ha pár napon belül megcsinálod a kiegészítést addig maradhat itt. Csak nem szeretném ha félkész munka lenne "kész"-ként betolva a master-ba. |
|
@arphox jó a felvetés, de ha mélyebbre mennék bele akkor már átmenne tutorialba, és nem útmutatásba. Akkor ha most újragondolom, kivenném a példákat, és inkább abba az irányba mennék, hogy a felsorolt toolokról, fw-kről stb, összegyűjtenénk, hogy mi előnye származik a használatokból? Igazából. Ez talán inkbáb útmutató. Ha tutorial-t szeretnénk, (az is lehet felőlem), akkor viszont ez egy nagyon szép, összetett, és jó hosszú topik lesz. :) |
|
@zilahir Amelyiket hasznosabbnak érzed. Amit most írtál, az alapján én úgy kezdenék neki, hogy a címszavakra rágugliznék, és olvasgatnék. Aztán valahogy megpróbálnám megérteni, hogy ezek hogy függnek össze és miért kellenek nekem. Én csak azt szeretném, ha egységes elvet követne. Vagy menjünk bele mindenhol a részletekbe, vagy csak az egész tényleg egy címszavak + linkek gyűjteménye legyen. Én úgy képzelném el, hogy a bizonyos témakört bevezeted 1-3 mondattal (hogy megértsük, hogy mi az, miért/mikor kell), majd bedobod az adott probléma megoldásához szükséges technológiákat. De érdemes jelezni, hogy hol kell "választani" több közül, és hol kell "mindet" egyben használni. De remélem idetéved egy másik fullstackes kolléga is, és elmondja a véleményét. 😄 |
|
Rendben, egy kicsit gondolkoznom kell. De van elképzelésem :) |
|
@arphox elkezdtem kiegészíteni, kérlek nézz bele, hogy jó-e az irány szerinted. :) Köszi! |
Nekem tetszik. De mielőtt commitolsz olvasd át újra amit leírtál, mert helyenként fogalmazási hibák vannak, pl. "A preprocesszorok olyan programok, amely CSS-t generál, a preprocesszorok saját szintaktikájából." Ja és az MD preview-t gyakrabban nézd, mert vannak formázási hibák. is |
There was a problem hiding this comment.
Nekem alapvetően az az érzésem az írással kapcsolatban, hogy nagyon jó a szándék, látszik hogy értesz is hozzá, de számomra nem áttekinthető a cikk tartalma. Egyáltalán nem értek a frontendhez, és nagyon gyorsan elvesztem a sorok között. És ha ezt egy programozásban teljesen kezdőnek készítjük (ha nem, akkor nem szóltam), akkor szerintem nem fogják érteni.
Tehát: ki a célközönség, és kicsit gondoljuk újra a szerkezetet. Akár lehetne egy tartalomjegyzék is.
|
|
||
| ## Egy falatnyi történelem | ||
|
|
||
| A webes, illetve a webes alkalmazásfejlesztés hatalmasat fejlődött az elmúlt akár 5 évben, sőt, mióta léteznek modern webalkalmazásokhoz használatos framework-ök, komoly változás következik be akár minden hatodik hónapban. Ilyenkor természetesen, illetve jobb esetben, a fejlesztőre van bízva, hogy ezeket mennyire, és milyen intenzitással hajlandó követni. |
There was a problem hiding this comment.
"A webes, illetve a webes alkalmazásfejlesztés"
Számomra nem érthető, hogy itt mit akarsz leírni.
There was a problem hiding this comment.
"Ilyenkor természetesen, illetve jobb esetben, a fejlesztőre van bízva, hogy ezeket mennyire, és milyen intenzitással hajlandó követni. "
Nekem zavaró a sok vessző.
| - MVC pattern ismerete | ||
| - clean code alkalmazása | ||
| - user interface átfogó ismerete | ||
| - modern frameworkok ismerete |
There was a problem hiding this comment.
"frameworkok"
Az egész dokumentumban legyen konzisztens a framework szó többes száma. Korábban ez: framework-ök volt, most frameworkok. Döntsd el hogy melyiket szeretnéd (én az előbbit preferálom) és egységesíts.
| - user interface átfogó ismerete | ||
| - modern frameworkok ismerete | ||
| - user experience | ||
| - tisztában lenni a végfelhasználó igényeivel |
There was a problem hiding this comment.
Ez szerintem eléggé alap dolog, akkor már idejöhetne az is, hogy kommunikáció az ügyféllel, igények egyeztetése, stb. Ha erre gondoltál.
|
|
||
| ### CSS | ||
|
|
||
| A `CSS` (azaz `Cascading Style Sheet`) egy egyszerű módszer arra, hogy adjunk _stílusokat_ adjunk az oldalainkoz, amikkel definiáljuk, hogy mi hogyan nézzen ki. |
There was a problem hiding this comment.
"Cascading Style Sheets", kimaradt az s
| `; | ||
| ``` | ||
|
|
||
| Ezt a megoldást akkor érdemes használni, ha valami Javascript frameworkot használunk, vagy szeretnénk használni egy jövőbeli projekthez. A fenti példa a [`styled-components`](https://github.com/styled-components/styled-components) nevű, `ReactJS`-ez írt komponens _formázó_ csomag (_pacakge_). |
|
|
||
| Jelenleg a következő témakörökhöz készül(t) _útmutató_ | ||
|
|
||
| - Fullstack Developer 2019 |
There was a problem hiding this comment.
Fullstack Developer 2019 -> ehhez akarunk ide linket?
|
|
||
| # Források | ||
|
|
||
| 1) `w3c` |
nézhető, próbáltam úgy csinálni, hogy legyen egy kis ismertető az elején, hogy a (kezdő) olvasót a helyes irányba terelje.