bizonyos készségek egyre nagyobb a kereslet.

készségek, amelyek szinte garantálják a munkahelyeket és a lehetőségeket az elkövetkező években és évtizedekben.

az egyik ilyen készség a webfejlesztés.

gondolkodtál már azon, hogyan válhat webfejlesztővé?

ellentétben a közhiedelemmel, nem kell egy divatos főiskolai diplomát Számítástechnika lesz egy webfejlesztő, és hozzon létre egy funkcionális weboldal.

valójában, ha követi az ebben a cikkben szereplő utasításokat, sokkal gyorsabban válhat webfejlesztővé ,mint gondolná (de még mindig kemény munkát igényel!).

Kész? Kezdjük az alapokkal:

Mi / ki egy Webfejlesztő

itt van az egyszerű válasz erre a kérdésre: weboldalakat építenek és karbantartanak.

más szóval-szó szerint létrehozzák, hogyan tapasztalja meg az internetet. Azok a webhelyek, amelyek azt akarják, hogy a felhasználók élvezhessék tapasztalataikat, nagyszerű webfejlesztőkre van szükségük – általában hajlandóak néhány komoly pénzt átvenni, hogy megszerezzék ezeket a nagyszerű webfejlesztőket.

egy webfejlesztő felelőssége:

1. írjon weboldalakat jelölő nyelvek kombinációjával.
2. készítsen minőségi maketteket és prototípusokat.
3. építsen egy WordPress webhelyet a semmiből.
4. értsd meg a HTML-t és a CMS-t.
5. megérteni UI, UX és tanulási használhatóság.
6. funkcionális és vonzó weboldalakat és webalapú alkalmazásokat fejleszt.
7. weboldal karbantartást és fejlesztéseket biztosít.

Ezek a leggyakoribb követelmények, de az Ön feladatai és feladatai a webfejlesztési feladatoktól és az Ön webfejlesztési szakterületétől függően változnak.

Apropó web fejlesztési specialitások, van három, amit tudnia kell:

1. Frontend fejlesztés: a “frontend” utal, hogy “cucc” a honlapon, hogy látod, és kölcsönhatásba lépnek, például menük, dropdowns, stb ..
2. Backend development: a “backend” olyan, mint a jéghegy felszín alatti része. Enélkül a weboldal nem tud működni. A backend szerverekkel, alkalmazásokkal, adatbázisokkal stb.foglalkozik.
3. teljes verem fejlesztés: ez mind a backend, mind a frontend fejlesztés kombinációja.

miért válhat Webfejlesztővé?

a webfejlesztés olyan iparág, amely egyhamar nem fog meghalni.

valójában az Egyesült Államok Munkaügyi Statisztikai Hivatala 13% – os növekedést jósolt a rendelkezésre álló webfejlesztési munkahelyekben 2028-ig.

egyszerűen fogalmazva-ha fejleszteni tudja ezt a képességet, akkor nem lesz nehéz munkát találni a belátható jövőben.

itt van öt nagy előnye / előnye, hogy egy webfejlesztő:

1. távolról is dolgozhat. Elgondolkozott már azon, hogy milyen lenne dolgozni bárhol a világon, a saját idejét? Mint webfejlesztő, rengeteg lehetősége lesz távolról dolgozni. Talán végre teljesítheti azt az álmot, hogy egyszerre utazik a világon, miközben pénzt takarít meg.
2. saját weboldalak és webes alkalmazások építéséhez használhatja képességeit. Szeretne nyereséges weboldalt vagy alkalmazást készíteni? Ezzel a készséggel nem kell fizetnie egy csomó pénzt, hogy felépítse. Meg lehet építeni magad egy töredéke az ár.
3. önállóan dolgozhat. Nem kell többé egy főnök esernyője alatt dolgoznia, ha nem akarja. Akkor szabadúszó vagy indítsa el a saját üzleti sokkal könnyebben, ha tudni Webfejlesztés.
4. bejutni a nyereséges tech ipar. A webfejlesztés alapvetően a techipar jegye. A legtöbb tech induló van némi szükség a webfejlesztők, így ez lehet az utat, hogy a lábad az ajtón.
5. lehet építeni félelmetes dolgokat! A szórakoztató rész az, hogy olyan kreatív lehet, amennyit csak akar. Ahelyett, hogy weboldalakat néznénk, és azt gondolnánk: “Hű, ez királyul néz ki. Bárcsak létre valami ilyesmi, ” akkor most képes lesz arra, hogy saját félelmetes kinézetű honlap.

mit gondol? Vajon mindez neked izgatott a gondolat, hogy egy webfejlesztő? Ha igen, akkor a megfelelő helyen vagy – mert meg fogod tanulni azokat a lépéseket, amelyeket meg kell tennie ahhoz, hogy eggyé válj!

Hogyan válhat egy Webfejlesztő

Ismerje meg az alapokat a HTML, CSS, Javascript

ezek az anyákat, csavarokat minden weboldal fejlesztés, hogy akkor dolgozni naponta, ha úgy dönt, hogy építeni honlapok a megélhetésért.

• HTML diktálja a szerkezet
• CSS fog kinézni szép
• a Javascript teszi funkció

beszéljünk mindegyik, hogyan lehet tanulni őket.

HTML

a HTML a Hypertext Markup Language kifejezést jelenti. Ez a weboldal egyik fő összetevője, az úgynevezett frontend nyelvek egyike.

röviden-ez biztosítja az alapvető csontváz egy weboldal, főleg egy sor címkék.

a címke az a HTML kód, amely szabályozza a HTML dokumentum tartalmának megjelenését.

Íme néhány gyakori HTML – címke, amelyet meg kell ismernie:

• <HTML></HTML> – ez a címke megjelenik a HTML dokumentum elején és végén. Ez azt jelzi, hogy a dokumentum HTML5-ben van írva.
• <title></title> – a címcímke az oldal címe. Ez akkor hasznos, mind a keresők (amikor a keresés index oldal), illetve a felhasználók (megjelenik a böngésző címsorában) által egyértelműen kimondja, hogy az elsődleges téma, minden oldal
• <fej></head> – Ezt az információt tartalmaz arról, hogy az adott oldalt, beleértve a title tag, metaadatok, kapcsolatok forgatókönyveket meg a stíluslapok.
• <body></body> – ez magában foglalja az összes tartalmat, amely megjelenik a felhasználók számára, beleértve mindent, amit látni és olvasni fognak.

Megjegyzés: Minden címke úgy kezdődik, mint “<test > “és úgy végződik, mint” </test>”. A ” / ” azt jelzi, hogy az adott címke utána már nincs használatban. Fontos, hogy a végcímkét behelyezzük. Ellenkező esetben a teljes dokumentum ezt a címkét fogja használni.

Íme néhány erőforrás a HTML tanulásához:

• HTML kezdő útmutató
• HTML Cheat Sheet

CSS

CSS a lépcsőzetes stíluslapokat jelenti.

a stílust a HTML struktúra mögé helyezi. Alapvetően CSS, HTML nélkül, következésképpen az egész weboldal unalmasnak tűnik.

így kombinálják őket: a HTML-kódon belül egy CSS-stíluslapra hivatkozik.

Íme egy példa arra, hogy a CSS hogyan néz ki akcióban:

}#top-header a,#top-header a { color: #fff;}#top-header,#et-secondary-nav { -webkit-transition: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -moz-transitions: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -transistion: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out;}#top-header .container { padding-top: 0.75em; font weight: 600;}

itt van egy nagyszerű forrás a CSS tanulásához: CSS Cheat Sheet

Javascript

a Javascript egy programozási nyelv, amely lehetővé teszi az elemek weblapokon történő megvalósítását. Olyan funkciókat tölt be, mint az interaktív térképek, 2D/3D grafika stb.

itt van egy nagyszerű forrás, amely segít megtanulni a Javascriptet: Javascript Cheat Sheet

Ismerje meg a WordPress alapjait

ahhoz, hogy webfejlesztővé váljon, meg kell ismerkednie a WordPress-szel. Végül is-az összes webhely 63%-át ez az ingyenes, nyílt forráskódú szoftver táplálja, amelyet alapvetően bármilyen webes gazdagépre telepíthet.

Miután beállította a WordPress webhelyet, az ügyfelek számára meglehetősen egyszerű A tartalom hozzáadása önmagában (még akkor is, ha nincs webes fejlesztési tapasztalata).

rengeteg WordPress útmutatónk van ezen a weboldalon. Nézze meg az alábbi linkeket:

• Hogyan készítsünk WordPress webhelyet
• Hogyan készítsünk WordPress blogot
• hogyan lehet testreszabni a WordPress

Ismerje meg az UI-t és az UX-t

UI (felhasználói felület) és UX (felhasználói élmény) a felhasználói élmény kialakításának alapjai.

a legtöbb fejlesztő nem tervező szakértő – ezek két különböző Birodalom. Nem kell, hogy egy design rockstar.

még mindig fontos megjegyezni, hogy a felhasználói élmény kialakításának alapjainak megtanulásával jobban megértheti, hogyan működik egy webhely. Ez több felhasználót fog tartani a webhelyen, segít nekik megtalálni azt, amit keresnek, és végül több pénzt költenek erre a webhelyre.

a tervezési készségek építőköveinek megismeréséhez javasoljuk az Adobe Creative Suite tanulását. Photoshop kell az első dolog, amit belevetik magukat, mivel ez a go-to a legsúlyosabb tervezők. Ha nem szereti az Adobe-t, akkor a Sketch-be is merülhet, amely a tervezők körében emelkedő csillag.

itt van néhány forrás a megértés és a tanulás UI és UX:

• a különbség UX és UI Design-laikus útmutató
• Treeehouse és Lynda kínálnak kiváló kezdő tanfolyamok mind Photoshop és általános tervezési fogalmak

tanulni SQL és PHP (opcionális)

fogjuk össze ezeket a két együtt, mert olyanok, mint két oldalán az azonos érme.

az SQL egy adatbázis-technológia (lásd SQL cheat sheet), amely információkat tárol. A PHP egy “scripting” nyelv, amely elhelyezi vagy húzza a dolgokat egy adatbázisból (lásd PHP cheat sheet).

Gondolj például a WordPress – re.

a MySQL segítségével tárolja és kezeli az információkat (blogbejegyzések, oldaltartalom, megjegyzések, felhasználói információk stb.) egy “táblázat” adatbázisban. A PHP az, ami dinamikussá teszi a WordPress webhelyet, kölcsönhatásban áll ezekkel a különböző elemekkel, és megfelelően frissíti az adatbázist.

Az SQL és a PHP együttműködésének megismerése segíthet elsajátítani a WordPress webhelyfejlesztését, amelyet szó szerint több száz (ha nem több ezer) ember keres minden nap munka – és projekttáblákon az Interneten keresztül.

további források a PHP és az SQL tanulásához:

• SQL Course
• TutorialsPoint (PHP)

nem könnyű. Egy-két hét alatt nem fogod ezeket elsajátítani. De az idő múlásával, megismerve, majd jó ezekben a készségkészletekben, azt jelenti, hogy mindig nyereséges karrierje lesz előtted.

Ismerje meg a SEO alapjait

a SEO a keresőmotor optimalizálását jelenti. Ez arra a folyamatra utal, hogy javítsák a webhely rangsorolását egy olyan keresőmotoron belül, mint a Google. Ez az egyik legfontosabb készség az online üzleti életben.

lehet, hogy azt gondolja: “ha Fejlesztő vagyok, miért kell aggódnom, hogy egy webhely milyen jól helyezkedik el a keresőmotorokban? Nem ez a bloggerek és tartalomkészítők feladata?”

Nos igen, a weboldal SEO nagy része a tartalomhoz kapcsolódik. De a weboldal tényleges szerkezete és kódja is szerepet játszik.

például a címsorcímkék (HTML) rendkívül fontosak a SEO számára. Elmondják a keresőmotoroknak, mi az igazán fontos egy weboldalon.

most SEO szakértőnek kell lennie? Egyáltalán nem. De meg kell tanulnod a SEO alapjait, és szem előtt kell tartanod a SEO-t, miközben létrehozod az egyes webhelyeket. Ennek során, akkor adja meg a honlapon egy sokkal nagyobb esélye van a sikerre, és hogy a web development kliens, hogy sokkal boldogabb.

íme néhány SEO tipp a webfejlesztők számára:

• optimalizálja a metacímkéket. A keresési oldalon a metacímke megmondja a böngészőknek, hogy miről szól a webhely – minél jobb, annál valószínűbb, hogy rákattintanak a webhelyre.
• győződjön meg róla, hogy a címsorcímkéi meghatározott sorrendben vannak. A H1-nek a fő címsornak kell lennie, majd az alsó szintű címsorokon keresztül kell leereszkednie az oldalon keresztül (azaz H2, H3, H4 stb.). Ez megkönnyíti a keresőmotorok navigálását a webhelyen.
• ellenőrizze, hogy a címcímke megfelelően leírja-e a weboldalt. A címnek hangsúlyoznia kell, hogy mi az oldal.

Íme néhány erőforrás a SEO alapjainak megtanulásához:

• A kezdő útmutató SEO
• hogyan lehet megtanulni SEO: 10 a legjobb források Könyvjelző
• hogyan lehet növelni a weboldal forgalmát

legalább 3-5 órát szánni az erőforrások olvasására és az alapok megtanulására. Ez felkészíti Önt arra, hogy weboldalakat fejlesszen ki a SEO szem előtt tartásával.

győződjön meg róla, hogy webhelye érzékeny

saját webhely létrehozásakor (ami jó ötlet, ha több ügyfelet szeretne kapni) – ellenőrizze, hogy webhelye reagál-e.

reszponzív azt jelenti, hogy a weboldal elemei a képernyő méretének megfelelően változnak. Ez azt jelenti, hogy webhelye jól néz ki, függetlenül attól, hogy a látogató laptopon vagy mobil eszközön van-e.

2018-ban a reszponzív tervezés döntő fontosságú volt. Minden az ügyfelek elvárják, hogy-ólom példával, és győződjön meg arról, hogy a honlap reagál.

* * *

Oké, tehát ha átmegy ezen a 6 lépésen, akkor alapvető megértése lesz a webfejlesztésről. Tudni fogja, hogyan kell csinálni (legalább alapszinten).

szánjon időt ezekre a lépésekre – a webfejlesztők iránti kereslet nem csökken egyhamar, így van ideje tanulni.

de itt van a nagy kérdés: ha úgy érzi, hogy megvan az alapvető megértés, hogyan találja meg valójában a webfejlesztő ügyfeleket?

szerencséd van – erről fogunk beszélni a következőről!

hogyan lehet megtalálni az első Web Development klienst (vagy szabadúszóvá válni)

csak azért, mert megvan a készség, nem jelenti azt, hogy az emberek csak pénzt adnak neked. Dolgoznod kell egy kicsit, és eladnod magad. A lehetőségek megszerzéséhez a megfelelő helyekre is be kell helyeznie magát.

most, mint webfejlesztő, két lehetősége van. Akkor 1) próbálja meg leszállni a teljes munkaidős, helyszíni munkát egy cég vagy 2) megy az útvonal a szabadúszó, és keresse meg az online koncertek.

szabadúszást ajánlunk. Bár nem engedheti meg magának ugyanazt a garantált fizetést, amelyet egy teljes munkaidős munka végez, 3 hatalmas előnye van:

• szabadság: nincs több órajel és órajel. Lehet, hogy még mindig ugyanazt az órát (vagy többet) dolgozod, de a beosztásod, a tartózkodási helyed és az életkörülményeid teljesen rajtad állnak. (Plusz – nincs ingázás, ami minden héten órákat takarít meg!)
• pénz: ha egyszer jó szabadúszóvá válsz, jobb esélyed lesz arra, hogy több pénzt keress (mint várni egy nyamvadt 3% – os emelésre minden évben).
• presztízs: az idő múlásával lehetősége lesz arra, hogy saját személyes munkáját és márkáját olyan pontra építse, amely végül garantálja az új ügyfelek folyamatos beáramlását (anélkül, hogy meg kellene keresnie őket!).

a következő részben arra összpontosítunk, hogyan kaphatjuk meg első szabadúszó koncertjét webfejlesztőként.

get on Job Boards

a legtöbb szabadúszó hit job boards, hogy megtalálják az első web development koncertek. Ezek nagyszerűek lehetnek a tapasztalatok felhalmozására, de valószínűleg nem akarja hosszú távú stratégiaként használni őket.

az ügyfelek minősége nagyon hit-or-miss lehet. Néhány nagyszerű lehet. Mások kevésbé …

sokszor vonzzák azokat az embereket, akik tapasztalatlanok a bérbeadásban, ami sok problémát okozhat, amikor velük próbál dolgozni. Gyakran előfordul, hogy a munkalapok irreális időkerettel és költségvetéssel rendelkező embereket is vonzanak.

a munkalapokra való túlzott támaszkodás (túl hosszú ideig) nem ad lehetőséget (vagy szabad időt) a saját márka építésének megkezdésére. Vonzza a “bejövő” figyelmet, hogy a munka végül földet a legjobb (és legjobban fizető) ügyfelek a nap végén.

de mint mondtuk, nem rossz lehetőség az indulásra és a tapasztalatszerzésre.

csak megérteni, hogy minden koncert kapsz egy munka fórumon (bár lehet, hogy nem fizet rendkívül jól) segít, hogy tapasztalatokat szerezzenek, és minél több jövőbeli munka.

Ez is elég könnyű elkezdeni a munkát táblák…

Az alábbiakban egy képet az eredményeket egy gyors keresés UpWork:

(mint látható, vannak tonna munkalehetőségek webfejlesztők!)

itt van néhány munka táblák, ahol megtalálható web development koncertek:

• PeoplePerHour.com
• Codeable.io (WordPress)
• TopTal.com (WordPress)
• UpWork.com

rakjon össze egy Portfólió oldalt

, hogy megkönnyítse több ügyfél (és az ügyfelek számára, hogy megtalálják Önt), hozzon létre egy portfólió webhelyet. Ez az, ahol akkor mutatják ki a legújabb projektek, azt mutatják, ajánlások boldog ügyfelek, a potenciális ügyfelek egy egyszerű módja a kapcsolatot veled, valamint mutatják ki a web fejlesztési képességeit.

Íme néhány tipp a web development portfolio oldal létrehozásához:

• használjon korábbi és aktuális ügyfelek ajánlásait. Ez biztosítja a látogatókat, hogy nagyszerű munkát végeznek, mások pedig örömmel dolgoztak veled. (Legyen ez a szokás kérve beszámolók, amikor befejezi a projektet.)
• Infuse your personality. Mi a jó abban, hogy veled dolgozhatsz, és mi tesz téged kiemelkedővé? Amikor személyiséget tölt be a Portfólió webhelyére, automatikusan elkülöníti magát.
• tartalmazza a megfelelő elemeket. Az Ön neve, a történet rövid változata arról, hogy hogyan/miért lett webfejlesztő, az elérhetőségei, a legutóbbi munkája, valamint a készségek.
• Válaszolj a ” mi van benne nekem?”kérdés. Alapvetően tudassa velük a veled való együttműködés fő előnyeit, azaz azt, amit az ügyfelek kapnak a veled való együttműködésből.

legfőképpen-győződjön meg róla, hogy a Portfólió webhelye fantasztikusan néz ki! Azt akarod, hogy a potenciális ügyfelek lássák, és azt gondolják: “Hűha! Azt akarom, hogy valami ilyesmi az én honlapján is!”Így sokkal jobban érdekli őket, hogy veled dolgozzanak.

Íme néhány példa a nagyszerű webfejlesztő portfólióoldalakra, amelyeket inspirációként lehet használni:

• MattFarley.ca
• Caferati.én (Apropó infusing személyiség, ez a fejlesztő nem ez egy nagy út az ő honlapján. Menj a honlapra, és meglátod, mire gondolunk!)
• Pierre.io

Itt vannak a források, hogy segítsen felépíteni a web fejlesztési portfólió oldalon:

• Hogyan lehet Létrehozni egy Portfólió Weboldal
• 10 Tipp Létrehozása A Fejlesztő Portfólió

Start Hálózati

nem csak egész idő alatt súroló online munka táblák. Ha azt szeretnénk, hogy nagy lehetőségeket, van, hogy ki a valós világban is.

tegyen pontot arra, hogy havonta legalább 2-3 releváns hálózati eseményen vegyen részt. Feltételezve, hogy egy nagyvárosban vagy egy-két órán belül él, nem lehet nehéz megtalálni az ilyen eseményeket.

Kezdje a meetups keresésével Meetup.com és Eventbrite. Csak ezen a két platformon rengeteg releváns eseményt kell találnia.

célja események felhívni a vállalkozók, mivel ezek az emberek lesznek a legvalószínűbb, hogy szeretnék, hogy egy új honlap. Ahogy egyre több ilyen emberrel csatlakozol és hálózol (és tudd, hogy webfejlesztő vagy), egyre több és jobb fellépésnek teszed ki magad, mint amit a munkaasztalokon találnál. Akkor is elkezd nőni a személyes márka.

itt van egy másik nagyszerű forrás, amely segít megtalálni az eseményeket: hogyan lehet megtalálni a hálózati eseményeket, amelyeket érdemes meglátogatni

A teljes munkaidős Webfejlesztő előnyei

sokat beszéltünk a szabadúszásról, mint webfejlesztőről. A teljes munkaidőben végzett munka azonban saját előnyökkel jár:

• más fejlesztőkkel dolgozik-ez a megosztott élmény előnyeit nyújtja, különösen, ha teljesen új vagy. Másokkal való együttműködés lehetővé teszi számukra, hogy megosszák tapasztalataikat veled, ami nagyon értékes.
• az ügyféltámogatás szerveződik – amikor egy cégnél dolgozik, nem köteles a nap különböző időpontjaiban dolgozni. Ez azt jelenti, hogy a vállalati ügyfelek tudják, mikor kell kapcsolatba lépni, és várják a munka befejezését.
• sokkal koncentráltabb munkaterhelés-ma több szabadúszó dolgozik különböző projekteken egyszerre. Ez megosztja a hangsúlyt, amely befolyásolhatja az Általános minőséget. Teljes munkaidős fejlesztőként nagyobb valószínűséggel dolgozik egy olyan projekten, amely teljes figyelmet igényel.

következtetés

a munkaerőpiac egyre keményebb. A hagyományosabb munkahelyeket minden nap fokozatosan megszüntetik. Szóval, miért nem tanulsz meg egy olyan képességet, amely a belátható jövőben foglalkoztat (és esetleg gazdag)?

Ez a webfejlesztés nagy előnye. A nagy része – nem kell egy díszes drága mértékben, hogy a területen. Egyszerűen az itt felsorolt lépések követésével elindíthatja a webfejlesztővé válás útját.

is, van egy csomó integrált fejlesztési környezet (IDE) szoftver opciók ki, hogy egy fejlesztő életét sokkal könnyebb.

összefoglalva, itt vannak az alapvető lépéseket, hogy egyre webfejlesztő:

1. Megtanulják az Alapokat a HTML, CSS, s a Javascript
2. Megy keresztül WordPress Oktatóanyagok
3. Megtanulják az Alapokat a felhasználói FELÜLET, valamint UX
4. Tanulni, SQL, PHP
5. Megtanulják az Alapokat a SEO
6. ellenőrizze, Hogy A Webhely Érzékeny

Pedig itt van az alapvető lépéseket, hogy megtalálja az első web fejlesztési koncert:

1. Kap Munkát Táblák
2. összerakni egy Portfolió Oldal
3. a Start Hálózati

Most itt az ideje, hogy tegyen lépéseket, majd mutasd meg a világnak, milyen egy király web fejlesztő lehet!