Parim viis õppida veebipõhist veebiarendust

Miks veebiarendus?

Veebiarendus on valdkond, mis ei lähe niipea kuhugi. Veeb liigub kiiresti ja paljud inimesed kasutavad igapäevaselt seadmeid.

Pilvepõhised rakendused on võimaldanud meil teha rasket pilvetõstmist ja kasutada brauserit sillana, et ühendada võimsaid taustservereid vähem võimekate ja võimsate eesseadmetega.

Praegu on parim aeg veebiarenduse õppimiseks, kui soovite midagi õppida.

Lisaks sellele, et veebiarendus avab teile kui üksikisikule hulgaliselt võimalusi, saate ka täieliku projekti kodeerida ja juurutada, mida saavad kasutada peaaegu kõik planeedil olevad inimesed.

Kuna enamikul inimestel on juurdepääs brauserile, on iga inimene kodeeritud veebirakendusest vaid ühe URL-i kaugusel. Kui võrrelda seda töölauarakenduse või riistvarapõhise tootega, näete, et see pole lihtsalt veebiga võrreldes nii skaleeritav.

Nüüd, kui oleme kindlaks teinud, et veeb on praegu parim viis, vaatame, kuidas õppida veebiarendust parimal võimalikul viisil.

Veeb on tohutu - alustage väikesest ja hoidke seda väikesena

Tõenäoliselt olete seal näinud palju JavaScripti raamistikke ja teeke nagu React, Angular, Vue, Ember, jQuery, XYZ ja nii edasi.

Mõned väga levinud küsimused, mille saan veebiarenduse sisu postitades YouTube'i kasutajana, on järgmised:

Kas ma peaksin X-i õppima?

Kas X on parem kui Y?

Mis on Z ulatus?

Pidage alati meeles kahte asja tehnoloogia kohta, eriti veebi kohta:

  1. Teie tehnikakogum pole peaaegu alati oluline. Kui olete oma keele / raamistikuga piisavalt hea, võidate iga kord.
  2. Kunagi ei pea kõike õppima. Mitte kunagi. Võite olla kõigi ametite tungraud, kuid veenduge, et olete selle valdaja.

Selle jaotise kokkuvõtteks peate alustades mõtlema väga väikesele . Äsja välja antud kuuma raamistikuga on ülilihtne. Lihtsalt ärge proovige vanade tehnoloogiate viskamisest ja uute tehnoloogiate kohandamisest ilma korraliku uurimistööta ette ronida.

Alustage HTML-ist ja CSS-ist

Ma ei saa seda piisavalt rõhutada. Mul on valus näha paljusid inimesi, kes küsivad minult küsimusi oma React-projektide kohta, kui vastus peitub põhilises HTML-is või CSS-is.

JavaScript oli alguses ainult brauseri skriptikeel. Ja kuigi see on praegu palju enamat, ei muuda see tõsiasja, et veebis täiendab see HTML-i ja CSS-i.

Veebistandardite edusammude abil on nii CSS-is võimalik nii palju saavutada. Paljude asjade jaoks pole JavaScripti isegi vaja.

Animatsioonid? Said pihta. Tõmba ja lase lahti? HTML saab sellega hakkama. Paigutused? Kontrollige Flexboxi või Grid CSS-i API-sid!

HTML-i ja CSS-i kohta saate teada nii palju asju! Ärge kiirustage lihtsalt JavaScripti, sest kõik lahedad lapsed blokis on nurga all. Need raamatukogud ja raamistikud ei kao kuhugi. Võtke aega .

Kas minna laiu või minna sügavale?

Veebiarenduse õppimisel on kaks lähenemisviisi - laiendage või süvenege.

Laius tähendab, et hakkate koos õppima paljusid asju. See võib mõnele inimesele korda minna, aga teistele mitte. Võiksite end õpetuste, harjutuste, videote ja ajaveebidega üle ujutada ning siis lõpuks loobuda.

Süvenemine tähendab, et hakkate õppima ühte asja ja proovite selle kohta nii palju õppida kui võimalik. Sellel on omad plussid ja miinused. Võite igavleda või loobuda, sest te ei näe tulemusi.

Mis on lahendus? Vastus on üllataval kombel kumbagi tegemata. Valige väike tehniline korstnat nagu HTML / CSS / JavaScript ja minge mõõdukalt kõigi kolme sisse. Sellel on paar eelist:

  1. Igav ei hakka, sest kõigil kolmel on suhteliselt erinevad eesmärgid ja kirjutate need erinevalt.
  2. Saate kõik kolm kokku segada ning kiiresti luua midagi tähendusrikast ilma kuudepikkuse pingutuseta (mida tavaliselt nõuavad muud keeled, näiteks C / C ++). Nii hoiad motivatsiooni jätkata.

Ärge valige Reageeri, Nurgeline või Vue

Kui inimesed hakkavad JavaScripti abil töötama, on tung võtta üles selline raamatukogu nagu React, kasutajaliidese süsteem nagu Material UI ja sukelduda ägedate asjade ehitamisse.

Paraku ei too see kaasa midagi muud kui ainult endale jalga tulistamine. Nende raamistikega ei saa kunagi kunagi luua arenenud projektide vaheosa, kui te ei saa JavaScripti põhitõdedest aru. Ja JavaScripti rakendamine võtab mõnda aega.

Pange tähele, et ma kasutasin eelmises lauses sõna rakendamine ja mitte õppimine. Midagi õppimise ja õpitu rakendamise vahel on tohutu erinevus.

Looge väike, kuid toimiv projekt HTML / CSS / JavaScripti abil. Ja kui teete, looge veel üks ja seejärel looge teine ​​projekt.

Igal sammul muutke projekti keerukust ja ootusi ka seni, kuni teie koodibaas muutub juhitamatuks. Sel hetkel olete jõudnud selleni, mida mulle meeldib nimetada kõrgema õppimise piiriks .

Näete, eksisteerivad raamistikud, et teilt korduvat tööd maha laadida. Neid pole olemas, nii et te ignoreerite seda, mis kapoti all tegelikult toimub, ja loodate sellele, et see kõik on maagia.

Esimest korda peaksite oma projektide jaoks raamistiku nagu Reageerima või Nurk valima siis, kui olete kindel, et saate projekti luua ilma Reafti või Nurkadeta .

Ühe ameti meister

Kui olete HTML / CSS / JavaScripti osav, on aeg minna üle tööstusharu standarditele. Tõsi on see, et hoolimata sellest, kui hea JavaScripti arendaja sa oled, pead sageli töötama selliste moodsate raamistikega nagu React - ja lihtsalt oma JavaScripti teadmistega ei saa seda kohe hallata.

Terminoloogia, mõistete ja selle raamistiku tundmaõppimine ja mõistmine võtab kapoti all aega. Nii et võtke raamistik ja õppige seda.

Kuidas, võite küsida? Vastus on lihtne - see sõltub sinust. Looge lihtne projekt kõigis peamistes raamistikes (Angular, Vue ja React) ja vaadake, milline neist teiega kõige rohkem vibreerib. Valige üks ja ärge vaadake tagasi

Seejärel looge selle raamiga kõik oma projektid. Eesmärk on teha midagi, mida te veel ei tea. See on parim viis end mugavustsoonist välja tõrjuda ja uusi asju õppida .

Kuid ärge unustage teisi

Sama oluline on silma peal hoida ka teistel kandidaatidel. See hõlmab mitte ainult teie lemmikraamistiku otseseid konkurente, vaid ka mõningaid väärt veebiarendustööriistu.

Te ei pea neid muid tööriistu "valdama", sest sageli vajavad need lihtsalt ühekordset seadistamist koos korrapärase hooldusega. Kuid alati on tore neid oma oskuste kontrollnimekirjas hoida.

See võib hõlmata mitut asja - näiteks üksuste testimine Jestiga, otsast lõpuni testimine Cypressi, Webpacki, Babeli või Parceliga, natuke devopsi, Linuxi shelliskriptimine, serveri juurutamine ja nii edasi.

Nende oskuste põhitõed saate alati kiiresti selgeks õppida, kuna need on olnud pikka aega olemas, nii et neil on kaasas palju kasulikku materjali.

Liigu edasi

Uskuge mind, see on naljakas tunne - aga kui olete palju projekte välja töötanud ja oma lemmikkogumiga palju koodi kirjutanud, tekib tunne, et saate kõike teha. Sel hetkel saate tööd ja lihtsalt jätkate sama asja - see on täiesti hea. Või võite oma oskused katuse kaudu tasemele tõsta ja edasi liikuda.

Võrk. On. Vast.

Nii et kui olete HTML / CSS / JavaScript / React / Angular / Vue kasutanud, minge serveritesse. Lisateave serveri juurutamise, NGiNX, HAProxy, koormuse tasakaalustamise, pilvetaristu seadistamise, tulemüüride ja automaatse skaleerimise kohta.

Kas olete sellega ka hakkama saanud? Jätkake veebi järgmise korduse keelt WebAssembly.

Kas olete veebiassamblee õppinud? Eks, ma ei tea siis. Võib-olla liiguksite teistele programmeerimisaladele või söögitegemisele? :)

Järeldus

Tänapäeva maailmas on teil nii lihtne mitte korrata neid vigu, mida ma ise veebiarendust õppides tegin. Sest kõik need vead on nüüd kõigile avalikud!

Teil on teile saadaval nii palju ressursse ja ma töötasin selle nimel, et veebiarendajad saaksid seda õppida! Siin on minu YouTube'i kanal, kus õpetan teile, kuidas vingeid asju programmeerida. Ja siin on codedamn platvorm - tegelik platvorm, mis võimaldab teil saada suurepäraseks arendajaks, segades kokku hulga videoid, artikleid ja harjutusi.

Andke mulle teada, mida arvate sellest artiklist ja üldse veebiarendusest minu twitteri ja Instagrami käepidemete kaudu. Tahaksin sinuga seal ühendust võtta!

Rahu!