Kezdő útiterv a webfejlesztéshez

Ez a kezdő útiterv meghatározza a webfejlesztés minden alapját. Minden lépést végig fogunk hajtani - kezdve a kódszerkesztő kitalálásától, a JavaScript-keretrendszerig vagy a háttérnyelvig. Ezenkívül olyan forrásokra mutató linkeket is tartalmazunk, ahol elsajátíthatja ezeket a készségeket.

Az a tény, hogy ha csak most kezded, akkor csak az alapokat kell tudnod. Valójában nem kell ismernie minden létező technológiát, eszközt vagy nyelvet a kezdetektől fogva. (Átmész azon a hídon, amikor odaérsz, hidd el!)

Ennek az útmutatónak a végén megismerheti a webfejlesztés alapjait, milyen ismereteket kell ismernie, és hol találhatja meg őket!

1: Mi a webfejlesztés : Hogyan működnek a weboldalak, a front-end és a back-end, a kódszerkesztő‌‌

2: Alapvető kezelőfelület: HTML, CSS és JavaScript‌‌

3: Eszközök : Csomagkezelők, összeállító eszközök, verziókezelés‌‌

4a: Kiegészítő kezelőfelület: Sass, adaptív tervezés, JavaScript keretrendszerek‌‌

4b: Alapszintű háttér: szerver- és adatbázis-kezelés, programozási nyelv

Ebben az ütemtervben azt javaslom, hogy az 1., 2. és 3. lépést sorrendben hajtsa végre. Ezután attól függően, hogy több kezelőfelületre vagy háttérképre kíván-e koncentrálni, bármilyen sorrendben elvégezheti a 4a.

Én személy szerint azt gondolom, hogy jó ötlet, ha a front-end webfejlesztők legalább egy kicsit ismerik a hátteret, és fordítva. Legalábbis mindkettő alapjainak ismerete segít abban, hogy kiderüljön, jobban tetszik-e a front-end vagy a back-end?

Megtekintheti a cikkem frissített verzióját a blogomon is!

1: Mi az a webfejlesztés?

Mielőtt belekezdenénk a tényleges kódolásba, először nézzünk meg néhány általános információt arról, hogy mi a webfejlesztés: hogyan működnek a weboldalak, a különbség a kezelőfelület és a háttér között, valamint egy kódszerkesztő használatával.

Hogyan működnek a weboldalak?

Az összes weboldal a legalapvetőbb, csak egy csomó fájl, amelyet a kiszolgálónak nevezett számítógép tárol . Ez a szerver csatlakozik az internethez. Ezután betöltheti azt a weboldalt egy böngészőn keresztül (például a Chrome, a Firefox vagy a Safari) a számítógépére vagy a telefonjára. A böngészőt ebben a helyzetben ügyfélnek is hívják .

Tehát minden alkalommal, amikor az interneten tartózkodik, Ön (az ügyfél) adatokat (például macskaképeket) kap és tölt be a szerverről, valamint adatokat küld vissza a szerverre ( töltse le a moar cat képeket! ) A kliens és a szerver közötti kapcsolat az internet alapja.

Bármi, amit elérhet a böngészőjében, egy webfejlesztő által épített. Néhány példa a kisvállalkozások webhelyei és blogjai az egyszerűbb oldalon, egészen olyan nagyon összetett webalkalmazásokig, mint az AirBnb, a Facebook és a Twitter.

Mi a különbség a front-end és a back-end között?

A „front end”, „back end” és „full stack” webfejlesztő kifejezések leírják az ügyfél / szerver kapcsolat melyik részével dolgozik.

A „kezelőfelület” azt jelenti, hogy elsősorban az ügyfél oldallal foglalkozik. Azért hívják „kezelőfelületnek”, mert ezt láthatja a böngészőben. Ezzel szemben a „háttér” a webhely azon része, amelyet nem igazán lehet látni, de sok olyan logikát és funkcionalitást kezel, amely minden működéséhez szükséges.

Erre gondolhat az, hogy a front-end webfejlesztés olyan, mint egy étterem „ház előtti” része. Ez az a rész, ahol az ügyfelek meglátogatják és megtapasztalják az éttermet - a belső dekorációt, az ülést és természetesen az étel elfogyasztását.

Másrészt a háttér-webfejlesztés olyan, mint az étterem „ház hátsó része”. Itt történik a szállítások és a készletek kezelése, és az élelmiszer előállításának folyamata mind megtörténik. A kulisszák mögött sok minden van, amit az ügyfelek nem látnak, de megtapasztalják (és remélhetőleg élvezik) a végterméket - egy finom ételt!

A szórakoztató illusztrációkat leszámítva az elülső és a hátsó webfejlesztés különböző, de nagyon fontos funkciókat tölt be.

Kódszerkesztő használata

Webhely készítésekor a legfontosabb eszköz, amelyet használni fog, a kódszerkesztő vagy az IDE (Integrated Development Environment). Ez az eszköz lehetővé teszi a webhelyet alkotó jelölés és kód megírását.

Van jó néhány jó lehetőség, de jelenleg a legnépszerűbb kódszerkesztő a VS Code. A VS Code a Visual Studio, a Microsoft fő IDE könnyebb verziója. Gyors, ingyenes, könnyen használható, és testreszabhatja témákkal és bővítményekkel.

További kódszerkesztők: Sublime Text, Atom és Vim.

Ha mégis csak most kezdenéd, javasoljuk, hogy nézd meg a VS Code-ot, amelyet letölthetsz a weboldalukról.

Most, hogy áttekintettünk néhány tágabb fogalmat a webfejlesztésről, térjünk ki a részletekre - kezdve a kezelőfelülettel.

2: Alapvető kezelőfelület

A weboldal kezelőfelülete három típusú fájlból áll: HTML, CSS és JavaScript. Ezeket a fájlokat töltjük be a böngészőbe, az ügyféloldalra.

Nézzük meg közelebbről mindegyiket.

HTML

A HTML vagy a HyperText Markup Language az összes weboldal alapja. Ez a fő fájltípus, amelyet betöltenek a böngészőbe, amikor egy webhelyet néz meg. A HTML fájl tartalmazza az oldal összes tartalmát, és címkékkel jelöli a különböző típusú tartalmakat.

Címkék segítségével például címsorokat, bekezdéseket, felsorolással ellátott listákat, képeket stb. Hozhat létre. A HTML-címkék önmagukban tartalmaznak néhány stílust, de meglehetősen egyszerűek, mint például egy Word-dokumentumban.

CSS

A CSS vagy a Cascading Style Sheets lehetővé teszi a HTML-tartalom stílusának megformálását, így szép és divatos megjelenésű. Hozzáadhat színeket, egyedi betűtípusokat és elrendezheti a webhely elemeit, bármennyire is szeretné. Akár animációkat és alakzatokat is létrehozhat a CSS segítségével!

Nagyon sok mélység van a CSS-ben, és néha az emberek hajlamosak rávilágítani, hogy áttérhessenek például a JavaScript-re. Azonban nem tudom túlbecsülni annak fontosságát, hogy megértsük, hogyan lehet a dizájnt CSS-sel weboldallá alakítani. Ha a front-endre akarsz szakosodni, elengedhetetlen, hogy valóban komoly CSS készségekkel rendelkezz.

JavaScript

A JavaScript egy programozási nyelv, amelyet a böngészőben történő futtatásra terveztek. A JavaScript használatával dinamikusabbá teheti webhelyét, vagyis válaszol a felhasználó vagy más források különböző inputjaira.

Például létrehozhat egy „Vissza a tetejére” gombot, amelyre kattintva a felhasználó visszagörget az oldal tetejére. Vagy létrehozhat egy időjárás-widgetet, amely a felhasználó világbeli helyzete alapján megjeleníti a mai időjárást.

Különösen, ha később fejleszteni szeretné képességeit egy olyan JavaScript keretrendszerrel, mint a React, többet fog megérteni, ha időt szán a szokásos vanília JavaScript elsajátítására. Ez egy igazán szórakoztató nyelv, amelyet megtanulni lehet, és nagyon sok mindent megtehetsz vele!

Hol lehet megtanulni HTML-t, CSS-t és JavaScript-et

Gyakran kérdezik tőlem, hogy mik a legjobb helyek a kódolás elsajátítására, és általában elmondom nekik az alábbi forrásokat. Emellett van egy részletesebb listám a webes fejlesztés elsajátításához szükséges legjobb tanfolyamokról a blogomon - hasznos lehet!

Megjegyzés : Az alábbi linkek egy része (a fizetett tanfolyamok és könyvek linkjei) társult linkek, ami azt jelenti, hogy jutalékot kapok, ha rajtuk keresztül vásárol, saját költsége nélkül. Ez az egyik módja, hogy támogathat az ehhez hasonló hasznos források létrehozásában!

freeCodeCamp

Az egyik kedvenc helyem, amelyet ajánlok, a freeCodeCamp. Ez egy online kódoló bootcamp, amely nonprofit és teljesen ingyenes! Szeretem ezt a lehetőséget, mert ha kezdő vagy, és nem vagy teljesen biztos abban, hogy a kódolás neked szól-e, akkor ez alacsony nyomású, kockázatmentes módja annak, hogy megnézd, tetszik-e.

A freeCodeCamp egyik hátránya, hogy bár hihetetlen tantervük van beépített kódolási környezettel, részeként nem tartalmaznak strukturált videókat.

Tehát, ha nagyon szeretsz videókból tanulni, íme néhány további lehetőség:

Treehouse csapat

A Team Treehouse egy prémium szintű online tanulási platform, amely videó alapú, és több számmal rendelkezik, amelyeket követhet. Még online Tech Degree programjuk is van, amely olyan, mint egy online bootcamp, amelyet 4-5 hónap alatt teljesíthet.

Sajnos a Treehouse nem ingyenes, de a költségkeretétől függően eltérő havi vagy éves tervekkel rendelkeznek. Ingyenes 7 napos próbaverzióval rendelkeznek, így láthatja, tetszik-e neked, és tudok adni egy olyan üzletet is, ahol 100 dollárt kaphatsz az alaptervük 1 évéből. Ha meglehetősen biztos abban, hogy be akar kapcsolódni a webfejlesztésbe, a Team Treehouse remek hely a tanuláshoz.

Ha inkább az egyszeri videotanfolyamok rajongója, van néhány ingyenes és fizetett lehetőség:

Wes Bos

A Wes Bos kiváló tanfolyamokat kínál a Flexbox, a CSS Grid és a JavaScript elsajátításáról. Most mentem végig a CSS Grid tanfolyamán, és nagyon alapos és szórakoztató volt. Wes nagyszerű tanár!

Udemy

Az Udemy egy online tanulási platform, rengeteg nagyszerű tanfolyammal is. Különösen tetszeni fog a Jonas Schmedtmann Advanced CSS és Sass tanfolyama - ez a fizetett tanfolyam a CSS rácsot, a flexboxot, az adaptív dizájnt és más CSS témákat fed le!

Youtube

Rengeteg ingyenes videoforrás található a YouTube-on is:

A Traversy Media, amely valószínűleg a legnagyobb webfejlesztési csatorna, rendelkezik HTML Crash Course-val és CSS Crash Course-val.

A DesignCourse, a webdesignra és a kezelőfelületre összpontosító csatorna HTML és CSS oktatóanyaggal is rendelkezik.

A freeCodeCamp pedig rendelkezik saját YouTube-csatornával, olyan videókkal, mint a Learn JavaScript tanfolyam és más mélyreható tanfolyamok.

Könyvek és cikkek a webfejlesztésről

Ha inkább olvasó ember vagy, nagyon ajánlom a következőket:

A hihetetlenül népszerű Jon Duckett könyvek, HTML és CSS, valamint JavaScript és jQuery. Ezek a könyvek egyáltalán nem a sűrű, kifinomult tankönyvek. Gyönyörűen megtervezettek, igazán jól meg vannak írva, és rengeteg fotó és kép segíti az anyag tanítását.

Az Eloquent JavaScript egy másik könyv, ami nagyon tetszik. Ingyenesen elolvashatja a weboldalukon, vagy papírmásolatot vásárolhat az Amazon-tól, ha kedveli a fizikai könyveket. Nekem is van ilyenem, és nagyon tetszik!

Ha további könyvajánlatokat szeretne látni, nézze meg az internetes fejlesztéshez ajánlott könyvekről szóló bejegyzésemet.

Végül, de nem utolsósorban, néhány nagy cikkeket és egyéb forrást tartalmazó webhely a következő:

  • Mozilla fejlesztői hálózat
  • CSS trükkök
  • Smashing Magazine

3: Eszközök

Vegyünk részt néhány más front-end technológiában. Mint említettük, a HTML, a CSS és a JavaScript a front-end webfejlesztés alapvető építőköve. Rajtuk kívül van még néhány eszköz, amelyet érdemes megtanulni.

Csomagkezelők

A csomagkezelők online szoftvergyűjtemények, amelyek nagy része nyílt forráskódú. Az egyes szoftverek, úgynevezett csomagok, elérhetők a saját projektjeiben történő telepítésre és felhasználásra.

Gondolhat rájuk, mint a beépülő modulokra - ahelyett, hogy mindent a semmiből írna, használhat olyan segédprogramokat, amelyeket mások már írtak.

A legnépszerűbb csomagkezelőt npm-nek vagy Node Package Manager-nek hívják, de használhat egy másik Yarn nevű kezelőt is. Mindkettő jó ismeret és használat, bár valószínűleg a legjobb az npm-el kezdeni.

Ha kíváncsi további információkra, olvassa el ezt a cikket az npm használatának alapjairól.

Készítsen eszközöket

A modulcsomagolók és az olyan építőeszközök, mint a Webpack, a Gulp vagy a Parcel, az elülső munkafolyamat másik elengedhetetlen részét képezik.

Alapszinten ezek az eszközök feladatokat futtatnak és fájlokat dolgoznak fel. Használhatja őket a Sass fájlok CSS-be fordításához, az ES6 JavaScript-fájlok ES5-ig történő áttelepítéséhez a jobb böngésző-támogatás érdekében, futtathat egy helyi webszervert és sok más hasznos feladatot.

A Gulp , technikailag egy feladatfuttató, rendelkezik egy npm csomaggal, amelyek segítségével fájlokat fordíthat és feldolgozhat.

A Webpack egy rendkívül nagy teljesítményű csomag, amely képes mindent megtenni, amire a Gulp képes, és még többet is. Rengeteget használt a JavaScript-környezetekben, különösen a JavaScript-keretrendszerekkel (amire egy kicsit eljutunk). A Webpack egyik oldala az, hogy sok konfigurációt igényel a működésbe lépéshez, ami frusztráló lehet.

A Parcel egy újabb csomag , mint a Webpack, de előre konfigurálva van a dobozból, így szó szerint néhány perc alatt elindíthatja. És nem kell annyira aggódnia mindent konfigurálni.

Személy szerint szeretem használni a Gulp-ot a saját kezelőfelületem munkafolyamataihoz, ahol csak a Sass- és a JavaScript-fájljaimat szeretném lefordítani, és nem csinálnék túl sokat.

Hasznos linkek

Ha érdekel a Gulp vagy a Parcel, oktatóanyagok vannak mindkettőhöz:

  • A Gulp 4 használata a munkafolyamatban
  • Gyors útmutató a csomaghoz

Ha többet szeretne megtudni a Webpackról, nézze meg a következő YouTube-videókat:

  • Összeomlási tanfolyam a WebCpack-ben, a DesignCourse részéről
  • 10 részes sorozat a Webpack-on, Colt Steele

Verziókezelés

A verziókezelés (más néven forrásvezérlés) egy olyan rendszer, amely nyomon követi a projektfájlokban végrehajtott minden kódmódosítást. Akár vissza is térhet egy korábbi változtatásra, ha hibázik. Ez majdnem olyan, mintha végtelen mentési pontok lennének a projektjéhez, és hadd mondjam el, ez hatalmas életmentő lehet.

A legnépszerűbb verziókezelő rendszer a Git nevű nyílt forráskódú rendszer. A Git használatával az összes fájlt és azok változási előzményeit tárolóknak nevezett gyűjteményekben tárolhatja.

Lehet, hogy hallott már a GitHubról is, amely a Microsoft tulajdonában lévő online tárhelycég, ahol tárolhatja az összes Git-tárházat.

A Git és a GitHub elsajátításához a GitHub.com online útmutatókat tartalmaz, amelyek elmagyarázzák, hogyan lehet elindulni és elindulni. A Traversy Media rendelkezik egy YouTube-videóval is, amely elmagyarázza Git működését.

4a: További előtér

Miután megismerte a front-end down alapjait, van még néhány köztes készség, amelyet meg akar tanulni. Javaslom, hogy nézze meg az alábbiakat: Sass, adaptív tervezés és JavaScript keretrendszer.

Sass

A Sass a CSS kiterjesztése, amely az írási stílusokat intuitívabbá és modulárisabbá teszi. Ez egy igazán hatékony eszköz. A Sass segítségével a jobb szervezés érdekében a fájlokat több fájlra oszthatja, változókat hozhat létre a színek és a betűtípusok tárolására, a keverők és a helyőrzők segítségével pedig egyszerűen felhasználhatja a stílusokat.

Még akkor is, ha csak kihasználja az alapvető funkciókat, például a fészkelést, gyorsabban és kevesebb fejfájással meg tudja írni a stílusát.

Tudjon meg többet Sassról ebben a Scotch.io oktatóanyagban, valamint a Dev Ed YouTube-videójában.

Reszponzív dizájn

Az adaptív kialakítás biztosítja, hogy stílusai minden eszközön jól nézzenek ki - asztali számítógépeken, táblagépeken és mobiltelefonokon. A reszponzív tervezés alapvető gyakorlatai közé tartozik az elemek rugalmas méretezése, valamint a média lekérdezések felhasználása a stílusok megcélzásához az adott eszközökhöz és szélességhez.

Például ahelyett, hogy tartalmát statikus 400 képpont szélesre állítaná, használhatja a média lekérdezést, és beállíthatja, hogy a tartalom 50% szélességű legyen asztali számítógépen és 100% mobilon.

Manapság elengedhetetlen a weboldalak adaptív CSS-sel történő létrehozása, mivel a mobil forgalom sok esetben meghaladja az asztali forgalmat.

Ha többet szeretne megtudni a reszponzív tervezésről és arról, hogy webhelyei hogyan válnak reagálóként, olvassa el ezt a cikket. Élő kódolást is folytatok a YouTube-csatornámon, ahol a semmiből építek egy weboldalt, és a nézők valós időben kérdezhetnek tőlem!

JavaScript keretrendszerek

Ha a vanília JavaScript alapjai nem működnek, érdemes elsajátítania a JavaScript-keretek egyikét (különösen, ha teljes veremű JavaScript-fejlesztő szeretne lenni).

Ezek a keretek előre elkészített struktúrákkal és komponensekkel rendelkeznek, amelyek lehetővé teszik az alkalmazások gyorsabb felépítését, mintha a semmiből kezdenéd.

Jelenleg három fő választási lehetősége van: React, Angular és Vue.

A React (technikailag könyvtár) a Facebook hozta létre, és jelenleg a legnépszerűbb keretrendszer. A tanulás megkezdéséhez látogasson el a React.js webhelyre. Ha érdekel egy prémium szintű React tanfolyam, Tyler McGinnins és Wes Bos egyaránt nagyszerű tanfolyamokkal rendelkezik.

Az Angular volt az első nagy keret, amelyet a Google hozott létre. Még mindig nagyon népszerű, annak ellenére, hogy a React nemrégiben felülmúlta. Elkezdheti az Angular tanulását a weboldalukon. Gary a DesignCourse-tól Angular crash tanfolyammal is rendelkezik a YouTube-on.

A Vue egy újabb keretrendszer, amelyet Evan You, egy korábbi Angular fejlesztő hozott létre. Bár kisebb a használata, mint a React és az Angular, gyorsan növekszik, emellett könnyűnek és szórakoztatónak is tekinthető. Felkelhet vele a Vue weboldalán.

Melyik keretet érdemes megtanulni?

Lehet, hogy most kíváncsi vagy: "Ok, nos, melyik keret a legjobb?"

Az az igazság, hogy mind jók. A webfejlesztésben szinte soha nincs egyetlen választás sem, amely 100% -ban a legjobb választás minden ember és helyzet számára.

Választását nagy valószínűséggel a munkája fogja meghatározni, vagy egyszerűen az, hogy melyiket élvezi a legjobban. Ha végső célja egy munkahely megszerzése, próbálkozzon azzal, hogy melyik keretrendszer tűnik a leggyakoribbnak a potenciális állásajánlatoknál.

Ne aggódjon nagyon azon, hogy melyik keretet válassza. Fontosabb, hogy megtanulja és megérti a mögöttük álló fogalmakat. Továbbá, miután megtanulta az egyik keretrendszert, könnyebb lesz megtanulni másokat is (hasonlóan a programozási nyelvekhez).

Térjünk most az utolsó szakaszunkra: háttér-webfejlesztésre!

4b: Alapvető háttér

A webfejlesztés háttere vagy szerveroldala három fő összetevőből áll: a szerverből, a szerveroldali programozási nyelvből és az adatbázisból.

szerver

Amint a legelején említettük, a szerver az a számítógép, ahol az összes webhelyfájlt, adatbázist és egyéb összetevőket tárolják.

A hagyományos szerverek olyan operációs rendszereken futnak, mint a Linux vagy a Windows. „Központosítottnak” tekintik őket, mert mindent - a webhelyfájlokat, a háttérkódot és az adatokat együtt tárolják a szerveren.

Manapság léteznek szerver nélküli architektúrák is, ami decentralizáltabb típusú telepítés. Az ilyen típusú alkalmazások szétbontják ezeket az összetevőket, és külső gyártókat késztetnek ezek kezelésére.

A név ellenére mégis szüksége van valamiféle szerverre, hogy legalább a webhelyfájljait tárolja. Néhány példa a szerver nélküli szolgáltatókra: AWS (Amazon Web Services) vagy Netlify.

A kiszolgáló nélküli beállítások népszerűek, mert gyorsak, olcsóbbak, és nem kell aggódnia a szerver karbantartása miatt. Nagyszerűek olyan egyszerű statikus webhelyekhez, amelyek nem igényelnek hagyományos szerveroldali nyelvet. Nagyon összetett alkalmazások esetében azonban a hagyományos szerver beállítás lehet jobb megoldás.

Ha többet szeretne megtudni a szerver nélküli beállításokról, a Netlify tartalmaz egy informatív blogbejegyzést, amely végigvezeti Önt a statikus webhely telepítésével kapcsolatos összes lépésen.

Programozási nyelv

A szerveren programozási nyelvet kell használnia az alkalmazás függvényeinek és logikájának megírásához. Ezután a szerver összeállítja a kódot, és az eredményt visszaküldi az ügyfélnek.

A web programozási nyelvei közé tartozik a PHP, a Python, a Ruby, a C # és a Java. Van egyfajta kiszolgálóoldali JavaScript– Node.js is, amely egy futásidejű környezet, amely képes futtatni a JavaScript-kódot a szerveren.

Vannak olyan keretrendszerek is, amelyeket a kiszolgálóoldali nyelvek mindegyikénél használhat. Csakúgy, mint az elülső JavaScript-keretrendszerek, ezek a háttér-keretek is hasznos eszközök, amelyek sokkal gyorsabbá teszik a webalkalmazások felépítését.

Nézzük meg a webfejlesztéshez leggyakrabban használt programozási nyelvek listáját:

C #

A C # a Microsoft versenytársa a Java számára. Használják webalkalmazások készítésére a .NET keretrendszerrel, játékfejlesztéssel, sőt mobilalkalmazások létrehozására is használhatók.

Tanulási helyek C #: #C # Sárga könyv programozása, Rob Miles‌‌C # Az Udemy alapjai

Jáva

A Java az egyik legnépszerűbb programozási nyelv, amelyet webalkalmazásokban, valamint Android-alkalmazások építésére használnak.

Helyek, ahol megtanulják a Java-t: HelsinkiHelsinki MOOC Egyetem‌‌A teljes Java fejlesztői tanfolyam az Udemy-n

Node.js

A Node.js nagyon népszerű technológia (a Stack Overflow 2019-es fejlesztői felmérése szerint). Egy dolgot érdemes megjegyezni: ez technikailag nem szerveroldali nyelv - ez a JavaScript egy olyan formája, amely az Express.js keretrendszer használatával fut a szerveren.

Tanulási helyek Node.js: ‌‌Node.js oktatóprogram a Mosh programozásával‌‌Learn Node by Wes Bos

PHP

A PHP az a nyelv, amely a WordPress szolgáltatást működteti, így ez jó választás lehet, ha úgy gondolja, hogy kisvállalkozások webhelyeivel fog dolgozni, mivel közülük sokan a WordPress programot használják. Webalkalmazásokat is készíthet a Laravel keretrendszerrel.

PHP-tanulási helyek: mmBevezetés a PHP-be mmtuts által‌‌PHP, Edwin Diaz az Udemy-n

Piton

A Python egyre népszerűbb, főleg, mivel az adattudományban és a gépi tanulásban használják. Jónak is tartják, mivel a szintaxisa egyszerűbb, mint néhány más nyelv. Ha webalkalmazásokat szeretne készíteni, használhatja a Django vagy a Flask keretrendszereket.

Helyek, ahol megtanulhatja a Pythont: ‌‌A Modern Python 3 Bootcamp, Colt Steele, az Udemy webhelyen‌‌LearnPython.org

Rubin

A rubin egy másik nyelv, amelynek szintaxisa a tanuláshoz szükséges fu. Webalkalmazásokat a Ruby on Rails keretrendszerrel készíthet.

Tanulási helyek Ruby: OAz Odin projekt‌‌Ruby on Rails oktatóanyag, Michael Hartl

Csakúgy, mint a JavaScript keretrendszerekkel, itt sincs első számú legjobb programozási nyelv. A választásnak személyes érdeklődésén és preferenciáin, valamint a potenciális munkahelyeken kell alapulnia - ezért végezzen egy kis kutatást arról, hogy melyik lehet a jó választás az Ön számára .

Adatbázisok

Az adatbázisok, amint azt a neve is jelzi, azok a helyek, ahol információkat tárol a webhelyéhez. A legtöbb adatbázis az SQL nevű nyelvet (ejtsd: „folytatás”) használja, amely a „Strukturált lekérdezési nyelv” kifejezés.

Az adatbázisban az adatokat táblákban tárolják, a sorok pedig olyanok, mint az összetett Excel-dokumentumok. Ezután írhat lekérdezéseket SQL-be ​​adatok létrehozása, olvasása, frissítése és törlése érdekében.

Az adatbázis a szerveren fut, olyan szerverek segítségével, mint a Microsoft SQL Server a Windows szervereken, és a MySQL for Linux.

Vannak olyan NoSQL adatbázisok is, amelyek az adatokat JSON fájlokban tárolják, szemben a hagyományos táblákkal. A NoSQL adatbázis egyik típusa a MongoDB, amelyet gyakran használnak a React, az Angular és a Vue alkalmazásokkal.

Néhány példa az adatok weboldalakon történő felhasználására:

Ha van kapcsolatfelvételi űrlap a webhelyén, akkor elkészítheti azt, hogy minden alkalommal, amikor valaki beküldi az űrlapot, adatait az Ön adatbázisába menti.

Felhasználói bejelentkezéseket is használhat az adatbázisban, és logikát írhat a kiszolgálóoldali nyelvre a bejelentkezések ellenőrzéséhez és hitelesítéséhez.

Néhány forrás az SQL alapjainak elsajátításához:

  • Jose Portilla teljes SQL Bootcamp-je az Udemy-n
  • SQLBolt

Néhány tipp, amellyel otthagyhat…

Köszönöm, hogy elolvasta! Őszintén remélem, hogy ez az útmutató segít a webfejlesztés elsajátításában.

Néhány tippem, ha autodidakta utat választasz:

  1. Ne próbáljon mindent egyszerre megtanulni. Válasszon egyszerre egy készséget, amelyet tanulni szeretne.
  2. Ne ugorjon az oktatóanyagok között. Tanulás közben rendben van, ha különböző forrásokat nézel meg, hogy melyik tetszik a legjobban. De ismét válassz egyet, és próbáld meg végigcsinálni.
  3. Tudja, hogy a webfejlesztés megtanulása hosszú távú utazás. Annak ellenére, hogy olvastál olyan történeteket, amelyek arról szólnak, hogy az emberek 3 hónap múlva nulláról kezdik el a webes fejlesztési munkát, én inkább 1-2 évre törekszem, hogy készen állj a munkára, ha már a kezdetektől fogod kezdeni.
  4. Csak egy videotanfolyam megtekintése vagy egy könyv olvasása nem tesz automatikusan szakértővé. Az anyag megtanulása csak az első lépés. A tényleges webhelyek és projektek (akár csak a bemutató oldalak) elkészítése segít abban, hogy valóban megalapozza a tanulást.

Sok szerencsét, amikor elkezdi tanulni a webfejlesztést! Ha további érdekel, nézze meg ezt a cikket a blogomon: Ismerje meg a webfejlesztést abszolút kezdőként.

Szeretne követni?

Mini tippeket teszek közzé a webfejlesztés terén az Instagramon és a Twitteren, és kódolási oktatóvideókat hozok létre a YouTube-on!