Szeretne megtanulni webfejlesztést, de nem tudja, hol kezdje?

Szóval érdekel a webfejlesztés elsajátítása és webfejlesztővé válás? Először is gratulálok. Remekül választottál.

És mivel ezt olvassa, lehet, hogy Ön már aktív tagja egy Facebook-csoportnak, subreddit-nek vagy más online kódoló közösségnek. Ami remek hely a kezdéshez és a támogatás megszerzéséhez a választott tevékenység során.

Ismét remekül teljesítesz eddig.

Tehát a hátterétől függően lehet, hogy azon gondolkodik, hol kezdje el a webfejlesztés elsajátítását. Ha főleg a Google-on keresgélsz, akkor úgy érezheted, hogy egy kicsit túlterheltek az összes nyelv, keretrendszer és tanulási erőforrás.

Nos, ne aggódj. Nem vagy egyedül. A Google lehet a legjobb barátod vagy a legrosszabb ellenséged. Csak attól függ, hogyan használja.

Kezdje a végére való tekintettel.

Az egyik első dolog, amit javasolok a webfejlesztés elsajátításakor, az egyértelmű végcél meghatározása és szem előtt tartása.

Lehet, hogy karriert akar változtatni. Talán van egy gonosz ötlete egy alkalmazásról. Vagy talán csak szórakozásból akar tanulni.

Bármi is legyen a célod, fontos megérteni, miért teszed ezt. Ez a megértés segít abban, hogy produktívabb legyen a tanulási idő. Ez segíteni fog abban is, hogy bátorítson benneteket azokon az időkön, amikor úgy érzi, feladja.

Ne felejtsük el, nem számít, mennyire bonyolult, és messze a végső cél tűnhet most, akkor lehet elérni, hogy a kemény munka és kitartás.

Feltéve, hogy nincs korábbi tapasztalata, az elején célszerű eldönteni azt is, hogy érdeklődése-e a háttér vagy a front end fejlesztése iránt. Engedje meg, hogy röviden elmagyarázzam a különbséget.

Frontend - ezt látja a végfelhasználó és interakcióba lép az oldalon. Minden olyan dizájn, divatos effektusok, elrendezés és képek, amelyek megteremtik a felhasználói élményt.

Általában a front end fejlesztők vizuális kreatívok lesznek, kitűnő tervezési készségekkel, valamint az akadálymentesség és a felhasználói élmény iránti szenvedéllyel. A front end webfejlesztéssel gyakran társított technológiák a HTML, CSS, jQuery és JavaScript.

Backend - ez az a rész, amely jellemzően feldolgozza, tárolja és manipulálja az adatokat. Ez milyen a honlap, vagy alkalmazás működik. A háttér-fejlesztők általában jó problémamegoldók, logikus gondolkodók, akiket érdekel egy weboldal vagy alkalmazás funkcionalitása. A háttér-fejlesztést általában olyan szerveroldali nyelvekhez társítják, mint a PHP, a Python és a Ruby.

Már rögtön tudtam, hogy egyszerűen nem volt olyan érzékem a látványtervezéshez, amely sok fejlesztőt a front-end fejlesztéshez vonz. Valószínűleg könnyebbnek találtam ezt a döntést, mint a legtöbb, a mérnöki és építőipari hátterem miatt. Természetesen jobban hasonlítok a problémamegoldásra és a dolgok működésének kiderítésére, mint arra, hogy a dolgok szépek legyenek!

Akárhogy is, bárhol is érdekel, továbbra is úgy gondolom, hogy a legjobb kiindulópont néhány HTML és CSS elsajátítása. Végül is nem mindegy, hogy melyik fejlesztési területen akar végső soron dolgozni, akkor is képesnek kell lennie arra, hogy valamilyen enyhén bemutatható formában megjelenítse a weboldalon.

Először is, menjen egyenesen a freeCodeCamp vagy a Codecademy oldalra, és vegyen részt a „HTML & CSS” tanfolyamokon. Ez megértheti, miről szólnak ezek a technológiák.

Interaktív tanulási környezeteik miatt emellett rögtön nekikezdenek a kódírásnak, ahelyett, hogy ki kellene találniuk, hogyan kell először beállítani a helyi fejlesztői környezetet. Semmi sem fogja növelni az önbizalmát, mint hogy valamilyen kódot írjon és néhány tesztet azonnal letegyen.

Miután ezt megtette, gratulálok! Elkezdte webfejlesztési útját.

Itt az ideje gyakorolni. Ez elsőre nehéznek tűnhet. Nehéz megtalálni az időt, amikor teljes munkaidős munkája, iskolája, partnere vagy gyerekei igénylik a figyelmét.

De a következetesség kulcsfontosságú . Sokkal többet fog megtudni, ha minden nap egy órát kódol, ahelyett, hogy szombaton hét órát kódolna.

Az emberek megszokott lények, ezért tedd a kódolást a napi rutin részévé. Szánj időt és haladj tovább.

A kódolás megtanulása olyan, mintha megpróbálnánk a világ legerősebb emberévé válni.

Ha valaha is nézte a „Worlds Strongest Man” versenyt, akkor a kódolás megtanulása nagyon hasonlít a teherautó-húzási eseményre. Olyan nehéz elindulni az elején. Lehetetlen feladatnak tűnik. Csak baba lépéseit teszed.

De amint a teherautó gördül, egyre könnyebbé válik, amíg a vége felé rohansz! Ok… talán nem fut! :-)

Ha a tanulási stílusod jobban megfelel a video oktatóanyagoknak, akkor nézd meg a HTML és CSS tanfolyamokat is, amelyek megtalálhatók a YouTube-on.

Személyesen tudom ajánlani Edwin Diaz és Brad Hussey két ingyenes Udemy tanfolyamát. Mindkettő remek oktató (ha nem is kicsit furcsa). És mindkét kurzus kiterjed a fejlesztői környezet beállítására, egy szövegszerkesztő letöltésére (szeretem a Sublime-t és a Brackets-et), valamint egy tényleges projekt felépítésére.

Gyors figyelmeztetés: bár az Udemy nagyszerű, ne ragadjon bele rengeteg tanfolyam vásárlásába. Ebben a korai szakaszban nem kell pénzt költeni a tanulási forrásokra. Nincs hiány fantasztikus dolgokból, amelyek teljesen ingyenesen elérhetők. És ebben a korai szakaszban valószínűleg nem vagy 100% -ban biztos abban, hogy mit akarsz megtanulni.

Az olyan csodálatos közösségek, mint a freeCodeCamp, teljesen ingyenessé teszik a tömegeknek szóló oktatást. És komolyan, ha helyesen alkalmazod magad, akkor valóban nem kell költeni semmit.

A webfejlesztés és a webfejlesztő közösség egyik szép tulajdonsága, hogy nem tesz különbséget. A belépésnek nincsenek akadályai. A közösség tapasztaltabb tagjainak többsége pedig hajlandó segíteni, tanácsot adni és időt szánni másokra.

Nem kell HTML vagy CSS szakértőnek lennie, mielőtt nekiláthatna a dolgok felépítésének.

Egy dolgot szeretnék hangsúlyozni, mielőtt aláírnám ezt: semmilyen módon nem kell HTML- és CSS-szakértőnek lenned, mielőtt nekiláthatnál a dolgok felépítésének vagy a szerveroldali nyelv megtanulásának.

Nem kell hónapokat és hónapokat tölteni az oktatóanyag után. Ne ragadjon bele a kódolási útmutatóba. Ha már nincsenek meg az alapok, akkor tanulhat az építkezés során.

A sablonok nem az ellenség.

Valami mást, amit hasznosnak találtam az induláskor, az a sablonokkal való munka. Most még ne gyűlölj - hallgass meg!

Néhány héttel azután, hogy először megnyitottam egy kódszerkesztőt, elindíthattam egy professzionális megjelenésű weboldalt a sógorom vállalkozásához. Ez a weboldal egy 12 dolláros sablonon alapult, de rengeteg van ott, amelyeket ingyen átvehet.

Tudom, hogy néhány ember felvonja a szemöldökét azon, amit most mondtam. De kezdőként már jól felépített és formázott kóddal dolgozhattam. Ez lehetővé tette számomra jobb projektek felépítését is, ami növelte a webfejlesztés iránti bizalmamat és lelkesedésemet.

Ez a tapasztalat megtanított arra, hogyan kell elolvasni a dokumentációt (ami nagyon fontos része a fejlesztőnek). Ez olyan technológiákkal is megismertetett, mint a jQuery, és lehetőséget adott arra, hogy a JavaScript-szel dolgozzak.

Egy másik szempont, amit meg kell tennem, az, hogy sok webdesign ügynökség és szoftvercég használ napi sablonokat.

A sablon nem épít csodálatos weboldalt, de keretet nyújt, amelyre egy fantasztikus webhelyet építhet. Egy termékalapú szoftvercégnél dolgozom, és sablonokat használunk termékeink kezelőfelületén. Ez azt jelenti, hogy időnket termékünk funkcionalitására koncentrálhatjuk, és nem pazarolhatunk értékes időt a kerék újrafeltalálására.

Ennek ellenére, ha a végső cél egy nagyszerű front-end webfejlesztővé válás, akkor időt kell töltenie ezen képességek elsajátításával. Amit mondok, ne hagyd, hogy visszatartson, ne ragaszkodj el a bemutató után a bemutató után. Épülj!

Ha hasznosnak találta ezt a bejegyzést, és érdekel hasonló tartalom, kérem, kövessen, vagy ossza meg. Támogatását nagyon értékeljük!

Ezenkívül mindig szívesen segítek az embereknek, ahol csak lehet, ezért köszönj nyugodtan :-)