Miért webfejlesztés?
A webfejlesztés olyan terület, amely hamarosan nem vezet sehova. Az internet gyorsan mozog, és rendszeresen javulnak azok az eszközök, amelyeket sokan használnak naponta.
A felhőalapú alkalmazások lehetővé tették számunkra, hogy a felhőben nagy erőfeszítéseket tegyünk, és a böngészőt hídként használjuk az erőteljes háttérszerverek összekapcsolásához kevésbé képes és erőteljes kezelőfelületekkel.
Most van a legjobb alkalom a webfejlesztés megtanulására, ha valamit meg akar tanulni.
A webfejlesztés nemcsak rengeteg lehetőséget kínál Önnek, mint egyénnek, hanem teljes projekteket is kódolhat és telepíthet végponttól végpontig, amelyeket a bolygón szinte mindenki felhasználhat.
Mivel a legtöbb ember hozzáfér egy böngészőhöz, minden ember csak egyetlen URL-re van a kódolt webalkalmazástól. Ha összehasonlítja ezt egy asztali alkalmazással vagy egy hardver alapú termékkel, akkor látni fogja, hogy ez egyszerűen nem annyira méretezhető az internethez képest.
Most, hogy megállapítottuk azt a tényt, hogy a web a legjobb út most, nézzük meg, hogyan lehet a lehető legjobban megtanulni a webfejlesztést.
Az internet hatalmas - kezdje kicsiben és tartsa kicsiben
Valószínűleg számos JavaScript keretet és könyvtárat látott már ott, mint a React, Angular, Vue, Ember, jQuery, XYZ és így tovább.
Néhány nagyon gyakori kérdés, amelyet internetes fejlesztési tartalmat közzétevő YouTuberként kapok:
Tanuljak X-et?
X jobb, mint Y?
Mi a Z hatóköre?
Mindig emlékezzen két dologra a technológiával kapcsolatban, különösen az interneten:
- A technikai verem szinte soha nem számít. Ha elég jó vagy a nyelveddel / keretrendszereddel, akkor minden alkalommal győzni fogsz.
- Soha nem kell mindent megtanulnia. Soha. Lehet minden szakma főnöke, de mindenképpen mestere legyen annak.
Ennek a szakasznak az összegzéséhez nagyon kicsiben kell gondolkodnia, amikor elkezdi . Nagyon könnyű elragadni azzal a forró kerettel, amelyet most kiadtak. Csak ne próbálkozzon azzal, hogy megfelelő kutatások nélkül versenyezzen a régi technika eldobásával és az új technológiák adaptálásával.
Kezdje a HTML-lel és a CSS-sel
Nem tudom ezt eléggé hangsúlyozni. Fáj, hogy rengeteg ember kérdez tőlem kérdéseket a React projektjeikkel kapcsolatban, amikor a válasz az alapvető HTML vagy CSS-ben rejlik.
A JavaScript csak a böngésző szkriptnyelve volt az elején. És bár most ennél sokkal több, ez nem változtat azon a tényen, hogy az interneten kiegészíti a HTML-t és a CSS-t.
A webes szabványok fejlődésével annyit érhet el, hogy egyedül a CSS-t használja. Sok mindenre nincs szükség JavaScript-re sem.
Animációk? Megcsináltad. Fogd és vidd? A HTML ezt képes kezelni. Elrendezések? Nézze meg a Flexbox vagy a Grid CSS API-kat!
Nagyon sok mindent megtudhat a HTML-ről és a CSS-ről! Ne csak rohanjon a JavaScript-be, mert a tömb minden klassz gyereke szögletes. Ezek a könyvtárak és keretrendszerek nem vezetnek sehova. Szánjon rá időt .
Tágra vagy mélyre?
Kétféle megközelítés létezik, amikor megtanulja a webfejlesztést - tágabbra vagy mélyebbre.
Széles körűség azt jelenti, hogy sok mindent elkezd együtt tanulni. Lehet, hogy ez egyesek számára beválik, mások számára viszont nem. Lehet, hogy elárasztja magát oktatóanyagokkal, gyakorlatokkal, videókkal és blogokkal, majd végül feladja.
A mélységbe lépés azt jelenti, hogy elkezded tanulni egy dolgot, és megpróbálsz minél többet megtudni róla. Ennek megvannak a maga előnyei és hátrányai. Lehet, hogy unatkozik, vagy feladja, mert nem látja az eredményeket.
Tehát mi a megoldás? A válasz meglepő módon egyiket sem teszi meg. Válasszon egy kis technikai halmot, például HTML / CSS / JavaScript, és menjen mérsékelten mélyre mindháromba. Ennek van néhány előnye:
- Nem fog unatkozni, mivel mindhárman viszonylag eltérő célokat szolgálnak, és másképp írja őket.
- Keverheted mindhármat, és gyorsan létrehozhatsz és megnézhetsz valami értelmes dolgot hónapokig tartó erőfeszítések nélkül (erre általában más nyelvek, például a C / C ++ szükséges). Ez motiválta a folytatást.
Ne válassza a React, a Angular vagy a Vue lehetőséget
Amikor az emberek elkezdik a JavaScript használatát, sürgetni kell egy olyan könyvtár felvételét, mint a React, az UI-rendszert, mint a Material UI, és belemerülni a fantasztikus dolgok építésébe.
Sajnos ez nem vezet máshoz, mint ahhoz, hogy lődd le magad. Ezekkel a keretrendszerekkel soha, soha nem hozhat létre középhaladó projekteket, ha nem ismeri a JavaScript alapjait. A JavaScript alkalmazása pedig eltart egy ideig.
Figyelje meg, hogy az előző mondatban az alkalmazás és a nem tanulás szót használtam. Óriási különbség van abban, hogy megtanulsz valamit, és alkalmazz valamit, amit megtanultál.
Hozzon létre egy kicsi, de működő projektet HTML / CSS / JavaScript használatával. És amikor megteszi, hozzon létre még egyet, majd hozzon létre egy másik projektet.
Az út minden lépésében növelje a projekt összetettségét és az elvárásokat is, mindaddig, amíg a kódalapja kezelhetetlenné válik. Ezen a ponton eljutottál ahhoz, amit én a felsőbbrendű tanulás határának nevezek .
Látja, léteznek keretrendszerek az ismétlődő munkák leterhelésére. Nem léteznek, így figyelmen kívül hagyja, hogy mi történik valójában a motorháztető alatt, és arra hagyatkozik, hogy mindez varázslat.
Először akkor válasszon olyan keretet, mint a React vagy az Angular, ha biztos benne, hogy a React vagy a Angular nélkül is létrehozhatja a projektet .
Egy szakma mestere
Most, amikor jól értesz a HTML / CSS / JavaScript használatához, itt az ideje áttérni az ipari szabványokra. Az igazság az, hogy bármennyire is jó JavaScript-fejlesztő vagy, gyakran olyan modern keretrendszerekkel kell dolgoznod, mint a React - és csak a JavaScript ismereteiddel nem tudod azonnal elsajátítani.
Időbe telik megtanulni és megérteni a terminológiát, a fogalmakat és a keret működését a motorháztető alatt. Tehát vegyen fel egy keretet és sajátítsa el.
Hogyan kérdezheted? A válasz egyszerű - rajtad múlik. Hozzon létre egy egyszerű projektet az összes fő keretben (Angular, Vue és React), és nézze meg, melyik vibrál a legjobban veled. Válasszon egyet, és ne nézzen vissza
Ezután hozza létre az összes projektet azzal a kerettel. Célozzon olyan dolgokat, amelyek még nem tudják, hogyan kell csinálni. Ez a legjobb módja annak, hogy kiszorítsa magát a komfortzónából és új dolgokat tanuljon .
De ne feledkezz meg a többiekről sem
Ugyanilyen fontos, hogy figyeljünk más jelöltekre is. Ez nemcsak az Ön "kedvenc" keretrendszerének közvetlen versenytársait vonja maga után, hanem néhány érdemes webfejlesztő eszközt is.
Nem kell "elsajátítania" ezeket a többi eszközt, mert sokszor csak egyszeri beállítást igényelnek rendszeres karbantartással. De mindig jó tartani őket a készségek ellenőrzőlistáján.
Ez magában foglalhat több dolgot - például az egység tesztelését a Jest-mel, end-to-end tesztelést a Cypress, a Webpack, a Babel vagy a Parcel segítségével, egy kis devopot, Linux shell parancsfájlokat, szerver telepítéseket stb.
Ezeknek a készségeknek az alapjait mindig gyorsan elsajátíthatja, mivel régóta léteznek, így rengeteg hasznos anyag áll rendelkezésükre.
Továbblép
Hidd el, ez egy vicces érzés - de ha egyszer sok projektet kifejlesztesz és sok kódot írsz kedvenc veremeddel, akkor kezded érezni, hogy bármit megtehetsz. Ezen a ponton munkát kaphat, és csak folytathatja ugyanazt - ez teljesen rendben van. Vagy emelheti szintjét a tetőn keresztül és léphet tovább.
A háló. Is. Hatalmas.
Tehát, ha elkészült a HTML / CSS / JavaScript / React / Angular / Vue használatával, lépjen tovább a szerverekre. Ismerje meg a szerver telepítését, az NGiNX, a HAProxy, a terheléselosztást, a felhő infrastruktúra beállítását, a tűzfalakat és az automatikus skálázást.
Ezzel is végzett? Lépjen tovább a WebAssemblyre, a web következő iterációjának nyelvére.
Befejezte a WebAssembly tanulását? Err, akkor még nem tudom. Esetleg áttér más programozási területekre vagy a főzésre? :)
Következtetés
A mai világban olyan könnyű, hogy ne ismételje meg azokat a hibákat, amelyeket elkövettem, miközben magam tanultam a webfejlesztést. Mert ezek a hibák ma mindenki számára nyilvánosak!
Annyi erőforrás áll rendelkezésére, és azon dolgoztam, hogy a webfejlesztők megtanulják! Itt van a YouTube-csatornám, ahol megtanítalak fantasztikus dolgok programozására. És itt van a codedamn platform - a tényleges platform, amely lehetővé teszi, hogy nagyszerű fejlesztővé válj egy csomó videó, cikk és gyakorlat keverésével.
Mondja el, mit gondol erről a cikkről, és általában a webfejlesztésről, a twitter és az Instagram kezelőim segítségével. Szeretnék kapcsolatba lépni veled odakint!
Béke!