Kako postati napredni programer (izdanje 2020)?

Kako biste željeli raditi u vodećim svjetskim kompanijama, istodobno stvarajući utjecaj predivnim front-end razvojem?


Postoji velika potražnja za izuzetnim umjetnicima modernog weba i ovaj će vam vodič pokazati kako započeti.

A budući da su ljudi koji rade na softveru neki od najnagrađivanijih ljudi, vrijedno je vašeg vremena da razmislite o odabiru ove nove vještine. Nikad ne znate, to bi se s vremenom moglo pretvoriti u karijeru za vas.

Prvi dio ovog vodiča posvećen je odgovoru na goruća pitanja o front-end razvoju. Ako znate za odgovornosti, plaće i druge aspekte razvoja razvojnog programera, tada možete preskočiti 2. dio. Drugi dio ovog vodiča posvećen je izvorima, vodičima i savjetima.

Što je front-end razvoj?

Prednji web razvoj je praksa korištenja HTML, CSS i JavaScript za stvaranje jedinstvenih Web aplikacija. Aplikacije kao što su web stranice, mobilne web stranice, ali također i mobilne aplikacije i Progresivne web aplikacije.

To možete razmišljati i na ovaj način, svako web mjesto koje pregledavate, uključujući i ovo, na neki je način izgrađen od strane naprednog razvojnog programera. Barem na strani klijenta.

Kako novi CSS mijenja sve o grafičkom dizajnu na palubi web zvučnikaOno što je nekada zahtijevalo opsežne alate i okvire, sada se može učiniti pomoću izvornih specifikacija.

Iako je prednji kraj jedan od najpristupačnijih putova u razvoju web stranica, on može biti i jedan od najizazovnijih.

Tehnologija izrade web stranica uvijek se mijenja, što znači da programeri moraju redovito prilagođavati svoje vještine najnovijim postupcima. Za početnika može biti naporno, ali postaje bolje nakon godinu ili dvije čvrste razvojne prakse.

Možete li besplatno naučiti razvoj frontova?

Apsolutno možete!

Postaje mnogo lakše učiti web razvoj, ponajviše zahvaljujući ogromnom prilivu novih resursa, vodiča i projekata otvorenog koda.

Projekti poput freeCodeCamp pomažu milijunima ljudi da napišu kod za svoje prve programe. I ono blog freeCodeCamp prepun je uzbudljivih članaka, ne samo o front-end-u, već io drugim aspektima web-razvoja. Vrijedno je knjižiti oznake!

primjer sintakse kodaIzgleda komplicirano? To postaje lakše s praksom!

Iako je pretpostavka ovog vodiča da vam pomogne da besplatno učite, ne možemo zanemariti prednosti plaćenih tečaja.

Puno je startupa koji se bave odlučnom publikom, a mi ćemo istaknuti neke nevjerojatne platforme za tečajeve koji će vam na kraju svega dati certifikat.

Kolika je prosječna plaća za naprednog programera?

Napredni programer s prethodnim iskustvom može očekivati ​​da će ih odnijeti više od kuće 100.000 USD godišnje ako žive unutar Sjedinjenih Država.

To nije loš broj!

Juniorski programeri mogu očekivati ​​da će se kući odvesti bilo gdje 60.000 dolara i više.

Prosječne plaće za napredne programere u Sjedinjenim Državama

I plaće u Europi također se čine prilično razumnim; Njemačka je prosječno 50.000 USD godišnje.

Vrijedno je napomenuti da je to popularnost rada na daljinu posljednjih godina eksplodira, što znači da programeri nastoje izjednačiti svoju plaću u cijeloj državi s međunarodnim standardima. Ovo je više razloga da razmislite o tome da postanete razvojni programer!

Kako pronaći posao kao napredni programer?

Tehnički gledano, posao bi trebao biti posljednja stvar o kojoj treba razgovarati. Prvo morate steći vještine, a zatim razmisliti o potencijalnim mogućnostima. No, budući da je ovaj post strukturiran kao vodič, uvijek se možete vratiti i pogledati ovaj odjeljak za referencu.

Udaljeni poslovi za razvojne programere Pisanje korisničke podrške VišeUdaljeni poslovi rastu neviđenom brzinom. Uostalom, kome se ne sviđa ideja raditi od kuće, ili još bolje, ravno s plaže?

Evo popisa najpopularnijih ploča za posao za napredne programere:

Ovo je pomalo sažet popis web mjesta koja pružaju preporuke za pronalaženje vašeg sljedećeg prednjeg posla. Ostale mogućnosti su vam da radite na osobnom projektu u nadi da će vam to biti isplativo ili provoditi svoje vrijeme radeći na besplatnim svirkama.

Resursi: Gdje započeti.

Sljedeći resursi govore o početku. U tom pogledu zauzimamo razumno linearan pristup. I to iz prostog razloga što je vani ogromna količina resursa.

Da bismo brzo započeli, naš fokus je na platformama i prednjim alatima koji su utkani u moderni tijek rada. Kao rezultat toga, možete naučiti osnovnu i sintaksu kodiranja srednjeg vremena dok razumijevate alate koji upravljaju radnim tijekom modernog programera.

Preporučuje se da iskoristite svoje vrijeme s tim resursima, jer će vas oni pripremiti za tečajeve i vježbe koje ćete naći u drugom dijelu ovog vodiča..

Codecademy

Codecademy

Ako ćete provesti čak nekoliko minuta u potrazi za resursima kako naučiti kako kodirati, onda je Codecademy nesumnjivo jedan od vaših prvih hitova. Ova je platforma za učenje kodova dobro poznata i tijekom sedam godina je opsluživala više od 100 milijuna ljudi.

U to je vrijeme Codecademy bila prilično revolucionarna svojim dinamičkim i interaktivnim sučeljem za kodiranje. I dok su mnogi slijedili isti put, Codecademy je održao kontinuirane rezultate.

Ovih dana možete dobiti certifikat po završetku, a mnogi su ih iskoristili kako bi sebi poslali posao pokretanje najviše razine; kao mlađi dev, ni manje ni više.

Cijelo to vrijeme postoji argument da Codecademy nije dovoljan.

Sa stajališta iskusnog programera – sigurno, možda je ova platforma previše jednostavna. Ali, ako učite samo o naprednom razvoju, ne postoji ništa više zadovoljavajuće nego slijediti detaljne upute s rezultatima u stvarnom vremenu..

Codecademy nudi satove na HTML5, CSS3, SASS, Python, JavaScript, Ruby, SQL i Java.

Saznajte CSS izgled

Saznajte CSS izgled

Kao napredni programer, trošit ćete razumnu količinu vremena radeći s izgledom. Izgled je platno na kojem strukturirate web mjesto. Tekst ovog bloga smješten je unutar retka, koji je dio većeg spremnika.

A to se odnosi na sve dizajne web stranica. Korištenjem Learn CSS Layout-a možete steći temeljno razumijevanje načina rada kontejnera i redaka, kao i kako možete pozicionirati sadržaj tamo gdje želite.

Dodatni alati koje možete istražiti jesu Flexbox Froggy za flexbox osnove i Grid Garden za rešetka osnove, odn.

Tlocrt je prilično važna tema koju trebate shvatiti, zato provedite dobrih nekoliko sati roneći duboko u svom doživljaju izgleda. Najbolji način za učenje je kroz praksu.

bootstrap

Predložak bloga · Bootstrap

Jednom kada shvatite kako izgledaju izgleda, vrijeme je za konkretne eksperimente. Naravno, možete nastaviti i pokušati razviti prilagođeni korisnički interfejs kao svoj prvi projekt, ali to bi vas moglo odvratiti od više nego vas potaknuti da nastavite.

Dakle, morate naučiti o okviru ili dva. Okvir je jednostavan način da započnete s bilo kojom vrstom web razvoja. Dati su vam alati i dokumentacija za pokretanje izrade interaktivnih web stranica prvog dana. A jedan od najboljih koji je ikada to učinio je Bootstrap.

komplet žičara za bootstrapNa internetu izgradite responzivne mobilne projekte s najpopularnijom svjetskom bibliotekom komponenti. Bootstrap je alat s otvorenim kodom za razvoj s HTML-om, CSS-om i JS-om.

Bootstrap se uvelike koristi na cijelom webu i bez sumnje je jedan od najpopularnijih prednjih okvira na svijetu.

Pakao, dobar postotak web stranica koje svakodnevno posjećujete koriste neke Bootstrap funkcionalnosti.

Jedna od fantastičnih stvari o Bootstrapu je kako brzo možete započeti. Stranice dokumentacije pune su primjera i slučajeva uporabe. A što je najbolje od svega, sustav izgleda Bootstraps dizajniran je s prilagodljivim dizajnom na umu. Dakle, vaše web stranice temeljene na pokretanju sustava automatski su prilagođene mobilnim uređajima.

A ako vam se sviđa što Bootstrap može ponuditi, evo dodatnih izvora na popularnim front-end okvirima:

  • 10 najboljih okvira okvira JavaScript koje biste trebali znati
  • 10 najboljih CSS okvira za napredne programere

Prednji popis

Prednji popis za provjeru

Unatoč tehnologiji koju upotrebljavate za izradu web stranica, i dalje morate slijediti određena pravila i propise. Naravno, može se odlučiti zanemariti takve zahtjeve, ali po cijenu korisničkog iskustva i digitalne kompatibilnosti.

Front-End Checklist odličan je alat gdje možete navesti URL svoje web stranice, a platforma pregledava vašu web lokaciju radi najboljih praksi u razvoju na prednjim dijelovima. Ovo uključuje provjeru jeste li optimizirali svoje slike ili slijedite li najbolje SEO prakse.

Trebali biste pokušati i koristiti ovu aplikaciju onoliko dugo koliko vam treba da shvatite koji su moderni zahtjevi za profesionalne web stranice i aplikacije. Osim toga, nenametljivo i glatko korisničko sučelje apsolutno je zadovoljstvo raditi.

Vue.js

Vue js

Vue.js je sjajan primjer koji pokazuje kako mala ideja / koncept može prerasti u jednu od najprepoznatijih stvari na svijetu. Doista, Vue.js je oluja odvela front-end zajednicu.

Ovaj progresivni okvir pomaže programerima u izgradnji nevjerojatnih korisničkih sučelja koristeći HTML i JavaScript.

Okvir u cijelosti podržava zajednica – i na financijskoj i na razvojnoj strani.

To je savršen primjer kako se open-source može okupiti i napraviti velike stvari. I kao razvojni programer, trebali biste više proučiti open-source i zašto je to važno.

Evo nekoliko preporučenih čitanja na Vue.js:

I posljednje, ali ne najmanje bitno, pogledajte različite projekte izgrađene s Vue.js na lokaciji Vue.js Izložba web stranica.

Prednja osnova

FONDAMENTALI PREDNJEG KRAJA

Sve što smo dosad pogledali besplatno je uglavnom i otvoreno. Sve što trebate je zgrabiti se Uzvišeni tekst, i možete biti na putu da eksperimentirate u prvom planu, a to biste apsolutno trebali biti! Čitanje vodiča i okvirne dokumentacije samo je pola bitke.

Pravo učenje događa se u vašem uređivaču teksta i pregledniku. Jedina mana ovog pristupa je ta što nije u potpunosti sustavan. Djelujete u načinu “besplatan za sve”, a rezultati mogu varirati o vašoj sposobnosti da se disciplinirate.

Ako se ne odlučite uložiti, i ako uložite, mislim da potrošim simboličnu svotu za kupnju bilo koje od početnih knjiga od A Book Apart. Ovi momci su neki od najboljih u industriji, a veterani front-end devi opetovano preporučuju svoje knjige.

U odjeljku o osnovnim osnovama nalazi se knjiga o SVG, CSS, HTML, JavaScript i Sass, što je savršeno početno mjesto za moderne napredne tijekove rada.

GitHub

Github

GitHub je vaš digitalni ured za kodiranje i razvoj svih stvari. To je najveća open-source platforma na svijetu, dom većine najpopularnijih okvira i alata na svijetu.

S GitHubom možete ugostiti svoje projekte i pozdravljati druge koji daju svoje doprinose. I sami možete slati doprinose drugim projektima.

Također možete istražiti GitHub i sve ono što on može ponuditi. Na primjer, GitHub je dom poznatih popisa Awesome, koji su zbirka udžbenika, resursa, alata i drugih stvari za određene okvire i tehnologije.

pr., Awesome Front-End List što uključuje najnovije informacije o najnovijim stvarima koje treba znati o front-end-u i kamo se kreće.

Prelijevanje snopa

logotip preljeva snopa

Overflow stak ima notornu reputaciju kao najstroži Q&Programsko mjesto u svijetu. I stvarno je tako.

Korisnici na Stack Overflowu ne postavljaju lagano pitanja koja nisu istražena ili pravilno analizirana. I dok se ovo može činiti odvratnim, to pomaže u stvaranju snažnog osjećaja svrhe.

Vidite, kad god korisnik pošalje odgovor na pitanje, drugi korisnici mogu pristupiti i pozvati ga na odgovor. Na kraju ćete dobiti nekoliko “provjerenih” odgovora koji temeljito odgovaraju na pitanja korisnika. Kao rezultat toga, hijerarhija web lokacije ostaje jasna i dosljedna.

Kao početni početni programer, morat ćete upotrijebiti Stack Overflow za razumijevanje određenih tema, ali i za postavljanje pitanja ako morate. Za većinu početničkih stvari, sažetke odgovora trebali biste moći pronaći u nekoliko sekundi.

Tutoriali & Tečajevi: Upoznavanje s ekosustavom.

Prvi dio posvećen je u potpunosti izvorima i platformama koji će vam pomoći da započnete s radom. Trebali biste potrošiti razumnu količinu vremena na svim resursima koje smo nabrojali kako biste imali stvarni osjećaj o tome što očekivati ​​od front-end razvoja.

Nakon što učinite sve to, možete skrenuti pozornost na udžbenike i tečajeve. To su strože organizirani resursi s jakim naglaskom na učenju.

Prednji spektarFront-end je kolekcija alata, okvira, knjižnica, softvera za testiranje i puno više. Ne dozvolite da vas opsežni opseg toga prestraši!

Vrijedno je napomenuti da neki od sljedećih tečajeva nisu dostupni za besplatnu upotrebu. Međutim, uvjeravamo vas da su sljedeće preporuke apsolutno vrhunske linije.

Nadalje, platforme poput Frontend Masters poboljšat će vas sa svim tehnologijama koje se koriste u najuspješnijim startapima na svijetu..

Cilj ove objave nije promovirati front-end razvoj kao hobi, već vam pružiti opipljive resurse kako biste mogli cijelo svoje učenje da uspostavite karijeru..

MDN web dokumenti

MDN web dokumenti

MDN (Mozilla Developer Network) upoznat će vas na ovaj ili onaj način. Ova platforma za web dokumentaciju posvećena je u potpunosti promociji rada weba. Ovdje možete naučiti o alatima za razvojne programere, web tehnologijama i samom razvoju web stranica.

Kada tražite neke detalje na CSS-u ili HTML-u, često se MDN pojavljuje kao prvi rezultat na Googleu i drugim tražilicama. Vodiči, specifikacije i sveukupni uvidi strukturirani su na način koji ima smisla za napredne programere.

edX Prednji tečajevi

Prednji web razvoj edX

Kao što je prethodno navedeno u ovom vodiču, strogo slijedeći nastavni plan i program mnogo je linearniji način učenja i prilagodbe. Da biste započeli s tečajevima, morate provjeriti što edX može ponuditi. Ne samo da možete dobiti certifikate po završetku, već možete učiti u svom željenom ritmu.

edX tečajevi su temeljito strukturirani, s jasnim naglaskom na pomaganju studentima da razumiju osnove svake teme predmeta. Trenutno možete naučiti tehnologije poput JavaScript, HTML5, CSS3 i još mnogo toga.

Ako želite dobiti potpuni prednji certifikat, morat ćete uložiti skromno ulaganje od 500 USD – ali to vam također daje izravan pristup instruktorima tečaja i još mnogo toga. Brojne su tvrtke koristile edX za upis svojih zaposlenika u ovaj specifični program.

Prednji Masters

Prednji Masters

Frontend Masters sličan je iskustvu bootcamp-a. Tečajevi koje možete pronaći na ovoj platformi izuzetno su temeljiti, s naglaskom na sadržaj u dugoj formi i učenje orijentirano na projekte.

Ovdje možete naučiti o tehnologijama kao što su React, Vue, Angular, Node.js i još mnogo toga. Kvaliteta proizvodnje izuzetno je kvalitetna, tako da možete uživati ​​u iskustvu sličnom onom na stvarnom Bootcamp tečaju.

Kao registrirani korisnik možete pratiti svoj napredak na Naučiti stranica. Ova stranica prati vaš napredak u učenju, pokazujući postotke za svaku tehnologiju pojedinačno, ali i postotke za čitave skupove. To je zabavan način da se motivirate.

Posljednje, ali ne najmanje bitno, vaš poslodavac završiti tečaj Frontend Masters neće ostati nezapaženo.

Intelektualac

Intelektualac

Egghead je vrlo sličan gore spomenutoj platformi, ali ističe se čvrstim i sažetim lekcijama. Na primjer, lekcija „Izrada dinamičnih popisa u lepršavanju listama ListViews“ duga je samo dvije minute, iako vam daje dovoljno materijala za učenje da biste istinski razumjeli koncept.

Egghead nudi udžbenike i tečajeve o okvirima, bibliotekama, jezicima, alatima i platformama. Želite li naučiti o razvoju mobilnih uređaja? Nije problem, Egghead ima materijale za nastavu za iOS, Android i druge platforme.

Godišnje cijene su skromnih 250 USD, ali to vam omogućava pristup svakom tečaju i udžbeniku koji se nalaze na web mjestu. Također možete razgovarati o svakoj lekciji s drugim članovima zajednice. Pa vrijedi ulaganja!

CSS-trikovi

CSS-trikovi

Chris Coyier apsolutna je legenda u CSS zajednici. Ne samo da je držao CSS-trikove više od desetljeća, već je i suosnivač tvrtke CodePen – popularna platforma za dijeljenje koda za web programere.

Jedna stvar na koju možete računati u CSS-trikovima je da se ona stalno ažurira, a priče se objavljuju na temelju trenutačnih tema i tehnologija. Kao rezultat toga, brzo možete pojačati svoj set s vještinama pomoću vodiča koje su dali mnogi autori web mjesta.

Ukratko, korisno je web mjesto da se držite u svojim oznakama i provjeravate jedanput dnevno. Izvlačićete ogromnu vrijednost iz samih udžbenika, ali i iz preporuka koje dolaze uz njih.

scotch

Vrhunski trening za razvoj web polica - Scotch io

Scotch je isto što i izvor sredstava za učenje, ali i mjesto za najnovija događanja u web razvoju. Postojalo je od 2014. godine – ovo je web mjesto skupilo ogroman broj, zajedno sa tisućama besplatnih tutorijala za web razvoj.

Autori škotskih listova jako se usredotočuju na tehnologije poput Vue, React, Laravel, Angular, JavaScript, Node.js i slično. I nemojte misliti da su to i neke tutorijale za početne korake.

Većim dijelom gradit ćete prave i opipljive aplikacije. Npr Želite li naučiti kako izgraditi Twitter klon Vue i Adonis? Nije problem, samo upišite besplatni tečaj i bit ćete postavljeni.

Divno web mjesto i ne mogu ga preporučiti dovoljno za nove i postojeće prednje razvojne programere!

Savjeti: Ako nema borbe, nema napretka.

Budući da ste to već postigli, možda biste se mogli prepustiti nekim od sljedećih savjeta. Iako je prednji posao unosan izbor karijere, to uključuje prilično strmu krivulju učenja i prilično glavobolju dok omotate glavu oko trenutne vremenske trake.

Bez obzira na to, za nivo mogućnosti koje možete privući – vrijedan je uzlazne bitke!

Učite u razumu.

Zašto učite programirati? Želite li dobiti bolji posao? Želite li izraditi kreativne web stranice? Shvatite svoj razlog, jer će vam dobro doći. To će vam dobro doći tih dana, tjedana, čak i kad glavom udarite u zid – postavljajući pitanje vrijedi li nešto od toga.

Pronađite svoje pleme.

Poželjet ćete uspostaviti barem nekoliko veza s pojedincima istomišljenika, pa čak i mentorima, ako je moguće. Kad sam u svojoj staroj školi otišao pozajmiti Pascal knjigu, bio je super susretljiv i otvoren prema ideji da mi pomogne oko bilo kakvih problema koji mogu imati. Razmislite o sličnom putu bilo pronalaženjem lokalne zajednice ili pronalaska drugih programera u mrežnim zajednicama. Puno je lakše naučiti kad netko prstom uputi na mjesto gdje trebate pogledati.

Izbjegavajte sve učiti.

Ne stavljajte teret što morate sve znati na sebi. Kada je u pitanju front-end, započeti s HTML5 i CSS3 više je nego dovoljno. JavaScript je poput glazure na torti, pa budite oprezni s koliko glazure dobijete jer ćete možda probušiti! Nakon što vam je ugodno s osnovama, istražite nova područja, teme i okvire. Mali i kompaktni zalogaji učenja ključni su ovdje.

Ako želite naučiti više, pročitajte ovaj post Ali Spittel gdje dijeli više od 25 savjeta za nove programere.

Izlazi tamo

Što čekaš? Izađite i počnite učiti! Obavezno provjerite u ovom vodiču za razvoj novih tehnologija svakih nekoliko mjeseci za nova ažuriranja i savjete.

Sretno!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map