Žiniatinklio plėtra 2020 m .: kokių kodavimo įrankių turėtumėte išmokti

Šiandien vienas mano mėgstamiausių mokytojų Bradas Traversy paskelbė apžvalgą, ką jis rekomenduoja išmokti tapti interneto kūrėju 2020 m.

Bradas peržengia daugybę aistrų, kurias girdi socialiniuose tinkluose. Jo patarimai yra praktiški ir realistiški. Aš sutinku su juo beveik viskuo, ką jis jums rekomenduoja išmokti.

Svarbiausias dalykas, kurį pabrėžia Bradas - ir kurį aš visada pabrėžiu - yra nesijaudinti ir neleisti savęs priblokšti.

Atminkite: „freeCodeCamp“ mokymo programa apima daugumą šių įrankių ir daugiau nei 40 000 žmonių padėjo įsidarbinti kaip kūrėjai. Jei kyla abejonių, tiesiog susitelkite į tai.

Jūsų patogumui žemiau apibendrinau pagrindines Brado įžvalgas. Tai sakau, aš raginu jus žiūrėti visą jo vaizdo įrašą, kurį įdėjau žemiau. Jis priduria daug detalių, ne tik tai, ką perteikia šios užrašai. Tai 73 minučių žiūrėjimas.

Žiniatinklio plėtra 2020 m .: apžvalga

Pagrindinis vaizdo įrašo tikslas yra supažindinti su kai kuriais labiau naudojamais žiniatinklio kūrimo įrankiais.

"Aš nesistengiu jūsų užgožti technologijomis. Tai tik galimybės, kurias turite ... Yra daugybė technologijų. Kai išgirsite kažką panašaus į" Nuxt "ar" Gatsby ", noriu, kad žinotumėte, kas tai yra. Ir tada galite pasirinkti, ar norite to išmokti, ar ne “.

Bradas pirmiausia skatina žmones pirmiausia paklausti, ką jie nori veikti. Ar norite dirbti produkto įmonėje? Arba dirbti konsultantu? Ar norite būti laisvai samdomas? Arba sukurti savo produktą?

Daugybė jo patarimų, ko išmokti, susiveda į jūsų tikslus. Šioje aplinkoje jis pateikia daugybę savo įrankių pasiūlymų.

Kaip atspirties tašką jis rekomenduoja išmokti tai, ką jis vadina „Reikalavimais“.

Vieną priešingai suprantamą dalyką jis nurodo: jums nereikia puošnaus kompiuterio, skirto žiniatinklio plėtrai. „Tai nėra panašu į žaidimų variklių kūrimą ar panašiai, todėl galite naudoti vidutinės klasės nešiojamąjį kompiuterį ar darbalaukį ar net kai kuriais atvejais žemesnės klasės kompiuterį“.

Debesų serveriams ir net kai kuriems savo medijos serveriams jis naudoja „MacOS“, „Windows 10“ ir „Linux“.

Jis yra didelis „VS Code“ gerbėjas savo redaktoriui ir naudoja naršyklės derinimui naudodamas „Chrome“ ir jos įmontuotą „DevTools“. Pasak jo, jis mano, kad „Firefox“ taip pat nuėjo ilgą kelią ir yra perspektyvi alternatyva.

Jis rekomenduoja pradėti nuo standartinių HTML ir CSS ir išmokti naujesnių CSS įrankių, tokių kaip „Flexbox“ ir „Grid“.

Jis sako, kad 2020 m. Reikėtų mokytis reaguoti į interneto dizainą. "Kiekvienas jūsų sukurtas rimtas projektas turėtų atrodyti gerai ir būti visiškai tinkamas naudoti visuose įrenginiuose."

Užuot pasikliaudamas CSS sistemomis, tokiomis kaip „Bootstrap“, jis rekomenduoja praktikuoti savo modulinių CSS komponentų kūrimą, kuriuos vėliau galėsite pakartotinai naudoti visame savo projekte.

Pasak jo, jis sako, kad galite susidurti su jais dirbdami prie skirtingų darbdavių projektų.

Jis konkrečiai mini „Tailwind“, apie kurį anksčiau nebuvau girdėjęs. „Tailwind“ šiek tiek skiriasi nuo kitų CSS sistemų. Jis orientuotas į „komunalines klases“, kurias galite sujungti, kad pasiektumėte to, ko norite, naudodami dizainą.

Nenuostabu, kad Bradas rekomenduoja naudotis „JavaScript“ tikrai gerai.

Mokymasis praktiniu tempu

Visame Brado vadove jis ne kartą pabrėžia praktiškumo poreikį.

Taip - viskam yra geriausia praktika. Tačiau daugeliu atvejų yra pakankamai geras būdas, kuris padės greičiau judėti ir daugiau nuveikti, neįsigilinus į įrankius.

Vienas įdomiausių (o gal ir eretiškiausių) dalykų, kuriuos jis sako:

„Nereikia mokytis„ DevOps “ir AWS bei visų šių dalykų mažai svetainei. Tinka prieglobos svetainė ar valdoma prieglobos svetainė, pvz.,„ InMotion “ar„ Hostgator “. Tai leidžia jums [diegti] tiesiai naršyklėje. Nereikia. per daug komplikuoja dalykus “.

Jis teigia, kad net ir 2020 m. Reikia pasakyti apie žinomų įrankių naudojimą.

Žmonėms, kurie neseniai pradėjo kurti žiniatinklio plėtrą, Bradas pirmiausia rekomenduoja pereiti prie to, kad galėtų dirbti kaip pagrindinis žiniatinklio kūrėjas. Tai leis jums kurti svetaines vietos verslui kaip laisvai samdomam darbuotojui.

"Hipsteriai pasakys, kad jums tikrai reikia naudoti sąsają. Nemanau, kad tai tiesa. Jei norite perteikti šablonus serveryje nenaudodami priekinės sąrangos, manau, kad tai visiškai puiku, bet jų yra daug darbo vietų, kurios ieško kažko panašaus į „React“ ar „Vue“.

Bet kai būsite pasirengęs spręsti priekinės sistemos rėmus, jis rekomenduoja jums ištirti „React“, „Vue“ ir „Angular“. - Išbandykite visus tris ir išsiaiškinkite, kuris jums labiausiai patinka.

Jis taip pat linkteli „Svelte“ - tai ne karkasas, o greičiau kompiliatorius. Tačiau jis sako, kad tikriausiai per nauja pabandyti pasiimti 2020 m.

Ir jis aptaria didėjantį serverio teikimo populiarumą. Failų sistema pagrįstas maršrutas reiškia, kad nereikia kurti sudėtingo maršruto failo. Vietoj to, jūs galite tiesiog įdėti failus į katalogą, kuriame norite, kad jie būtų.

Du populiarūs serverio atvaizdavimo įrankiai yra „Next.js“ (skirta „React“) ir „Nuxt.js“ („Vue“ parinktis).

Kita ryškėjanti tendencija yra „Static Site Renders“, kurios, jo teigimu, jums nereikia mokytis, tačiau turėtumėte žinoti. Pavyzdžiui, „Gatsby“ svetainės yra ypač greitos ir joms nereikia serverio.

Atgalinės galios kūrimo įrankiai

Kurdamas serverį, Bradas teikia pirmenybę „Node.js“ dėl savo greičio ir todėl, kad jis gali naudoti „JavaScript“ tiek priekyje, tiek gale.

Kurdamas serverio puses, jis rekomenduoja mokytis „Express“, nes jis yra populiariausias ir „tai suteikia jums daug laisvės kurti dalykus taip, kaip norite savo keliu“.

Kai kuriems projektams jis taip pat naudoja „Python“ ir taip pat rekomenduoja.

"Python turi dvi nuostabias sistemas." Django "yra didelė, visapusiška sistema, kur kolba yra labiau minimalistinė. Tai suteikia jums tai, ko jums reikia, bet jūs darote likusius sprendimus. Aš nuoširdžiai negaliu pasirinkti vieno iš dviejų, aš mylėkite juos abu ir naudokite skirtingiems dalykams “.

Ir jis greitai ateina į PHP gynybą:

"Daugelis žmonių menkina PHP, ir tai gaila, nes PHP gali būti puiki kalba. Tai praktiška ir paprasta įdiegti beveik bet kur. PHP puikiai tinka laisvai samdomiems darbuotojams, kuriems reikia greitai išsinešti dalykus. Jei planuojate dirbant didelėje įmonėje, PHP gali būti ne pats geriausias pasirinkimas, tačiau jei esate laisvai samdomas ir kuriate asmeninius projektus, PHP gali būti puikus pasirinkimas. Tapti šaunu, kai žinau PHP. PHP buvo pirmoji mano išmokta kalba, kuri man vis dar labai patinka tai ... Jei pažvelgsite į „Laravel“ kodą, tai labai elegantiška “.

Bradas taip pat greitai peržiūri duomenų bazes ir rekomenduoja daugiamečių mėgstamų „PostgreSQL“.

Kiti įrankiai, kurie tikriausiai yra čia

„GraphQL“ yra alternatyva „API“ REST. Yra keli kursai, apimantys GraphQL tiek Brado, tiek „freeCodeCamp“ kanaluose. Tačiau jis sako: „Šiais laikais„ GraphQL “nereikia išmokti, tačiau jis yra pakankamai didelis, kad manau, jog čia yra, kad liktum. Tai daugiau nei tendencija.“

Bradas taip pat kalba apie turinio valdymo sistemas (TVS) ir apie tai, kaip jos virsta naujomis „begalvėmis“ parinktimis, kur jas tiesiog naudojate kaip galinę dalį ir koduojate savo priekinę dalį.

"TVS yra labai patogu laisvai samdomiems darbuotojams, kurie turi klientų, norinčių prisijungti ir kurti savo tinklaraščio įrašus ir panašius dalykus. Daugelis žmonių žlugdo„ WordPress “, tačiau internete yra didžiulis procentas svetainių, kurias valdo„ WordPress “. ir vis dar labai populiarus “.

Žiniatinklio serveriams jis teikia pirmenybę NGINX, o ne „Apache“, nes „atrodo, kad tai nėra taip sudėtinga“. NGINX daug naudojame freeCodeCamp ir esu linkęs sutikti.

Bradas taip pat paaiškina, kaip veikia virtualizacija, ir kalba apie tai, kaip ji gali supaprastinti sudėtingesnius projektus, standartizuodama aplinką keliuose kompiuteriuose. Tačiau jis įspėja, kad nereikia bandyti visko virtualizuoti:

"„ Docker “tikrai tinka komandoms. Man nepatinka, kai žmonės sako, kad visada turėtumėte naudoti„ Docker “. Tai tiesiog pirmenybė. Jei norite tiesiog paleisti vietinį LAMP serverį, tame nėra nieko blogo. Nejauskite spaudimo. išmokti kažką panašaus į Dockerį “.

Ir jis priduria norėdamas pabrėžti tai, ko aš asmeniškai negaliu pakankamai pabrėžti: "Aš žinau, kad daugybė nerdy tipų nori tiesiog per daug komplikuotis, ir aš to nekenčiu. Tai, kad aš visa tai išvardinu, dar nereiškia, kad aš jį stumiu tu."

Jis taip pat greitai atkreipia dėmesį į tai, kad daugelyje didelių kompanijų yra tam skirtos „DevOps“ komandos (dar vadinamos „Svetainių patikimumo inžinieriais“), kurios gali daug padaryti už jus.

Malonu turėti įgūdžių, kuriuos galite išmokti kaip specialybes

Jei norite išbandyti savo rankas mobiliųjų programų kūrime, Bradas primygtinai rekomenduoja „Flutter“ sistemą. Ji naudoja „Dart“, kuri yra labiau neaiški kalba. Jis apibūdina „Dart“ kaip kažkur tarp „Java“ ir „JavaScript“ ir sako, kad jei mokate kurią nors iš tų kalbų, turėtumėte sugebėti ją pasiimti.

Antrasis mobiliųjų programų kūrimo pasirinkimas yra „React Native“, kurį lengva pasirinkti, jei jau žinote „React“.

Tuomet Bradas puikiai paaiškina, kas yra „Progressive Web Apps“ ir keletas jų pranašumų. Štai skaidrė, bet vėlgi, aš primygtinai raginu žiūrėti visą jo vaizdo įrašą.

Tada jis paliečia „Electron“, kuris leidžia jums kurti darbalaukio programas naudojant „JavaScript“. Iš pradžių jis buvo skeptiškas, tačiau sako, kad kai kurios jo mėgstamos darbalaukio programos, tokios kaip „VS Code“ ir „Discord“, dabar sukurtos naudojant „Electron“.

Jis mini „JAMstack“ („JavaScript“, API ir „Markup“) ir serverio neturinčią architektūrą. Tai yra labiau pažengusios temos, kuriose tiek jo kanalas, tiek „freeCodeCamp“ „YouTube“ kanalas turi vaizdo įrašų pamokas.

Tada jis patenka į dideles 2020 m. Tendencijas.

Mašinų mokymasis ir žiniatinklio surinkimas

Tai, kad visi kiti kalba apie mašininį mokymąsi, dar nereiškia, kad turite viską mesti ir išmokti. Štai kaip jis įveda šį savo kalbos etapą.

Taip, mašininį mokymąsi galite atlikti ir „JavaScript“.

"" Python "yra mašininio mokymosi karalius. Bet net jei naudojate" JavaScript ", turite TensorFlow.js, turite" Brain.js ", kad sukurtumėte neuroninius tinklus ir atliktumėte tikrą įdomų dalyką."

Iš to, kaip jis kalba apie žiniatinklio asamblėją, aišku, kad jis dėl to labai jaudinasi.

"Žiniatinklio asamblėja vis dar yra ankstyvoje stadijoje, bet manau, kad šiemet jos pamatysime daugiau. Tradiciškai mes naudojame„ JavaScript “tinklalapyje, kad galėtume manipuliuoti DOM ir vykdyti skaičiavimus.„ JavaScript “turi greičio apribojimų. Kalba kaip „C“ arba „C ++“ yra daug greitesnis nei „JavaScript“. Taigi žiniatinklio asamblėja yra efektyvus, žemo lygio baitų kodas, kurį gali vykdyti naršyklė, ir jis yra labai greitas. Jį gali sugeneruoti tokios kalbos kaip C, C ++ ir Rust. "

Rūdys yra viena iš kalbų, kurią galite naudoti su „WebAssembly“ (be C ir C ++). Tai žymiai lengviau išmokti ir naudoti nei C ir C ++.

Tačiau svarbu pažymėti, kad „WebAssembly“ neatleidžia jūsų nuo mokymosi „JavaScript“.

„Beveik galvojate apie„ JavaScript “kaip apie viršininką, ir tai gali nurodyti žiniatinklio asamblėjai, ką daryti. Taigi jis leidžia mūsų žiniatinklio programose naudoti tikrai greitas žemo lygio kalbas, tokias kaip C ++, ir tai suteikia mums daug daugiau galimybių kito lygio vaizdo žaidimai ir vaizdo redagavimo įrankiai tiesiai naršyklėje - tai neįmanoma įsivaizduoti vien naudojant „JavaScript“.

Baigdamas jis sako: "Kuo daugiau išmoksi, tuo lengviau išmoksi daugiau ir pritaikysi visas šias technologijas. Stenkitės nepervargti. Ženkite po vieną žingsnį, atlikite keletą tyrimų ir išsiaiškinkite, ką jūs nori daryti “.

Vėl noriu padėkoti Bradui Traversy už tai, kad parengė šį išsamų vaizdo įrašą.

Žmonės manęs visą laiką klausia: „Ką turėčiau išmokti, jei noriu tapti interneto kūrėju?“ Mano atsakymas yra „tiesiog naudokitės„ freeCodeCamp “kaip pagrindinę mokymo programą ir eikite į kitus mokymosi išteklius“.

Aš džiaugiuosi galėdamas pasakyti, kad Brado „Traversy Media“ „YouTube“ kanalas yra vienas iš tų papildomų šaltinių, kurį aš labai rekomenduoju.