Najbolji način za učenje internetskog razvoja

Zašto web razvoj?

Web razvoj je područje koje uskoro neće nikamo otići. Web se brzo kreće i uređaji koje mnogi ljudi svakodnevno redovito poboljšavaju.

Aplikacije zasnovane na oblaku omogućile su nam dizanje teškog tereta u oblaku i upotrebu preglednika kao mosta za povezivanje moćnih pozadinskih poslužitelja s manje sposobnim i moćnim sučeljima.

Sada je najbolje vrijeme za učenje web razvoja ako želite nešto naučiti.

Ne samo da web razvoj otvara mnoštvo mogućnosti za vas kao pojedinca, već ćete moći i kodirati i implementirati cjelovite projekte od kraja do kraja koje mogu potrošiti gotovo svi na planeti.

Budući da većina ljudi ima pristup pregledniku, svaka je osoba udaljena samo jedan URL od web-aplikacije koju ste kodirali. Ako ovo usporedite s desktop aplikacijom ili hardverskim proizvodom, vidjet ćete da to jednostavno nije toliko skalabilno u usporedbi s webom.

Sad kad smo utvrdili činjenicu da je web trenutno najbolji način za pokretanje, pogledajmo kako naučiti razvoj web stranica na najbolji mogući način.

Web je ogroman - započnite s malim, a neka bude mali

Vjerojatno ste vidjeli velik broj JavaScript okvira i knjižnica poput React, Angular, Vue, Ember, jQuery, XYZ i tako dalje.

Neka od vrlo čestih pitanja koja dobivam kao YouTuber objavljujući sadržaj za web razvoj su sljedeća:

Trebam li naučiti X?

Je li X bolji od Y?

Koji je opseg Z?

Uvijek se sjetite dvije stvari o tehnologiji, posebno o webu:

  1. Vaš tehnološki kup gotovo uvijek nije važan. Ako ste dovoljno dobri sa svojim jezikom / okvirom, svaki put ćete pobijediti.
  2. Nikada ne trebate sve naučiti. Nikada. Možete biti dizalica svih zanata, ali budite sigurni da ste majstor.

Da rezimiramo ovaj odjeljak, na početku morate razmišljati vrlo malo . Izuzetno je lako zanijeti se onim vrućim okvirom koji je upravo objavljen. Samo nemojte pokušavati utrkivati ​​se tako što ćete ispustiti staru i prilagoditi novu tehnologiju, a da ne obavite odgovarajuća istraživanja.

Počnite s HTML-om i CSS-om

Ne mogu ovo dovoljno naglasiti. Boli me kad vidim tonu ljudi koji me pitaju o svojim React projektima kada odgovor leži u osnovnom HTML-u ili CSS-u.

JavaScript je u početku bio samo skriptni jezik preglednika. I premda je to sada puno više od toga, to ne mijenja činjenicu da na webu nadopunjuje HTML i CSS.

Uz napredak u web standardima, toliko možete postići samo u CSS-u. Za mnoge stvari JavaScript nije ni potreban.

Animacije? Razumiješ. Povuci i ispusti? HTML to može podnijeti. Raspored? Nabavite Flexbox ili Grid CSS API-je!

Postoji toliko puno stvari koje možete naučiti o HTML-u i CSS-u! Nemojte samo žuriti s JavaScriptom jer su sva cool djeca iz bloka u Angulu. Te knjižnice i okviri ne idu nikamo. Ne žurite .

Ići široko ili duboko?

Postoje dva pristupa kada učite web razvoj - ići široko ili duboko.

Ići široko znači da zajedno počinjete učiti mnoge stvari. Ovo bi moglo uspjeti za neke ljude, ali ne i za druge. Možda se pretrpite tutorialima, vježbama, video zapisima i blogovima, a onda na kraju odustanete.

Ući duboko znači da započinjete učiti jednu stvar i pokušavate naučiti što više o tome. Ovo ima svoj skup prednosti i nedostataka. Možda će vam dosaditi ili odustati jer ne vidite rezultate.

Pa, koje je rješenje? Odgovor je, iznenađujuće, ni jedno ni drugo. Odaberite mali tehnološki snop poput HTML / CSS / JavaScript i umjereno uđite u sve tri. Ovo ima nekoliko prednosti:

  1. Neće vam dosaditi, jer sve troje imaju relativno različite svrhe i drugačije ih zapisujete.
  2. Možete spojiti sve tri i brzo stvoriti i vidjeti nešto značajno bez mjeseci truda (što obično zahtijevaju drugi jezici poput C / C ++). To će vas motivirati da nastavite dalje.

Ne birajte React, Angular ili Vue

Kad ljudi počnu raditi s JavaScriptom, postoji potreba za uzimanjem biblioteke poput React-a, UI sustava poput Material UI-a, i zaronite u izgradnju izvrsnih stvari.

Nažalost, to ne dovodi do ništa više od pucanja u nogu. Nikada, nikada, ne možete stvoriti srednje do napredne projekte s tim okvirima ako ne razumijete osnove JavaScript-a. A primjena JavaScript-a traje neko vrijeme.

Primijetite da sam u prethodnoj rečenici koristio riječ koja nije primjenjivala učenje. Velika je razlika između naučenja nečega i primjene nečega što ste naučili.

Stvorite mali, ali radni projekt s HTML / CSS / JavaScript. A kad to napravite, izradite još jedan, a zatim izradite drugi projekt.

Svaki korak na putu, nastavite povećavati složenost projekta, kao i očekivanja, sve dok vaša baza podataka ne postane upravljiva. U tom ste trenutku stigli do onoga što ja volim nazivati granicom superiornog učenja .

Vidite, postoje okviri koji od vas rasterećuju ponavljajući rad. Oni ne postoje tako da zanemarite što se stvarno događa ispod haube i oslanjate se na činjenicu da je sve to magija.

Prvi put kada odaberete okvir poput React ili Angular za svoje projekte trebate biti kada ste uvjereni da taj projekt možete stvoriti bez React ili Angular .

Majstor jedne struke

Sada, kada ste dobri s HTML / CSS / JavaScript, vrijeme je da prijeđete na industrijske standarde. Istina je, bez obzira koliko dobar programer JavaScript bio, često ćete morati raditi sa modernim okvirima poput React-a - i samo sa svojim znanjem JavaScript-a ne možete ga odmah svladati.

Trebat će vremena da naučite i razumijete terminologiju, koncepte i kako taj okvir funkcionira ispod haube. Stoga uzmite okvir i svladajte ga.

Kako, možete pitati? Odgovor je jednostavan - ovisi o vama. Stvorite jednostavan projekt u svim glavnim okvirima (Angular, Vue i React) i pogledajte koji će kod vas najviše osjetiti. Odaberite jedan i ne osvrćite se

Zatim izradite sve svoje projekte s tim okvirom. Cilj je učiniti nešto što već ne znate. Ovo je najbolji način da se izbacite iz zone udobnosti i naučite nove stvari .

Ali ne zaboravite na ostale

Jednako je važno pripaziti i na ostale kandidate. To ne uključuje samo izravne konkurente vašeg "omiljenog" okvira, već i neke vrijedne alate za web razvoj.

Ne morate "svladati" ove druge alate jer puno puta zahtijevaju samo jednokratno postavljanje uz redovito održavanje. Ali uvijek je lijepo držati ih na svom popisu vještina.

To bi moglo uključivati ​​nekoliko stvari - poput jedinstvenog testiranja s Jestom, testiranja od kraja do kraja sa Cypressom, Webpackom, Babelom ili Parcelom, malo devopsa, skriptiranje Linux shell-a, postavljanje poslužitelja itd.

Osnove tih vještina uvijek možete naučiti brzo, jer postoje već dugo, pa im je na raspolaganju puno korisnog materijala.

Krenuti dalje

Vjerujte mi, smiješan je osjećaj - ali kad razvijete mnogo projekata i napišete puno koda svojim omiljenim hrpom, počnete se osjećati kao da možete sve. U ovom trenutku možete se zaposliti i nastaviti raditi isto - to je potpuno u redu. Ili možete izravnati svoje vještine kroz krov i krenuti dalje.

Web. Je. Prostrana.

Dakle, ako ste gotovi s HTML / CSS / JavaScript / React / Angular / Vue, prijeđite na poslužitelje. Saznajte o implementaciji poslužitelja, NGiNX-u, HAProxy-ju, uravnoteženju opterećenja, postavljanju infrastrukture u oblaku, vatrozidima i autoskaliranju.

Gotovo i s tim? Prijeđite na WebAssembly, jezik za sljedeću iteraciju weba.

Završili ste s učenjem WebAssemblya? Err, tada ne znam. Možda prijeći na druga programska područja ili kuhanje? :)

Zaključak

U današnjem svijetu tako vam je lako ne ponoviti pogreške koje sam počinio dok sam i sam učio razvoj web stranica. Jer sve su te pogreške sada javne da ih svi mogu pročitati!

Na raspolaganju vam je toliko resursa, a ja sam radio na jednom da ga nauče web programeri! Evo mog YouTube kanala na kojem vas učim kako programirati sjajne stvari. A evo i platforme codedamn - stvarne platforme koja vam omogućuje da postanete izvrstan programer spajanjem gomile videozapisa, članaka i vježbi.

Javite mi što mislite o ovom članku i web razvoju općenito putem mojih twitter-a i Instagram ručki. Volio bih se povezati s tobom vani!

Mir!