Aloittelijan etenemissuunnitelma web -kehitykseen (2024)

- #Outn koodille
Aloittelijan etenemissuunnitelma web -kehitykseen (1)
Jessica Chan
Aloittelijan etenemissuunnitelma web -kehitykseen (2)

Tämän aloittelijan etenemissuunnitelma asettaa kaikki verkkokehityksen perusteet.Aiomme käydä läpi jokaisen vaiheen-selvittää, mitä koodieditoria käytetään, mitä JavaScript-kehystä tai taustakielen voit noutaa.Ja sisällytämme myös linkkejä resursseihin, joissa voit oppia nämä taidot.

Tosiasia on, että jos olet vasta aloittamassa, kaikki mitä sinun tarvitsee tietää tällä hetkellä, ovat perusteet.Sinun ei todellakaan tarvitse tietää kaikkia tekniikkaa, työkalua tai kieltä, joka on olemassa heti get-go: sta.(Ylität sillan, kun tulet siihen, usko minua!)

Tämän oppaan loppuun mennessä sinulla on ymmärrys web -kehityksen perusteista, mitä taitoja sinun on tiedettävä ja mistä ne löydät!

1: Mikä on web -kehitys: Kuinka verkkosivustot toimivat, käyttöliittymä vs. tausta, koodieditori‌‌

2: Peruskäytäntö:HTML, CSS ja JavaScript‌‌

3: Työkalut: Pakettipäälliköt, rakenna työkaluja, versionhallinta‌‌

4a: ylimääräinen käyttöliittymä:Sass, reagoiva suunnittelu, JavaScript Frameett‌‌

4B: Perus tausta:Palvelimen ja tietokannan hallinta, ohjelmointikieli

Tässä etenemissuunnitelmassa suosittelen, että teet vaiheita 1, 2 ja 3 järjestyksessä.Sitten, riippuen siitä, haluatko keskittyä enemmän käyttöliittymään tai takaosaan, voit tehdä vaiheet 4A tai 4B missä tahansa järjestyksessä.

Mielestäni on hyvä idea, että käyttöliittymäkehittäjät tietävät ainakin vähän takaosaa ja päinvastoin.Ainakin molempien perusteiden tunteminen auttaa sinua selvittämään, pidätkö etuosasta tai takaosasta paremmin?

Voit myös tarkistaaTämän artikkelin päivitetty versioBlogissani!

1: Mikä on web -kehitys?

Ennen kuin aloitamme todellisen koodauksen, katsotaan ensin joitain yleisiä tietoja siitä, mikä on web-kehitys: miten verkkosivustot toimivat, ero etu- ja takaosan välillä ja koodieditorin avulla.

Kuinka verkkosivustot toimivat?

Kaikki verkkosivustot ovat yksinkertaisimpien sivustoja vain joukko tiedostoja, jotka tallennetaan tietokoneelle nimeltä Apalvelin.Tämä palvelin on kytketty Internetiin.Voit sitten ladata kyseisen verkkosivuston selaimen (kuten Chrome, Firefox tai Safari) kautta tietokoneellesi tai puhelimesi.Selainta kutsutaan myösasiakasTässä tilanteessa.

Joten joka kerta kun olet Internetissä, sinä (asiakas) saat ja lataat tietoja (kuten CAT -kuvia) palvelimelta sekä lähettämällä tietoja takaisin palvelimelle (Lataa moar -kissan kuvia!) Tämä edestakaisin asiakkaan ja palvelimen välillä on Internetin perusta.

Kaikki, mitä voit käyttää selaimessa, on jotain, jonka verkkokehittäjä rakensi.Joitakin esimerkkejä ovat pienyritysten verkkosivustot ja blogit yksinkertaisemmalla puolella, aina erittäin monimutkaisten verkkosovelluksiin, kuten Airbnb, Facebook ja Twitter.

Mitä eroa on käyttöliittymä ja takaosan välillä?

Termit ”etuosa”, “takaosa” ja “Full Stack” -verkkokehittäjä kuvaavat mitä osaa asiakas/palvelinsuhteesta olet työskennellyt.

”Etuosa” tarkoittaa, että olet tekemisissä pääasiassa asiakkaan puolella.Sitä kutsutaan ”etuosaan”, koska se on se, mitä voit nähdä selaimessa.Päinvastoin, ”takaosa” on osa verkkosivustoa, jota et todellakaan voi nähdä, mutta se käsittelee paljon logiikkaa ja toiminnallisuutta, joka on välttämätöntä kaiken toimimiseksi.

Yksi tapa ajatella tätä on, että käyttöliittymä web-kehitys on kuin ravintolan ”talon etuosa”.Se on osa, jossa asiakkaat tulevat katsomaan ja kokemaan ravintolaa - sisustusta, istuimia ja tietysti syömään ruokaa.

Toisaalta, taustaverkkokehitys on kuin ravintolan ”talon takaosa”.Siellä hallitaan toimituksia ja varastoja, ja ruoan luominen tapahtuu kaikki.Kulissien takana on paljon asioita, joita asiakkaat eivät näe, mutta he kokevat (ja toivottavasti nauttivat) lopputuotteesta - herkullisen aterian!

Hauskat kuvat syrjään, sekä etu- että takaosan verkkokehitys palvelee erilaisia, mutta erittäin tärkeitä toimintoja.

Koodieditorin käyttäminen

Kun rakennat verkkosivuston, tärkein työkalu, jota käytät, on koodieditorisi tai IDE (integroitu kehitysympäristö).Tämän työkalun avulla voit kirjoittaa merkinnän ja koodin, joka muodostaa verkkosivuston.

Siellä on melko vähän hyviä vaihtoehtoja, mutta tällä hetkellä suosituin koodieditori on VS -koodi.VS -koodion kevyempi versio Visual Studiosta, Microsoftin pää IDE: stä.Se on nopea, ilmainen, helppo käyttää, ja voit mukauttaa sen teemoilla ja laajennuksilla.

Muut koodin toimittajat ovatYlevä teksti-AtomijaVim.

Jos olet vasta aloittamassa, suosittelen tarkistamaan VS -koodia, jonka voitLataa heidän verkkosivustolta.

Nyt kun olemme käsittäneet joitain laajempia käsitteitä web -kehityksessä, siirrymme enemmän yksityiskohtiin - alkaen etuosasta.

2: Peruskäyttö

Verkkosivuston käyttöliittymä koostuu kolmen tyyppisistä tiedostoista: HTML, CSS ja JavaScript.Nämä tiedostot ladataan selaimeen, asiakaspuolelle.

Katsotaanpa tarkemmin kutakin niistä.

HTML

HTML tai hypertekstin merkinnän kieli on kaikkien verkkosivustojen perusta.Se on päätiedostotyyppi, joka ladataan selaimeen, kun katsot verkkosivustoa.HTML -tiedosto sisältää kaiken sivun sisällön, ja se käyttää tunnisteita erityyppisten sisällön merkitsemiseen.

Voit esimerkiksi käyttää tunnisteita luomalla otsikkojen otsikot, kappaleet, luettelot, kuvat ja niin edelleen.HTML -tunnisteissa itsessään on joitain tyylejä, mutta ne ovat melko yksinkertaisia, kuten mitä näet Word -asiakirjassa.

CSS

CSS tai CSS -tyyliset arkit, antaa sinun tyyliä html -sisältöä, joten se näyttää hyvältä ja hienolta.Voit lisätä värejä, räätälöityjä fontteja ja asettua verkkosivustosi elementteihin, mutta haluat niiden näyttävän.Voit jopa luoda animaatioita ja muotoja CSS: llä!

CSS: llä on paljon syvyyttä, ja joskus ihmiset yleensä kiiltävät sen yli, jotta he voivat siirtyä JavaScriptin kaltaisiin asioihin.En kuitenkaan voi yliarvioida, kuinka tärkeää on ymmärtää, kuinka muotoilu voidaan muuntaa verkkosivustoksi CSS: n avulla.Jos haluat erikoistua etuosaan, on välttämätöntä saada todella vankka CSS-taidot.

JavaScript

JavaScript on ohjelmointikieli, joka on suunniteltu toimimaan selaimessa.JavaScriptin avulla voit tehdä verkkosivustostasi dynaamisen, mikä tarkoittaa, että se vastaa käyttäjän tai muiden lähteiden erilaisiin tuloihin.

Voit esimerkiksi rakentaa ”Back to Ylä -painikkeen” -painikkeen, jonka käyttäjä napsauttaa sitä, he vierittävät takaisin sivun yläosaan.Tai voit rakentaa sää -widgetin, joka näyttää nykypäivän sää käyttäjän sijainnin perusteella maailmassa.

Varsinkin jos haluat kehittää taitojasi myöhemmin JavaScript -kehyksellä, kuten React, ymmärrät enemmän, jos otat ensin aikaa oppia säännöllistä vanilja JavaScriptiä ensin.Se on todella hauska kieli oppia, ja sillä on niin paljon tekemistä!

Mistä HTML, CSS ja JavaScript oppia

Minulta kysytään usein, mitkä ovat parhaat koodauksen oppimispaikat, ja kerron yleensä heille seuraavista resursseista.Minulla on myös perusteellisempi luetteloParhaat kurssit web -kehityksen oppimiseksiBlogissani - saatat pitää siitä hyödyllistä!

Huomautus: Jotkut alla olevista linkeistä (maksetut kurssit ja kirjat) ovat tytäryhtiölinkkejä, mikä tarkoittaa, että saan palkkion, jos ostat niiden kautta ilman lisäkustannuksia itsellesi.Se on yksi tapa, jolla voit tukea minua tämän kaltaisten hyödyllisten resurssien luomisessa!

freecodecamp

Yksi suosikkipaikoistani onfreecodecamp.Se on online-koodauskäyttöleiri, joka on voittoa tavoittelematon ja täysin ilmainen!Rakastan tätä vaihtoehtoa, koska jos olet aloittelija etkä ole täysin varma, onko koodaus sinulle, se on matalapaine, riskitön tapa nähdä, pidätkö siitä.

Yksi FreeCodecampin haittapuoli on, että vaikka heillä on uskomaton opetussuunnitelma, jossa on sisäänrakennettu koodausympäristö, heillä ei ole rakenteellisia videoita osana sitä.

Joten jos pidät todella videoista oppimista, tässä on muutamia muita vaihtoehtoja:

Team Treehouse

Team Treehouseon premium -verkko -oppimisalusta, joka on videopohjainen ja jolla on useita kappaleita, joita voit seurata.Heillä on jopa verkkoteknologian tutkinto-ohjelma, joka on kuin online-bootcamp, jonka voit suorittaa 4-5 kuukaudessa.

Valitettavasti Treehouse ei ole ilmainen, mutta heillä on erilaisia ​​kuukausittaisia ​​tai vuosittaisia ​​suunnitelmia budjetistasi riippuen.Heillä onIlmainen 7 päivän kokeiluJoten näet, pidätkö siitä, ja voin myös antaa sinulle sopimuksen, josta saat100 dollaria yhden vuoden perussuunnitelmasta.Jos olet melko varma, että haluat päästä verkkokehitykseen, Team Treehouse on loistava paikka oppia.

Jos olet enemmän kertaluonteisten videokurssien fani, on joitain ilmaisia ​​ja maksettuja vaihtoehtoja:

Wes Bos

Wes Bosilla on ilmaisia ​​kursseja oppimiseenFlexbox-CSS -verkkojaJavaScriptjotka ovat erinomaisia.Kävin juuri hänen CSS -ruudukkokurssinsa läpi, ja se oli todella perusteellinen ja myös hauskaa.Wes on hieno opettaja!

Udemia

Udemy on online -oppimisalusta, jolla on myös paljon hienoja kursseja.Erityisesti, josta saatat pitää, onAdvanced CSS- ja SASS -kurssiJonas Schmedtmann - Tämä maksettu kurssi kattaa CSS -ruudukon, flexboxin, reagoivan suunnittelun ja muut CSS -aiheet!

YouTube

YouTubessa on myös paljon ilmaisia ​​videoresursseja:

Traversy Media, luultavasti suurin web -kehityskanava, onHTML -kaatumiskurssijaCSS -kaatumiskurssi.

DesignCourse, web-suunnitteluun ja käyttöliittymään keskittyvä kanava, onHTML & CSS -opetusohjelmamyös.

Ja FreeCodeCamp on oma YouTube -kanava, videot kuten aOpi JavaScript -kurssija muut perusteelliset kurssit.

Kirjat ja artikkelit verkkokehityksestä

Jos olet enemmän lukemishenkilö, suosittelen seuraavaa:

Uskomattoman suosittuJon Duckett -kirjat, HTML & CSS: ssä ja JavaScript & JQuery.Nämä kirjat eivät ole ollenkaan tiheitä, tehdaskokouksia.Ne on kauniisti suunniteltu, todella hyvin kirjoitettu, ja niissä on paljon valokuvia ja kuvia materiaalin opettamiseksi.

Eloquent JavaScript on toinen kirja, josta pidän todella.Voit lukea sen ilmaiseksiheidän verkkosivustonsatai osta aPaperikopio AmazonistaJos pidät fyysisistä kirjoista.Minulla on tämä itse, ja pidän siitä todella!

Jos haluat nähdä lisää kirjasuosituksia, tutustu viestiinSuositellut kirjat verkkokehityksen oppimiseen.

Ja viimeisenä, mutta ei vähäisimpänä, jotkut verkkosivustot, joilla on hienoja artikkeleita ja muita resursseja, ovat:

Mennään nyt johonkin muuhun etuosan tekniikkaan.Kuten mainitsimme, HTML, CSS ja JavaScript ovat käyttöliittymän verkkokehityksen rakennuspalikoita.Niiden lisäksi on olemassa muutamia muita työkaluja, jotka haluat oppia.

Pakettipäälliköt

Pakettipäälliköt ovat online -ohjelmistokokoelmia, suuri osa siitä avoimen lähdekoodin.Jokainen ohjelmisto, nimeltään paketti, on saatavana asentaa ja käyttää omiin projekteihisi.

Voit miettiä niitä, kuten laajennuksia - sen sijaan, että kirjoitat kaiken tyhjästä, voit käyttää hyödyllisiä apuohjelmia, jotka muut ihmiset ovat jo kirjoittaneet.

Suosituinta pakettipäällikköä kutsutaannpmtai solmupaketinhallinta, mutta voit myös käyttää toista nimeltä johtajaaLanka.Molemmat ovat hyviä vaihtoehtoja tietää ja käyttää, vaikkakin on todennäköisesti parasta aloittaa NPM: llä.

Jos olet utelias oppimaan lisää, voit lukea tämän artikkelinNPM: n käytön perusteet.

Rakentaa työkaluja

Moduulin kimppuja ja rakennustyökaluja, kuten webpack, gulp tai paketti, ovat toinen olennainen osa etuosan työnkulkua.

Perustasolla nämä työkalut suorittavat tehtäviä ja käsittelevät tiedostoja.Voit käyttää niitä kääntääksesi SASS -tiedostosi CSS: ään, Transpile ES6 JavaScript -tiedostosi ES5: een paremman selaimen tuen saamiseksi, paikallisen web -palvelimen ja monien muiden hyödyllisten tehtävien suorittamiseksi.

Kulaus, Teknisesti tehtäväjuoksijalla, on NPM -pakettien sarja, jota voit käyttää tiedostojen kääntämiseen ja käsittelyyn.

Verkkopakkauson erittäin voimakas kimppu, joka voi tehdä kaiken, mitä Gulp voi tehdä plus enemmän.Sitä käytetään tonni JavaScript -ympäristöissä, etenkin JavaScript -kehyksillä (joihin pääsemme vähän).Yksi webpackin alaosa on, että se vaatii paljon kokoonpanoa nousemaan ja toimimaan, mikä voi olla turhauttavaa.

Pakettion uudempi bundler, kuten Webpack, mutta se tulee ennalta määritettynä laatikosta, joten voit kirjaimellisesti saada sen menemään vain muutamassa minuutissa.Ja sinun ei tarvitse huolehtia niin paljon kaiken määrittämisestä.

Henkilökohtaisesti haluan käyttää GULP: ta omiin etuosan työnkulkuihini, joissa haluan vain kääntää SASS- ja JavaScript-tiedostojani enkä tehdä liikaa muuta.

Hyödyllisiä linkkejä

Jos olet kiinnostunut Gulpista tai paketista, minulla on molemmille opetusohjelmia:

Jos haluat lisätietoja Webpackista, katso seuraavat YouTube -videot:

Versionhallinta

Versionhallinta (jota kutsutaan myös lähteen hallintaan) on järjestelmä, joka seuraa jokaista projektitiedostoissasi tekemäsi koodimuutosta.Voit jopa palata edelliseen muutokseen, jos teet virheen.Se on melkein kuin äärettömän säästöpisteiden saaminen projektillesi, ja anna minun kertoa sinulle, että se voi olla valtava hengenpelastaja.

Suosituin versionhallintajärjestelmä on avoimen lähdekoodin järjestelmä nimeltäänGit.GIT: n avulla voit tallentaa kaikki tiedostosi ja niiden muutoshistorian kokoelmiin, nimeltään arkisto.

Olet ehkä kuullut myösGithub, joka on Microsoftin omistama online -hosting -yritys, jossa voit tallentaa kaikki GIT -arkistot.

Oppia git ja github,GitHub.comon joitakinonline -oppaatSe selittää kuinka nousta ja käynnissä.Traversy -mediassa on myös aYouTube -videoselittää kuinka Git toimii.

4a: ylimääräinen käyttöliittymä

Kun etuosan perusteet ovat alhaalla, on olemassa vielä joitain keskitaitoja, jotka haluat oppia.Suosittelen, että tarkastelet seuraavaa: SASS, reagoiva muotoilu ja JavaScript -kehys.

Nyrkkeilijä

Nyrkkeilijäon CSS: n jatko, joka tekee kirjoitustyyleistä intuitiivisemman ja modulaarisen.Se on todella tehokas työkalu.SASS: n avulla voit jakaa tyylisi useisiin tiedostoihin parempaa organisaatiota varten, luoda muuttujia värien ja fonttien tallentamiseksi ja käyttämällä Mixinsia ja paikkamerkkejä tyylien uudelleen käyttämiseen.

Vaikka käytät vain joitain perusominaisuuksia, kuten pesimistä, voit kirjoittaa tyylisi nopeammin ja vähemmän päänsärkyä.

Voit oppia lisää Sassista tässäScotch.io -opetusohjelma, samoin kuin aYouTube -video, kirjoittanut Dev Ed.

Reagoiva suunnittelu

Reagoiva suunnitteluVarmistaa, että tyylisi näyttävät hyvältä kaikissa laitteissa - desktopsissa, tablet -laitteissa ja matkapuhelimissa.Reagoivan suunnittelun ydinkäytäntöihin sisältyy joustavan koon käyttäminen elementteille sekä mediakyselyjen hyödyntäminen tiettyjen laitteiden ja leveyksien tyylien kohdistamiseksi.

Esimerkiksi sen sijaan, että asetat sisältösi staattiseksi 400px leveäksi, voit käyttää mediakyselyä ja asettaa sisällön 50%: n leveyteen työpöydällä ja 100% matkapuhelimella.

Sivustojen rakentaminen reagoivalla CSS: llä on välttämätöntä nykyään, koska mobiili liikenne on monissa tapauksissa siirrettävä työpöytäliikenne.

Lisätietoja reagoivasta suunnittelusta ja verkkosivustoistasi reagoivat, katsoTämä artikkeli.Teen myös live -koodausvirtojaYouTube -kanavaniMissä rakentaa verkkosivuston tyhjästä ja katsojat voivat kysyä minulta kysymyksiä reaaliajassa!

JavaScript -kehys

Kun sinulla on vanilja JavaScriptin perusteet alas, kannattaa ehkä oppia yhden JavaScript-kehyksistä (varsinkin jos haluat olla täyspinoinen JavaScript-kehittäjä).

Näissä kehyksissä on ennalta rakennettuja rakenteita ja komponentteja, joiden avulla voit rakentaa sovelluksia nopeammin kuin jos aloitit tyhjästä.

Tällä hetkellä sinulla on kolme päävaihtoehtoa: React, Kulma ja Vue.

Reagoida(Teknisesti kirjasto), facebook on luonut ja on tällä hetkellä suosituin kehys.Voit aloittaa oppimisen menemälläReact.js -verkkosivusto.Jos olet kiinnostunut premium -reaktiokurssista, molemmatTyler McGinnisjaWes Boson hienoja kursseja.

Kulma-oli ensimmäinen iso kehys, ja sen on luonut Google.Se on silti erittäin suosittu, vaikka React on viime aikoina ylittänyt sen.Voit aloittaa kulman oppimisen heidän kanssaanverkkosivusto.Gary DesignCoursista on myösKulmainen törmäyskurssi YouTubessa.

Vueon entinen kulmakehittäjä Evan You: n luoma uudempi kehys.Vaikka se on käytetty pienempi kuin reagoi ja kulma, se kasvaa nopeasti ja sitä pidetään myös helpon ja hauskan käytönä.Voit nousta ylös ja käyttää sen kanssaVue -verkkosivusto.

Mitä kehystä sinun pitäisi oppia?

Saatat miettiä nyt: "Ok, hyvin, mikä kehys on paras?"

Totuus on, että ne ovat kaikki hyviä.Verkkokehityksessä melkein ei ole koskaan yhtä valintaa, joka on 100% paras valinta jokaiselle henkilölle ja jokaiselle tilanteelle.

Valintasi määrää todennäköisesti työsi tai yksinkertaisesti kumpi nautit eniten.Jos lopputavoitteesi on purkaa työ, kokeile tutkia, mitkä puitteet näyttävät olevan yleisin mahdollisissa työluetteloissa.

Älä huolestu liikaa siitä, minkä kehyksen valita.On tärkeämpää, että opit ja ymmärrät niiden takana olevat käsitteet.Kun olet oppinut yhden kehyksen, on helpompaa oppia muita (samanlainen kuin ohjelmointikielet).

Siirrytään nyt viimeiseen osaan: taustaverkkokehitys!

4B: Perus tausta

Verkkokehityksen takaosa tai palvelinpuolen on koostuvat kolmesta pääkomponentista: palvelin, palvelinpuolen ohjelmointikieli ja tietokanta.

Palvelin

Kuten alussa mainitsimme, palvelin on tietokone, johon kaikki verkkosivustotiedostot, tietokanta ja muut komponentit tallennetaan.

Perinteiset palvelimet toimivat käyttöjärjestelmissä, kuten Linux tai Windows.Niitä pidetään ”keskitettyinä”, koska kaikki-verkkosivustotiedostot, taustakoodi ja tiedot tallennetaan yhteen palvelimelle.

Nykyään on myös palvelimattomia arkkitehtuureja, mikä on hajautetumpi asennustyyppi.Tämäntyyppinen sovellus jakaa nämä komponentit ja hyödyntää kolmansien osapuolien toimittajia käsittelemään kutakin.

Nimestä huolimatta tarvitset silti jonkinlaista palvelinta, ainakin verkkosivustojen tiedostojen tallentamiseksi.Joitakin esimerkkejä palvelimattomista tarjoajista ovatAws(Amazon -verkkopalvelut) taiNetlify.

Palvelimattomat asetukset ovat suosittuja, koska ne ovat nopeita, halpoja, ja sinun ei tarvitse huolehtia palvelimen ylläpidosta.Ne ovat hienoja yksinkertaisille staattisille verkkosivustoille, jotka eivät vaadi perinteistä palvelinpuolen kieltä.Erittäin monimutkaisissa sovelluksissa perinteinen palvelinasennus voi kuitenkin olla parempi vaihtoehto.

Netlifyllä on lisätietoja palvelimattomista asetuksistainformatiivinen blogiviestiSe vie sinut läpi kaikki vaiheet asentaaksesi staattisen verkkosivuston käyttöönotolla.

Ohjelmointikieli

Palvelimella sinun on käytettävä ohjelmointikieltä kirjoittaaksesi sovelluksesi toiminnot ja logiikan.Palvelin kokoaa sitten koodisi ja välittää tuloksen takaisin asiakkaalle.

Verkon suosittuja ohjelmointikieliä ovat PHP, Python, Ruby, C# ja Java.Palvelinpuolen JavaScript-Node.js on myös muoto, joka on ajonajan ympäristö, joka voi suorittaa JavaScript-koodin palvelimella.

On myös kehyksiä, joita voit käyttää jokaisella näillä palvelinpuolen kielillä.Aivan kuten JavaScript-kehykset, nämä taustakehykset ovat hyödyllisiä työkaluja, jotka tekevät verkkosovellusten rakentamisesta paljon nopeampia.

Katsotaanpa luettelo verkkokehityksen yleisimmin käytetyistä ohjelmointikielistä:

C#

C# kehitettiin Microsoftin kilpailijana Javalle.Sitä käytetään verkkosovellusten tekemiseen.NET -kehys, pelin kehittäminen ja sitä voidaan käyttää jopa mobiilisovellusten luomiseen.

Paikat oppia C#: ‌‌C# Rob Milesin keltaisen kirjan ohjelmointi‌‌C# Udemian perusteet

Java

Java on yksi suosituimmista ohjelmointikielistä, ja sitä käytetään verkkosovelluksissa sekä Android -sovellusten rakentamiseen.

Paikat oppia Java: ‌‌Helsingin yliopiston MOOC‌‌Koko Java -kehittäjäkurssi Udemiassa

Node.js

Node.js on erittäin suosittu tekniikka (Stack Overflow's 2019: n mukaankehittäjätutkimus).Yksi huomioitava asia: se ei ole teknisesti palvelinpuolen kieli-se on javascriptin muoto, joka toimii palvelimellaExpress.jskehys.

Paikat oppia node.js: ‌‌Node.js -opetusohjelma ohjelmoimalla mosh‌‌Oppia solmu, kirjoittanut Wes Bos

Php

PHP on kieli, joka valtaaWordPress, joten tämä saattaa olla hyvä valinta, jos luulet työskentelevän pienyritysten kanssa, koska monet heistä käyttävät WordPressiä.Voit myös rakentaa verkkosovelluksiaLaravelkehys.

Paikat oppia PHP: ‌‌Johdanto PHP: hen MMTUTS‌‌PHP kirjoittanut Edwin Diaz udemylle

Python

Pythonin suosio kasvaa, varsinkin kun sitä käytetään tietotekniikassa ja koneoppimisessa.Sitä pidetään myös hyvänä, koska sen syntaksi on yksinkertaisempi kuin jotkut muut kielet.Jos haluat rakentaa verkkosovelluksia, voit käyttääDjangotaiPulloKehykset.

Paikat oppivat python: ‌‌Colt Steelen moderni Python 3 Bootcamp Udemy‌‌LearnPython.org

Rubiini

Ruby on toinen kieli, jolla on syntaksi, jota pidetään FU: n opittavana.Voit rakentaa verkkosovelluksia kehyksen kanssaRuby kiskoilla.

Paikat oppia Ruby: ‌‌Odin -projekti‌‌Ruby On Rails -opetusohjelma, kirjoittanut Michael Hartl

Aivan kuten JavaScript -kehysten kanssa, parhainta ohjelmointikieltä ei ole #1.Valintasi tulisi perustua joko henkilökohtaiseen kiinnostukseen ja mieltymyksesi sekä potentiaalisiin työpaikkoihin - joten tee pieni tutkimus siitä, mikä saattaa olla hyvä valintasinulle.

Tietokannat

Tietokannat, kuten nimestä voi päätellä, tallentat verkkosivustollesi tietoja.Useimmat tietokannat käyttävät nimeltä kieltäSQL(lausutaan ”jatko”), joka tarkoittaa ”jäsenneltyä kyselykieltä”.

Tietokannassa tiedot tallennetaan taulukoihin, riveillä kuin monimutkaiset Excel -asiakirjat.Sitten voit kirjoittaa kyselyjä SQL: ssä, jotta voit luoda, lukea, päivittää ja poistaa tietoja.

Tietokanta suoritetaan palvelimella käyttämällä palvelimiaMicrosoft SQL -palvelinWindows -palvelimissa jaMysqlLinuxille.

Siellä on myösNosqlTietokannat, jotka tallentavat tiedot JSON -tiedostoihin kuin perinteiset taulukot.Yksi tyyppinen NOSQL -tietokanta onMongodb, jota käytetään usein React-, Kulma- ja Vue -sovellusten kanssa.

Joitakin esimerkkejä verkkosivustojen tietojen hyödyntämisestä ovat:

Jos sinulla on verkkosivustollasi yhteyslomake, voit rakentaa lomakkeen niin, että joka kerta kun joku lähettää lomakkeen, heidän tiedot tallennetaan tietokantaan.

Voit myös kirjautua tietokantaan käyttäjän kirjautumiseen ja kirjoittaa logiikkaa palvelinpuolen kielelle käsittelemään kirjautumisten tarkistamista ja todentamista.

Joitakin resursseja SQL: n perusteiden oppimiseen ovat:

Joitakin vinkkejä jättää sinulle…

Kiitos lukemisesta!Toivon vilpittömästi, että tämä opas auttaa sinua aloittamaan verkkokehityksen oppimista.

Muutamia vinkkejä, jotka minulla on, jos olet menossa itseopiskelijalle:

  1. Älä yritä oppia kaikkea kerralla.Valitse yksi taito oppia kerrallaan.
  2. Älä hyppää opetusohjelmasta opetusohjelmaan.Kun opit, on ok tarkistaa erilaisia ​​resursseja nähdäksesi kumpi pidät parhaiten.Mutta jälleen kerran, valitse yksi ja yritä käydä läpi sen.
  3. Tiedä, että verkkokehityksen oppiminen on pitkäaikainen matka.Huolimatta tarinoista, jotka olet ehkä lukenut ihmisistä, jotka menevät nollasta Web Dev -työn purkamiseen 3 kuukaudessa, tavoittelisin enemmän 1–2 vuotta tullakseni valmiiksi, jos aloitat alusta alkaen.
  4. Pelkkä videokurssin katselu tai kirjan lukeminen ei tee sinusta automaattisesti asiantuntijaa.Materiaalin oppiminen on vain ensimmäinen askel.Varsinaisten verkkosivustojen ja projektien rakentaminen (jopa vain demon itsellesi) auttaa sinua todella vahvistamaan oppimistasi.

Onnea, kun aloitat verkkokehityksen oppimisen!Jos olet kiinnostunut lisää, tutustu tähän artikkeliin blogissani:Opi verkkokehitys ehdottomana aloittelijana.

Haluatko seurata minua?

Postitan mini-kärjet verkkokehityksessäInstagramjaViserrysja luo koodausoppaan videoitaYouTubeVasiksi

MAINOS

MAINOS

MAINOS

MAINOS

MAINOS

MAINOS

MAINOS

MAINOS

MAINOS

MAINOS

MAINOS

MAINOS

MAINOS

MAINOS

MAINOS

MAINOS

MAINOS

Aloittelijan etenemissuunnitelma web -kehitykseen (3)
Jessica Chan

Kirjoitan vinkkejä aloittelijoille Web-kehittäjille osoitteessa coder-coder.com.Löydät minut myös Twitteristä ja Instagramista @TheCoderCoder

Jos luet niin pitkälle, kiitos kirjoittajaa osoittamaan heille, että välität.

Opi koodaamaan ilmaiseksi.Freecodecampin avoimen lähdekoodin opetussuunnitelma on auttanut yli 40 000 ihmistä saamaan työpaikkoja kehittäjinä.Aloittaa

MAINOS

Aloittelijan etenemissuunnitelma web -kehitykseen (2024)
Top Articles
Latest Posts
Recommended Articles
Article information

Author: Aron Pacocha

Last Updated:

Views: 5974

Rating: 4.8 / 5 (48 voted)

Reviews: 95% of readers found this page helpful

Author information

Name: Aron Pacocha

Birthday: 1999-08-12

Address: 3808 Moen Corner, Gorczanyport, FL 67364-2074

Phone: +393457723392

Job: Retail Consultant

Hobby: Jewelry making, Cooking, Gaming, Reading, Juggling, Cabaret, Origami

Introduction: My name is Aron Pacocha, I am a happy, tasty, innocent, proud, talented, courageous, magnificent person who loves writing and wants to share my knowledge and understanding with you.