Algajate teekaart veebiarenduse poole

See algaja tegevuskava esitab kõik veebiarenduse põhitõed. Vaatame läbi kõik sammud - alates sellest, kuidas välja selgitada, millist koodiredaktorit kasutada, millise JavaScripti raamistiku või taustakeeleni saate jõuda. Lisame ka lingid ressurssidele, kus saate neid oskusi õppida.

Fakt on see, et kui te alles alustate, on praegu vaja teada ainult põhitõdesid. Te ei pea kohe teadma kõiki olemasolevaid tehnoloogiaid, tööriistu ega keeli. (Ületate selle silla, kui sinna jõuate, uskuge mind!)

Selle juhendi lõpuks saate aru veebiarenduse põhitõdedest, milliseid oskusi peate teadma ja kust neid leida!

1: Mis on veebiarendus : kuidas veebisaidid töötavad, kasutajaliides vs taust, koodiredaktor‌‌

2: Põhiline kasutajaliides: HTML, CSS ja JavaScript‌‌

3: Tööriistad : paketihaldurid, ehitustööriistad, versioonihaldus‌‌

4a: täiendav esiosa: Sass, tundlik disain, JavaScripti raamistikud‌‌

4b: Põhiline taust: serveri ja andmebaasi haldamine, programmeerimiskeel

Selles teekaardis soovitan teha etapid 1, 2 ja 3 järjekorras. Seejärel, sõltuvalt sellest, kas soovite keskenduda rohkemale eesservale või tagaküljele, saate teha samme 4a või 4b suvalises järjekorras.

Ma arvan isiklikult, et esiotsa veebiarendajatel on hea mõte teada vähemalt natuke back-endi ja vastupidi. Vähemalt aitab mõlema põhitõdede tundmine välja mõelda, kas teile meeldib esiosa või tagumine osa paremini?

Selle artikli uuendatud versiooni saate vaadata ka minu ajaveebist!

1: Mis on veebiarendus?

Enne tegeliku kodeerimisega tutvumist vaatame kõigepealt mõnda üldist teavet selle kohta, mis on veebiarendus: kuidas veebisaidid toimivad, erinevus kasutajaliidese ja tagapõhja vahel ning koodiredaktori kasutamine.

Kuidas veebisaidid toimivad?

Kõik veebisaidid on kõige elementaarsemad vaid hunnik faile, mis on salvestatud arvutisse, mida nimetatakse serveriks. See server on ühendatud Internetiga. Seejärel saate selle veebisaidi oma arvutisse või telefoni brauseri (nt Chrome, Firefox või Safari) kaudu laadida. Teie brauserit nimetatakse selles olukorras ka kliendiks .

Nii et iga kord, kui olete Internetis, hankite ja laadite teie (klient) serverist andmeid (näiteks kassipilte), samuti esitate andmeid serverile tagasi ( laadige moari kassi pilte! ) See tagasi ja Interneti ja kliendi ning serveri vaheline levitamine.

Veebiarendaja lõi kõik, millele saate oma brauseris juurde pääseda. Mõned näited on väikeettevõtete veebisaidid ja ajaveebid lihtsamalt, kuni väga keerukate veebirakendusteni nagu AirBnb, Facebook ja Twitter.

Mis vahe on esiotsa ja tagaosa vahel?

Mõisted „esiotsa”, „taguotsa” ja „täieliku virna” veebiarendaja kirjeldavad, millise kliendi / serveri suhte osaga te töötate.

„Esiosa“ tähendab, et tegelete peamiselt kliendipoolega. Seda nimetatakse esiosaks, kuna seda näete brauseris. Seevastu on tagumine osa see veebisaidi osa, mida te tegelikult ei näe, kuid see haldab paljusid loogikat ja funktsionaalsust, mis on vajalik kõigi toimimiseks.

Üks võimalus sellele mõelda on see, et veebipõhine veebiarendus on nagu restorani majaesine osa. See on osa, kuhu kliendid tulevad restorani vaatama ja kogema - sisekujundus, istekohad ja loomulikult toidu söömine.

Teisest küljest on veebipõhine veebiarendus nagu restorani osa maja taga. Seal hallatakse tarneid ja varusid ning kõik toidu loomise protsess toimub. Lava taga on palju asju, mida kliendid ei näe, kuid nad kogevad (ja loodetavasti naudivad) lõpptoodet - maitsvat sööki!

Lõbusad illustratsioonid kõrvale jättes täidavad nii esi- kui ka tagumine veebiarendus erinevaid, kuid väga olulisi funktsioone.

Koodiredaktori kasutamine

Veebisaidi koostamisel on kõige olulisem tööriist, mida kasutate, koodiredaktor või IDE (integreeritud arenduskeskkond). See tööriist võimaldab teil kirjutada veebisaidi moodustava märgistuse ja koodi.

Seal on üsna palju häid võimalusi, kuid praegu on kõige populaarsem koodiredaktor VS Code. VS-kood on Visual Studio, Microsofti peamise IDE, kergem versioon. See on kiire, tasuta, hõlpsasti kasutatav ja saate seda kohandada teemade ja laiendustega.

Muud koodiredaktorid on Sublime Text, Atom ja Vim.

Kui aga alles alustate, soovitaksin vaadata VS-koodi, mille saate alla laadida nende veebisaidilt.

Nüüd, kui oleme veebiarenduse mõned laiemad mõisted käsitlenud, võtame rohkem üksikasju - alustades esiosast.

2: põhiline esiosa

Veebisaidi esiosa koosneb kolme tüüpi failidest: HTML, CSS ja JavaScript. Need failid laaditakse brauserisse kliendi poolele.

Vaatame neist igaühte lähemalt.

HTML

HTML või HyperText Markup Language on kõigi veebisaitide alus. See on peamine failitüüp, mis laaditakse teie brauserisse, kui vaatate mõnda veebisaiti. HTML-fail sisaldab kogu lehe sisu ja kasutab eri tüüpi sisu tähistamiseks silte.

Näiteks saate siltide abil luua pealkirjade pealkirju, paragrahve, täppidega loendeid, pilte jne. HTML-siltidel on iseenesest mõned stiilid lisatud, kuid need on üsna lihtsad, nagu näiteks see, mida näete Wordi dokumendis.

CSS

CSS ehk kaskaadsed stiililehed võimaldavad HTML-i sisu kujundada nii, et see näeks välja kena ja uhke. Saate lisada värve, kohandatud fonte ja paigutada oma veebisaidi elemente nii, nagu soovite nende välimust. CSS-iga saate luua isegi animatsioone ja kujundeid!

CSS-is on palju sügavust ja mõnikord kipuvad inimesed selle üle läikima, et saaksid liikuda JavaScripti juurde. Ma ei saa siiski üle hinnata, kui oluline on mõista, kuidas kujundus CSS-i abil veebisaidipaigutusse teisendada. Kui soovite spetsialiseeruda esiosale, on hädavajalik omada tõeliselt kindlaid CSS-oskusi.

JavaScripti

JavaScript on programmeerimiskeel, mis on loodud brauseris töötamiseks. JavaScripti abil saate muuta oma veebisaidi dünaamiliseks, see tähendab, et see vastab kasutaja või muude allikate erinevatele sisenditele.

Näiteks saate luua nupu „Tagasi üles”, et kui kasutaja sellel klõpsab, kerib ta lehe ülaossa tagasi üles. Või võite ehitada ilmaolude vidina, mis kuvab tänapäeva ilma vastavalt kasutaja asukohale maailmas.

Eriti kui soovite oma oskusi hiljem arendada JavaScripti raamistiku abil nagu React, saate rohkem aru, kui võtate aega, et kõigepealt õppida tavalist vanilje JavaScripti. See on tõesti lõbus keel, mida õppida ja sellega saab nii palju teha!

Kust õppida HTML-i, CSS-i ja JavaScripti

Tihti küsitakse minult, millised on kodeerimise õppimise parimad kohad, ja tavaliselt ütlen neile mõned järgmised ressursid. Samuti on mul oma ajaveebis põhjalikum loetelu parimatest kursustest veebiarenduse õppimiseks - see võib teile kasulikuks osutuda!

Märkus . Mõned allolevad lingid (tasuliste kursuste ja raamatute lingid) on sidusettevõtted, mis tähendab, et saan komisjonitasu, kui ostate nende kaudu endale lisakuludeta. See on üks viis, kuidas saate mind toetada selliste kasulike ressursside loomisel!

freeCodeCamp

Üks minu lemmikkohti, mida soovitada, on freeCodeCamp. See on võrgus kodeeriv bootcamp, mis on mittetulunduslik ja täiesti tasuta! Mulle meeldib see võimalus, sest kui olete algaja ja pole täiesti kindel, kas kodeerimine on teie jaoks, on see madalrõhuline ja riskivaba viis, et näha, kas see teile meeldib.

FreeCodeCampi üks miinus on see, et kuigi neil on uskumatu õppekava koos sisseehitatud kodeerimiskeskkonnaga, pole neil selle osana struktureeritud videoid.

Nii et kui teile tõesti meeldib videotest õppida, on siin mõned muud võimalused.

Treehouse meeskond

Team Treehouse on esmaklassiline veebipõhine õppeplatvorm, mis on videopõhine ja millel on mitu rada, mida saate jälgida. Neil on isegi veebipõhine tehnikakraadiprogramm, mis on nagu veebi bootcamp, mille saate täita 4-5 kuu jooksul.

Kahjuks pole Treehouse tasuta, kuid neil on sõltuvalt teie eelarvest erinevad kuu- või aastaplaanid. Neil on tasuta 7-päevane prooviversioon, nii et näete, kas see teile meeldib, ja ma võin teile pakkuda ka tehingu, kus saate oma põhiplaanist ühe aasta jooksul 100 dollarit. Kui olete üsna kindel, et soovite veebiarendusega tegeleda, on Team Treehouse suurepärane koht õppimiseks.

Kui olete rohkem ühekordsete videokursuste fänn, on mõned tasuta ja tasulised võimalused.

Wes Bos

Wes Bosil on suurepärased Flexboxi, CSS Gridi ja JavaScripti õppimise tasuta kursused. Ma läbisin just tema CSS Gridi kursuse ja see oli tõesti põhjalik ja ka lõbus. Wes on suurepärane õpetaja!

Udemy

Udemy on veebipõhine õppeplatvorm, kus on palju toredaid kursusi. Eriti võiks teile meeldida Jonas Schmedtmanni täiustatud CSS- ja Sass-kursus - see tasuline kursus hõlmab CSS-i ruudustikku, flexboxi, tundlikku kujundust ja muid CSS-i teemasid!

Youtube

YouTube'is on ka palju tasuta videoressursse:

Traversy Media, mis on arvatavasti suurim veebiarenduskanal, omab HTML-i ja CSS-i krahhikursust.

Veebidisainile ja esiosale keskendunud kanalil DesignCourse on olemas ka HTML- ja CSS-õpetus.

Ja freeCodeCampil on oma YouTube'i kanal, kus on videoid nagu Learn JavaScripti kursus ja muud süvakursused.

Raamatud ja artiklid veebiarenduse kohta

Kui olete rohkem lugev inimene, soovitaksin tungivalt järgmist:

Uskumatult populaarsed Jon Ducketti raamatud HTML-is ja CSS-is ning JavaScripti ja jQuery. Need raamatud ei ole üldse teie tihedad, käsimüügis olevad õpikud. Need on kaunilt kujundatud, tõesti hästi kirjutatud ning materjali õpetamiseks on palju fotosid ja pilte.

Kõnekas JavaScript on veel üks raamat, mis mulle väga meeldib. Saate seda tasuta lugeda nende veebisaidilt või osta Amazonist paberkoopia, kui teile meeldivad füüsilised raamatud. Mul endal on see üks ja see meeldib mulle väga!

Kui soovite rohkem raamatusoovitusi näha, vaadake minu postitust veebiarenduse õppimiseks soovitatud raamatute kohta.

Ja lõpuks on mõned suurepäraste artiklite ja muude ressurssidega veebisaidid järgmised:

  • Mozilla arendajate võrk
  • CSSi trikid
  • Ajakiri Smashing

3: Tööriistad

Läheme nüüd mõne muu esiotstarbelise tehnoloogia juurde. Nagu me mainisime, on HTML, CSS ja JavaScript esiotsa veebiarenduse peamised ehituskivid. Lisaks neile on veel mõned tööriistad, mida soovite õppida.

Paketihaldurid

Pakettide haldurid on tarkvara veebikogud, millest suur osa on avatud lähtekoodiga. Iga tarkvara, mida nimetatakse paketiks, saate installida ja oma projektides kasutada.

Võite mõelda nende peale nagu pistikprogrammid - selle asemel, et kirjutada kõike nullist, võite kasutada kasulikke utiliite, mille teised inimesed on juba kirjutanud.

Kõige populaarsem paketihaldur kannab nime npm ehk Node Package Manager, kuid võite kasutada ka mõnda muud haldurit nimega Lõng. Mõlemad on head võimalused teadmiseks ja kasutamiseks, kuigi ilmselt on kõige parem alustada npm-ga.

Kui soovite rohkem teada saada, võite lugeda seda artiklit npm kasutamise põhitõdede kohta.

Ehitage tööriistu

Moodulite komplektid ja ehitustööriistad, nagu Webpack, Gulp või Parcel, on esiotsa töövoo teine ​​oluline osa.

Põhitasandil töötavad need tööriistad ülesandeid ja töötlevad faile. Nende abil saate oma Sassi failid kompileerida CSS-i, oma ES6 JavaScripti failid üle laadida ES5-le, et paremat brauserituge pakkuda, kohalikku veebiserverit käivitada ja palju muid kasulikke ülesandeid.

Gulpil , tehniliselt ülesannete jooksjal, on komplekt npm pakette, mida saate kasutada oma failide kompileerimiseks ja töötlemiseks.

Webpack on ülivõimas kogumik, mis suudab teha kõike, mida Gulp suudab, pluss veel rohkemgi. See on JavaScripti keskkondades kasutanud tonni, eriti JavaScripti raamistike puhul (milleni jõuame natuke). Webpacki üks külg on see, et selle käivitamiseks on vaja palju seadistusi, mis võib olla pettumust valmistav.

Parcel on uuem komplekteerija nagu Webpack, kuid tegemist eelhäälestatud karbist, siis võite sõna otseses mõttes saan seda läheb vaid paar minutit. Ja te ei pea nii palju muretsema kõige seadistamise pärast.

Mulle isiklikult meeldib kasutada Gulppi omaenda eesseadmete töövoogude jaoks, kus ma tahan lihtsalt oma Sassi ja JavaScripti failid kompileerida ega teha liiga palju muud.

Kasulikud lingid

Kui olete huvitatud Gulpist või Pakist, on mul mõlema jaoks õpetused:

  • Gulp 4 kasutamine oma töövoos
  • Paki kiirjuhend

Kui soovite Webpacki kohta lisateavet, vaadake järgmisi YouTube'i videoid:

  • WebCasti krahhikursus DesignCourse'i poolt
  • 10-osaline seeria veebipakil, autor Colt Steele

Versioonihaldus

Versioonihaldus (nimetatakse ka lähtekontrolliks) on süsteem, mis jälgib kõiki projekti muudatusi, mida projektifailides teete. Kui teete vea, saate isegi eelmise muudatuse juurde naasta. See on peaaegu sama, nagu oleks teil projekti jaoks lõpmatuid säästupunkte ja lubage mul öelda, et see võib olla tohutu elupäästja.

Kõige populaarsem versioonikontrollisüsteem on avatud lähtekoodiga süsteem nimega Git. Giti abil saate salvestada kõik oma failid ja nende muudatuste ajalugu kogudesse, mida nimetatakse hoidlateks.

Võib-olla olete kuulnud ka GitHubist, mis on Microsofti veebimajutusettevõte, kuhu saate salvestada kõik oma Giti hoidlad.

Giti ja GitHubi õppimiseks on veebisaidil GitHub.com mõned veebijuhised, mis selgitavad, kuidas tööle asuda. Traversy Media'l on ka YouTube'i video, mis selgitab Giti toimimist.

4a: täiendav esiosa

Kui teil on esiotsa allapoole põhitõed, on veel mõned vahepealsed oskused, mida soovite õppida. Soovitan teil vaadata järgmist: Sass, tundlik disain ja JavaScripti raamistik.

Sass

Sass on CSS-i laiendus, mis muudab kirjutamisstiilid intuitiivsemaks ja modulaarsemaks. See on tõesti võimas tööriist. Sassi abil saate oma stiilid paremaks korraldamiseks jagada mitmeks failiks, luua muutujaid värvide ja fontide salvestamiseks ning kasutada miksiine ja kohatäiteid stiilide hõlpsaks taaskasutamiseks.

Isegi kui kasutate lihtsalt mõnda põhifunktsiooni, näiteks pesitsemist, saate oma stiilid kirjutada kiiremini ja väiksema peavaluga.

Saate Sassi kohta lisateavet saada sellest Scotch.io õpetusest ning Dev Edi YouTube'i videost.

Reageeriv disain

Tundlik disain tagab, et teie stiilid näevad head välja kõikides seadmetes - lauaarvutites, tahvelarvutites ja mobiiltelefonides. Reageeriva disaini põhipraktikad hõlmavad elementide paindliku suuruse kasutamist ning meediumipäringute kasutamist konkreetsete seadmete ja laiuste stiilide sihtimiseks.

Näiteks saate oma sisu staatilise 400px laiuse seadmise asemel kasutada meediumipäringut ja seada sisu töölaual 50% ja mobiilseadmes 100% laiuseks.

Oma veebisaitide loomine tundliku CSS-iga on tänapäeval kohustuslik, kuna mobiililiiklus ületab paljudel juhtudel töölaualiikluse.

Lisateavet tundliku kujunduse ja veebisaitide reageerimisvõime kohta leiate sellest artiklist. Teen oma YouTube'i kanalil ka reaalajas kodeerimisvooge, kus ehitan veebisaidi nullist ja vaatajad saavad mulle reaalajas küsimusi esitada!

JavaScripti raamistikud

Kui vanilli JavaScripti põhitõed on maas, võiksite õppida mõnda JavaScripti raamistikku (eriti kui soovite olla täispika JavaScripti arendaja).

Need raamistikud on varustatud eelnevalt ehitatud struktuuride ja komponentidega, mis võimaldavad teil rakendusi ehitada kiiremini kui siis, kui alustaksite nullist.

Praegu on teil kolm peamist valikut: Reageeri, Nurk ja Vue.

React (tehniliselt raamatukogu), mille lõi Facebook ja mis on praegu kõige populaarsem raamistik. Õppimise alustamiseks minge React.js veebisaidile. Kui olete huvitatud kõrgklassi React kursusest, on nii Tyler McGinninsil kui ka Wes Bosil suurepärased kursused.

Nurk oli esimene suur raamistik ja selle lõi Google. See on endiselt väga populaarne, kuigi React on selle hiljuti ületanud. Võite hakata Angulari õppima nende veebisaidil. Gary DesignCourse'ist on ka YouTube'is Angular crash -kursus.

Vue on uuem raamistik, mille on loonud endine Angulari arendaja Evan You. Kuigi see on kasutuses väiksem kui React ja Angular, kasvab see kiiresti ning seda peetakse ka hõlpsaks ja lõbusaks kasutamiseks. Sellega saate Vue veebisaidil käima tõmmata.

Millist raamistikku peaksite õppima?

Te võite nüüd mõelda: "Ok, noh, milline raamistik on parim?"

Tõde on see, et nad kõik on head. Veebiarenduses pole peaaegu kunagi ühtegi valikut, mis oleks 100% parim valik iga inimese ja olukorra jaoks.

Su valiku määrab suure tõenäosusega töö või lihtsalt see, millist tööd kõige rohkem naudid. Kui teie lõppeesmärk on saada töökoht, proovige uurida, milline raamistik näib potentsiaalsete tööde loendis kõige levinum.

Ärge muretsege liialt selle pärast, milline raamistik valida. Tähtsam on, et õpiksite ja mõistaksite nende taga olevaid mõisteid. Samuti on ühe raamistiku õppimisel lihtsam õppida teisi (sarnaselt programmeerimiskeeltele).

Liigume nüüd oma viimase jaotise juurde: veebi väljatöötamine!

4b: põhiline taust

Veebiarenduse taust ehk serveripool koosneb kolmest põhikomponendist: server, serveripoolne programmeerimiskeel ja andmebaas.

Server

Nagu me juba alguses mainisime, on server arvuti, kuhu on salvestatud kõik veebisaidi failid, andmebaas ja muud komponendid.

Traditsioonilised serverid töötavad opsüsteemides nagu Linux või Windows. Neid peetakse tsentraliseeritud, sest kõik - veebisaidi failid, tagakood ja andmed on serveris koos salvestatud.

Tänapäeval on olemas ka serverita arhitektuurid, mis on detsentraliseeritum seadistustüüp. Seda tüüpi rakendus jaotab need komponendid laiali ja hoiab kolmandate osapoolte pakkujaid nende käsitsemisel.

Hoolimata nimest, on teil siiski vaja mingisugust serverit, et vähemalt oma veebisaidi faile salvestada. Mõned serverita pakkujate näited on AWS (Amazon Web Services) või Netlify.

Serverita seadistused on populaarsed, kuna need on kiired, odavad ja te ei pea serveri hoolduse pärast muretsema. Need sobivad suurepäraselt lihtsate staatiliste veebisaitide jaoks, mis ei vaja traditsioonilist serveripoolset keelt. Kuid väga keerukate rakenduste jaoks võib traditsiooniline serveri seadistamine olla parem valik.

Serverita seadistuste kohta lisateabe saamiseks on Netlify'l informatiivne ajaveebipostitus, mis viib teid läbi kõik staatilise veebisaidi seadistamise etapid koos juurutusega.

Programmeerimiskeel

Serveris peate rakenduse funktsioonide ja loogika kirjutamiseks kasutama programmeerimiskeelt. Seejärel kompileerib server teie koodi ja edastab tulemuse kliendile tagasi.

Veebi jaoks on populaarsed programmeerimiskeeled PHP, Python, Ruby, C # ja Java. Samuti on olemas serveripoolne JavaScripti vorm - Node.js, mis on käituskeskkond, mis suudab JavaScripti koodi serveris käivitada.

Samuti on olemas raamistikud, mida saate kasutada kõigi nende serveripoolsete keeltega. Täpselt nagu JavaScripti esiotsa raamistikud, on ka need taustraamistikud kasulikud tööriistad, mis muudavad veebirakenduste loomise palju kiiremaks.

Tutvume veebiarenduse jaoks kõige sagedamini kasutatavate programmeerimiskeelte loendiga:

C #

C # töötati välja Microsofti konkurendina Java-le. Seda kasutatakse veebirakenduste loomiseks koos .NET raamistikuga, mängude arendamiseks ja neid saab kasutada isegi mobiilirakenduste loomiseks.

Õppekohad C #: #C # Programmeerimine Rob Miles Yellow Book YellowC # Udemy põhitõed

Java

Java on üks populaarsemaid programmeerimiskeeli ja seda kasutatakse nii veebirakendustes kui ka Androidi rakenduste ehitamisel.

Java õppimise kohad: HelsinkiHelsingi Ülikooli MOOC‌‌Täielik Java arendajate kursus Udemy kohta

Node.js

Node.js on väga populaarne tehnoloogia (vastavalt Stack Overflowi 2019. aasta arendajate uuringule). Üks asi, mida tuleb märkida: see ei ole tehniliselt serveripoolne keel - see on JavaScripti vorm, mis töötab serveris Express.js raamistiku abil.

Kohad, kus õppida Node.js: ‌‌Node.js õpetus Moshiga programmeerimise teel‌‌Learn Node by Wes Bos

PHP

PHP on keel, mis toetab WordPressi, nii et see võib olla hea valik, kui arvate, et töötate väikeettevõtete veebisaitidega, kuna paljud neist kasutavad WordPressi. Veebirakendusi saate ehitada ka Laraveli raamistikuga.

Kohad, kus PHP-d õppida: mm mmtutsi sissejuhatus PHP-sse ‌‌ Edwin Diazi PHP-le Udemys

Python

Pythoni populaarsus kasvab, eriti kuna seda kasutatakse andmeteaduses ja masinõppes. Seda peetakse ka heaks, kuna selle süntaks on mõnest teisest keelest lihtsam. Kui soovite luua veebirakendusi, võite kasutada Django või Flask raamistikke.

Kohad, kus Pythoni õppida: CColt Steele'i moodne Python 3 Bootcamp saidil Udemy‌‌LearnPython.org

Rubiin

Rubiin on veel üks keel, mille süntaksit peetakse õppimiseks fu-ks. Veebirakendusi saate luua raamistikuga Ruby on Rails.

Rubiini õppimiskohad: OOdin Project‌‌Ruby on Rails õpetus, autor Michael Hartl

Täpselt nagu JavaScripti raamistike puhul pole ka parimat programmeerimiskeelt. Teie valik peaks põhinema kas oma isikliku huvi ja eelistuse, samuti võimalike Jobs nii teha natuke uurimistööd, mis võib olla hea valik teile .

Andmebaasid

Andmebaasid, nagu nimigi ütleb, on koht, kuhu salvestate oma veebisaidi jaoks teavet. Enamik andmebaase kasutab keelt nimega SQL (hääldatakse järg), mis tähendab "struktureeritud päringukeel".

Andmebaasis on andmed salvestatud tabelitesse, ridadega nagu keerulised Exceli dokumendid. Seejärel saate andmete loomiseks, lugemiseks, värskendamiseks ja kustutamiseks SQL-is päringuid kirjutada.

Andmebaasi käitatakse serveris, kasutades selliseid servereid nagu Microsoft SQL Server Windowsi serverites ja MySQL Linuxile.

Samuti on olemas NoSQL-i andmebaasid, mis salvestavad andmeid traditsiooniliste tabelite asemel JSON-failidesse. Üks tüüpi NoSQL-i andmebaas on MongoDB, mida kasutatakse sageli rakenduste React, Angular ja Vue abil.

Mõned näited andmete veebisaitide kasutamise kohta on:

Kui teie veebisaidil on kontaktivorm, võite vormi koostada nii, et iga kord, kui keegi vormi esitab, salvestatakse tema andmed teie andmebaasi.

Sisselogimiste kontrollimiseks ja autentimiseks saate andmebaasis ka kasutaja sisselogimisi kirjutada ja serveripoolses keeles loogikat kirjutada.

Mõned ressursid SQL-i põhitõdede õppimiseks on:

  • Jose Portilla täielik SQL Bootcamp Udemys
  • SQLBolt

Mõned nõuanded teile jätmiseks

Täname lugemast! Loodan südamest, et see juhend aitab teil veebiarendust õppima asuda.

Mõned näpunäited, mis mul on, kui lähete iseõppinud marsruudile:

  1. Ärge proovige kõike korraga õppida. Valige korraga üks oskus, mida õppida.
  2. Ärge hüpake juhendamise juurest teise juurde. Õppimise ajal on okei vaadata erinevaid ressursse, et näha, milline neist teile kõige rohkem meeldib. Aga jällegi vali üks ja proovige see lõpuni läbi käia.
  3. Tea, et veebiarenduse õppimine on pikaajaline teekond. Hoolimata lugudest, mida olete lugenud inimestest, kes lähevad 3 kuu pärast nullist veebiarenduse töökohale, võtaksin rohkem eesmärgiks 1–2 aastat, et saada valmis, kui alustate algusest peale.
  4. Ainult videokursuse vaatamine või raamatu lugemine ei tee teid automaatselt eksperdiks. Materjali õppimine on alles esimene samm. Tegelike veebisaitide ja projektide (ka enda jaoks lihtsalt demo) koostamine aitab teil õppimist tõeliselt tõsta.

Edu teile, kui hakkate veebiarendust õppima! Kui olete veel huvitatud, vaadake seda artiklit minu ajaveebist: õppige veebiarendust absoluutse algajana.

Kas soovite mind jälgida?

Postitan Instagrami ja Twitteri veebiarenduse kohta väikesi näpunäiteid ja loon YouTube'is kodeerimisõpetuse videoid!