Netologija profesija web programer. Šta front-end programer treba da bude u stanju da uradi

Web programer od nule

Program

1. Izgled web stranice koristeći HTML i CSS

U ovom bloku ćemo proučavati semantiku HTML oznaka i CSS svojstava za formatiranje teksta na stranici. Zaronimo u detalje blok modela i pozicioniranja. Naučimo kako koristiti kaskadu i nasljeđivanje u CSS-u. A kao rezultat stečenog znanja, kreirat ćete jednostavan izgled stranice od nule.

Uvod u disciplinu

Git

3. JavaScript programski jezik

Nakon ovog bloka, drugi programski jezik će se pojaviti u vašem arsenalu. Hajde da istražimo sintaksu i važne karakteristike JavaScript-a koje ga razlikuju od drugih jezika: zatvaranja, kontekst pozivanja funkcija, prototipovi i nasleđivanje prototipa. Kao i obećanja, koja će vam omogućiti da asinhroni kod učinite organizovanijim i jednostavnijim.

4. JavaScript u pretraživaču i Web API

U ovom bloku ćemo naučiti kako stranice učiniti što interaktivnijim. Savladaćemo validaciju obrasca direktno u pretraživaču, primajući i prenoseći podatke na server bez ponovnog učitavanja cele stranice. Implementiramo kontrolu audio i video reprodukcije koristeći vlastite kontrole. Također ćemo komunicirati sa API-jem koji implementira serverski dio web aplikacije.

2. Backend razvoj u PHP-u

Naučimo kako kreirati dinamičke stranice, odvojene podatke i njihovu prezentaciju koristeći HTML markup. Počnimo sa PHP sintaksom glavnih jezičkih konstrukcija. Zatim ćemo naučiti kako obraditi podatke web obrasca i generirati slike. Pogledajmo kako možete staviti podatke u MySQL bazu podataka, kako ih dobiti odatle i kako ih predstaviti na stranici.

Prije nego razmislite online kursevi za front-end programere na ruskom jeziku, odgovorimo na pitanje: ko je Front-end programer?

Front-end programer(aka - f ront-end (front-end) programator) je programer koji se bavi klijentskom stranom sajta, jedan je od najtraženijih IT stručnjaka u ovom trenutku. To je zbog činjenice da ovi stručnjaci rade na raskrižju tehnologija, evo glavnih:

• , adaptivni, cross-browser i cross-platform izgled;
• pretprocesori i asembleri LESS, SASS, GULP, GRUNT, itd.;
• Javascript;
• Popularni okviri i biblioteke: jQuery, Angular.JS, React.JS, Backbone.js, itd.;
• Popularni CMS: WordPress, Drupal, Joomla, itd.;
• Alati za kontrolu verzija: Git, GitHub, CVS, itd.

Kako odabrati online kurseve za Front-end programere?

U ovoj recenziji razmatramo samo udaljene, onlajn kurseve za front-end programere, sa mogućnošću učenja bilo gde u svetu. Osim toga, po našem mišljenju, ovi online kursevi obuke bi trebali uključivati ​​sljedeće:

• Recenzije studenata i diplomaca: Obavezno provjerite recenzije o ovim kursevima u raznim izvorima, ne samo na web stranici kursa.
• Predavači: To bi trebali biti profesionalni front-end programeri sa dokazanim godinama provjerljivog iskustva.
• Nastavni plan i program: jasan opis kurikuluma i kurikuluma.
• Trajanje kursa i sedmični raspored.
• Webinari: online i snimljeni.
• Vježbajte na konkretnim projektima.
• Individualni mentor (mentor).
• Po završetku - odbrana diplomskog rada i izdavanje sertifikata.
• Pomoć pri zapošljavanju.

Sastavili smo listu za vas najbolji online kursevi za front-end programere na ruskom, uz pomoć kojih možete nadograditi svoje vještine, pa čak i početi učiti od nule. Imajte na umu, očigledno, da postoji mnogo puta više na engleskom za front-end programere i o njima ćemo govoriti u našem sljedećem pregledu. I u ovom materijalu namjerno pravimo recenziju samo online kursevi ruskog jezika.

Online kursevi za front-end programere na ruskom jeziku

1. GeekBrains

GeekBrains je moćan obrazovni IT portal, dio Mail.ru Goup-a, za stručnjake u različitim oblastima, uključujući front-end programere. Trenutno portal ima više od 2 miliona korisnika. Svaki dan se na portalu pojavljuju novi besplatni edukativni materijali u obliku članaka, webinara ili video kurseva.

Nivoi obuke:

• GeekUniversity: online univerzitet zajedno sa Mail.Ru i MSTU. Bauman, obuka od mlađeg do srednjeg nivoa uz zagarantovan posao. Da biste se prijavili, morate imati osnovno znanje HTML-a i CSS-a. Osim toga, potrebno je položiti test koji uključuje teorijska pitanja. Ukoliko se test ne položi, GeekUniversity nudi pohađanje kurseva u okviru pripremnog programa i stjecanje znanja koja nedostaje. Minimalni prolazni rezultat je 25. Trajanje obuke: oko 1 godina. Cijena: 12.500 rub. Mjesečno.
• Kursevi (plaćeni i besplatni) - od HTML/CSS do naprednih front-end razvojnih vještina.
• Besplatni intenzivni kursevi.

2. Netologija

Netology je univerzitet za obuku i doškolovanje stručnjaka iz oblasti internet marketinga, upravljanja projektima, dizajna, dizajna interfejsa i web razvoja. Tokom pet godina postojanja ovog projekta, više od 10.000 specijalista je diplomiralo netologiju.

Povremeno se pokreću kursevi vezani za front-end razvoj, na primjer:

• Zanimanje Frontend developer. Od nule do mlađeg specijaliste za 8 mjeseci. Cijena: oko 50 hiljada rubalja.
• Intenzivni 10-sedmični onlajn kurs programskog jezika JavaScript. Cijena: oko 20 hiljada rubalja.
• Kurs HTML izgleda: od nule do prvog izgleda. Cijena: oko 20 hiljada rubalja.
• Kurs "Prilagodljivi i mobilni izgled" Cijena: oko 20 hiljada rubalja.

Osim plaćenih kurseva, postoji nekoliko besplatnih, na primjer: Besplatni kurs „HTML i CSS od nule“.

Zapošljavanje: svaki diplomirani diplomac Netologije, po želji, prolazi kroz personalne HR konsultacije, gdje se pruža pomoć u pripremi biografije i odabiru slobodnog radnog mjesta ili prakse iz baze podataka kompanije.

3. HTML akademija

Ovaj resurs je pokrenut 2013. godine i trenutno sadrži 35 online kurseva koji pokrivaju različite aspekte rada od HTML kodera do Front-end programera. Osim toga, postoji još šest online intenzivnih kurseva. Ovi jedinstveni obrazovni programi vam omogućavaju da pripremite stručnjake sa vještinama potrebnim za web industriju. Kurseve vodi oko 300 mentora.

HTML akademija nudi kurseve i intenzivne kurseve (intenzive).

Kursevi(35 online kurseva) dostupni su uz mjesečnu pretplatu (oko 390 rubalja mjesečno). Prvih 19 kurseva je dostupno besplatno. Kursevi nisu vezani za određene datume i mogu se pohađati u bilo koje vrijeme.

Intenzivi- Riječ je o dubljim kursevima u trajanju od pet sedmica obuke, organizovanih po principu rada u velikoj kompaniji. Za mjesec dana ćete dobiti praksu i savladati potrebne alate i tehnologije za početak karijere. Na kraju svi učesnici brane svoje lične projekte i dobijaju sertifikate.

Cijena kurseva u prosjeku počinje od 20 hiljada rubalja. Trenutno program uključuje sljedeće intenzivne kurseve:

• Profesionalni HTML i CSS nivo 1 i 2
• Profesionalni JavaScript nivo 1 i 2
• Profesionalni Node.js nivo 1
• Profesionalni PHP nivo 1

Zapošljavanje: pomoć pri zapošljavanju je moguća tek nakon završenih intenzivnih kurseva, postoji posebna baza kooperantskih kompanija (oko 100) za zapošljavanje studenata.

4. LoftSchool

LoftSchool je online obrazovna škola koja godišnje diplomira više od 1.000 studenata širom svijeta: od Rusije, Ukrajine, Bjelorusije i Kazahstana, do Izraela, Njemačke, SAD-a i Kanade.

• Izrada web stranica za početnike: Prilagodljivi izgled. SASS. SVG. Flexbox. Osnove JavaScripta i jQueryja. Git i Github. Osnove PHP-a. Ajax i JSON. Terminal, Gulp, npm. 5 sedmica, 13 lekcija. Cijena: 19 hiljada rubalja.
• Napredni kurs web razvoja: Napredni JavaScript. Mops. Advanced Gulp. Node.js, mongo.db. Pređa. Webpack 2. Kompleksne animacije i efekti paralakse. Pišemo vlastiti admin panel. 5 sedmica, 16 lekcija. Cijena: 21 hiljada rubalja.

Zapošljavanje: pomoć pri zapošljavanju nakon završene obuke u svim fazama: od pisanja biografije do testnih zadataka.

4. Web akademija

Web Academy je obrazovni resurs koji pruža obuku u širokom spektru IT specijalnosti. Postoje offline i online obuka.

Trenutno postoje sljedeći online kursevi:

• HTML/CSS + JS od nule. Trajanje treninga: 9 sedmica, 2 puta sedmično. Cijena: od 7900 UAH.
• Front-end Master. Upoznati: TypeScript, Flux, Mobx, React js, Redux. Trajanje treninga: 5 sedmica, 2 puta sedmično. Cijena: od 8600 UAH.

5. Hexlet

Hexlet— praktični kursevi onlajn programiranja jednog od autora Lifehackera.

Kurs "Frontend JS programer"— iako ovaj kurs uključuje HTML/CSS, to je napredni program za učenje JavaScripta. Cijena: $24 mjesečno. Projekti sa mentorom, pomoć u pronalaženju posla.

6. CyberBionic Systematics

CyberBionic Systematics— ovo su kursevi za programiranje i savremene IT tehnologije, tehnologije iz Microsofta.

Frontend Developer Course sastoji se od dva dijela: Frontend Starter (HTML, CSS, JS) i Frontend Pro (JavaScript Templates, JQuery, HTML5 & CSS3, Angular JS). Trajanje obuke: 4 mjeseca, 98 sati. Cijena: oko 16.000 UAH.

Dragi čitaoci TopReview, ako znate visokokvalitetne online kurseve za front-end programere na ruskom koji nisu uključeni u ovu recenziju, napišite o tome u komentarima.

Urednica Netology Svetlana Shapovalova razumije ko je front-end programer, šta bi trebao biti u stanju (ili ne bi trebao) i zašto je plaćen odlično (ili ne toliko).

Ko je front-end programer

Prema godišnjoj studiji StackOverflow, najpopularnija profesija među korisnicima usluga u 2017. je Web programer. Ovo je kategorija u koju spadaju svi front-end programeri.

StackOverflow podaci

Ako odete na prvu stranicu za traženje posla na koju naiđete, na primjer, hh.ru, steći ćete utisak da se radi o specijalistu za kameleone.

Sve počinje konfuzijom u nazivima poslova: možete pronaći "front-end programer", i "front-end developer", i "front-end developer", i "front-end developer", i "web developer", i “front-end developer”. Ponekad čak možete vidjeti nekog „web dizajnera“ sa zahtjevima za full-stack programera. Na ovo postoji samo jedna reakcija: WTF?!

Problem je u tome što neki poslodavci ne razlikuju (ili ne žele da razlikuju) dizajnera izgleda od front-end programera - to je jasno iz opisa poslova. Hajde da shvatimo koje vještine odvajaju front-end programera od "workbench-a" (dizajneri izgleda, nemojte se uvrijediti, i vi ste dobri).

Dizajner rasporeda je borac na uskom frontu. Njegov zadatak je da rasporedi izgled koji je dobio od dizajnera koristeći HTML+CSS. Možda poznaje malo JavaScript, ali češće je ograničen na mogućnost instaliranja nekog jQuery dodatka.

Front-end programer ne kreira samo izglede. On dobro poznaje JavaScript, razumije okvire i biblioteke (i aktivno koristi neke od njih), razumije šta je „ispod haube“ na strani servera. Ne boji se predprocesora i asemblera LESS, SASS, GRUNT, GULP, može raditi sa DOM, API, SVG objektima, AJAX i CORS, može pisati SQL upite i kopati po podacima. Ispostavilo se da je to mješavina vještina, kojoj se dodaje razumijevanje principa UI/UX dizajna, adaptivni i responzivni izgled, cross-browser i cross-platform, a ponekad i vještine razvoja mobilnih uređaja.

Front-end programer mora biti u stanju da radi sa kontrolom verzija (Git, GitHub, CVS, itd.), koristi grafičke uređivače i "igra se" sa različitim CMS šablonima.

Takođe je veoma poželjno poznavanje engleskog jezika kako ne biste prevodili specifikaciju u Google prevodiocu, mogli raditi u timu, ponekad višejezičnom, razumjeti web fontove, te razumjeti testere i sam proces testiranja.

Dakle, koje tehnologije treba da ovlada front-end programer:

• HTML i CSS (uključujući mreže i CSS okvire, W3C i WHATWG specifikacije, HTML5/CSS3 polifile)
• CSS pretprocesori (Sass, Less, Stylus, itd.)
• JavaScript
• Popularni okviri i biblioteke: jQuery, Angular.JS, React.JS, Backbone.js, itd.)
• OOCSS/BEM/SMACSS
• HTML5 API
• ECMAScript 6
• Popularni CMS (WordPress, Drupal, Joomla, itd.)
• Razumjeti i razumjeti serverske tehnologije (Node.js, PHP, Ruby, .NET, itd.)
• Alati za otklanjanje grešaka (Chrome Dev Tools, Firebug i drugi)
• JavaScript transpileri (Babel)
• Alati za kontrolu verzija (Git, GitHub, CVS, itd.)
• Baze podataka i jezici upita (SQL, MySql, NoSQL, MongoDB, itd.)
• Grafički uređivači (Photoshop, Illustrator, itd.)

Šta treba da razumete:

• razvoj među pretraživačima i platformama;
• progresivno poboljšanje i graciozna degradacija;
• mobilni razvoj;
• prilagodljiv i responzivan izgled;
• web fontovi;
• principi SEO optimizacije.

Naravno, ovo je sve idealno. Uvijek možete odabrati skup vještina po svom ukusu i razvijati se u užem smjeru.

Šta kaže statistika

Koje tehnologije i alate front-end programeri najčešće koriste? Prvo, teško je zamisliti front-end programera koji ne poznaje JavaScript. Ankete to potvrđuju:

• Prema StackOverflow-u, JavaScript vodi na listi front-end alata sa ogromnom razlikom (90,5%)
• Studija O"Reillyja, sprovedena među evropskim programerima krajem 2016. godine, takođe stavlja JavaScript na prvo mesto.

Slede razne vrste okvira i biblioteka, od kojih su najpopularniji: Angular, Node.js, React. Pored obaveznog JavaScript-a, front-end programeri koriste i druge jezike, iako ne tako često. Lideri su Java i C#. I, naravno, front-end programer ne može bez CMS vještina. Najpopularniji izbor je WordPress.

StackOverflow podaci

Ako grupišemo najpopularnije alate u hrpe, dobićemo sljedeću situaciju:

StackOverflow podaci

A skup najpopularnijih okvira i biblioteka svih programera izgleda ovako (pogledajte ilustraciju). Lijepo je vidjeti front-end alate na ovoj listi:

StackOverflow podaci

Karijera i plata front-end programera

Karijera front-end programera obično počinje s dizajnerom izgleda - ovo je najlogičnija i općeprihvaćena opcija. Prvo se proučava paket, zatim se na njega „sloje“ znanje, biblioteke i okviri. Budući stručnjak također proučava ključne koncepte izgradnje serverskog dijela i dodaje alate potrebne za odabranu specijalizaciju. Zatim se sve to uglača sposobnošću rada sa kontrolom verzija, grafičkim uređivačima i razumijevanjem principa.

Postoje i druge opcije. Ako programer početnik u početku zna u kojoj oblasti planira da se razvija, ništa ga ne sprečava da nauči ključnu tehnologiju odjednom, a ne u delovima. Sve zavisi od ciljeva i vremena na raspolaganju budućem front-end developeru. Svaka opcija je prihvatljiva, sve dok je krajnji rezultat inteligentan stručnjak.

Gotovi front-end programer općenito ima tri glavne razvojne opcije:

• horizontalno (da se usavršavate kao specijalista, čime stalno povećavate svoju vrijednost na tržištu rada);
• vertikalno (rastu na ljestvici karijere);
• diverzifikacija (savladavanje srodnih specijalnosti, postajanje full-stack i prekvalifikacija).

Usluga PayScale jasno je ilustrovala sve moguće puteve karijere za front-end programera:

Koju odabrati zavisi samo od samog specijaliste i njegovih želja/vještina.

Što se tiče plata front-end programera: ovdje, kao iu cijeloj IT industriji, ne postoji jedinstveni standard plaćanja. Sve zavisi od veštine i sposobnosti da se predstavite. Pa ponekad i srećom :)

Prosječna plata front-end specijaliste u Rusiji, rubalja/mjesečno

Prosječna plata front-end specijaliste u Moskvi, rubalja/mjesečno

Prema mom krugu

Tradicionalno, godišnja plata front-end programera u SAD je nešto veća nego u Rusiji. Međutim, ako radite u filijali strane kompanije, najvjerovatnije se ne plašite takvog jaza.


Prema PayScale-u

Kako postati front-end programer

Prvo skinite ružičaste naočare. Učenje je naporan rad i samodisciplina. Većina početnika IT stručnjaka odustaje u fazi „Želim da postanem programer i da budem plaćen u dolarima, ali nisam mislio da ću morati toliko da učim“. Jedinstvenost programiranja i bilo koje IT specijalnosti općenito leži u stalnom samoučenju. To je i složenost i ljepota IT sektora. Ako vas ovo ne plaši, kul! Imate sve šanse da postanete odličan stručnjak.

Glavno pravilo budućeg specijaliste je postavljanje realnih ciljeva tokom procesa učenja. Planiranje će pomoći u tome. Napravite listu alata koje planirate da naučite i držite je pred sobom.

Oni koji počinju od nule moraju početi i savladati ih na nivou idealnog izgleda PSD izgleda. U ovoj fazi također morate naučiti kako raditi sa tekstualnim i grafičkim uređivačima i znati osnovne principe dizajna (kao plus). Zatim preuzmite JavaScript: sintaksu, arhitekturu i jezičke mogućnosti. Savladajte popularne okvire i biblioteke, a istovremeno se zaljubite u sisteme kontrole verzija i jedan od popularnih zadataka. Dodajte pretprocesore i CSS okvire, razumite serverske tehnologije. A onda možete piti smutije na Baliju i glačati stečeno znanje do beskonačnosti.

Približna putanja za početnike front-end programera.
Imaćeš jedan od svojih.

Ovim putem možete hodati sami ili sa mentorima (univerziteti, kursevi). Evo najpopularnijih formata za obuku programera prema StackOverflowu:


StackOverflow podaci

Online kursevi su na prvom mjestu, za koje je glasalo 64,7% ispitanih programera, a slijede samoučenje iz knjiga, oflajn kursevi, kampovi za razvoj otvorenog koda i programiranje. Zanimljivo, visoko obrazovanje (master) je skoro na posljednjem mjestu.

Zaključak

je univerzalni vojnik. On će završiti layout, izraditi web aplikaciju i po potrebi savladati serverski dio. Morate znati mnogo: HTML, CSS, JavaScript, JS biblioteke i okviri, CSS preprocesori i okviri, sistemi za kontrolu verzija i taskrunneri, pozadinske tehnologije, testiranje jedinica i još mnogo toga.

Osim toga, bit će korisne i meke vještine: interakcija s ljudima i timski rad, sposobnost uspostavljanja efikasnog toka posla i rješavanja postavljenih zadataka na najoptimalniji način. Ne možete bez dobrog znanja engleskog jezika.

Plata front-end stručnjaka je sasvim pristojna, a što je više vještina, veće su šanse za dobivanje „debele“ plaće.

Svako ko se ne preda samostalnom učenju može postati front-end programer: kako smo saznali, osloniti se na fakultetsko obrazovanje je teško. Idealna opcija su razni online i offline kursevi + literatura na temu, praksa i odličan Google.

Netology pokreće punopravni program obuke za front-end specijaliste - . Ovo je šestomjesečni kurs koji pokriva osnovne front-end razvojne tehnologije: HTML i CSS, JavaScript, Web API, AJAX, web sokete, React biblioteku.

Na kraju kursa studenti će kreirati vlastitu web aplikaciju na jednoj stranici. Obuku vodi 10 prakticiranih front-end stručnjaka - to vam omogućava da steknete sveobuhvatno razumijevanje alata i zadataka front-end razvoja. Tokom čitave obuke studenti će dobiti najmanje 100 praktičnih zadataka, što je moguće bližih „borbenim“ i realizovaće 3 projekta srednje veličine i 1 potpuni projekat kao tezu.

Svi polaznici koji uspešno završe kurs dobijaju sertifikat o usavršavanju utvrđenog obrasca i brendiranu diplomu „Netologija“.

P.S. Po vašem mišljenju, koje znanje je od vitalnog značaja za front-end programera, a kojim znanjem se može savladati po potrebi?

Postanite full-stack programer i izgradite uspješnu karijeru u IT-u. Praksa i zapošljavanje.

8 mjeseci obuka traje

8 tehnologija savladaćete tokom treninga

5 projekata I 100+ riješio probleme u portfoliju nakon treninga

110.000 rubalja prosječna plata web programera

Zapošljavanje za diplomce i zagarantovanu praksu

Šta radi web programer i kako to postati

Izrađuje web stranice koristeći HTML5 i CSS3

Ovo stvara korisničko sučelje s kojim možete komunicirati i vidjeti rezultate aplikacije.

Dizajnira backend u PHP-u i MySQL-u

Zahvaljujući backendu dobijate radni sistem koji nije vidljiv korisniku, ali osigurava rad svih funkcija i pohranjuje podatke.

Čini interfejs interaktivnim koristeći JavaScript

JavaScript je jezik weba i svi glavni pretraživači ga podržavaju. Poznavanje JavaScripta je ključno za svakog web developera, bez obzira na to na kojoj tehnologiji je back-end implementiran.

Kako funkcioniše obuka

Teorija

Za svaku oblast dobijate samo potrebnu teorijsku osnovu, bez nepotrebnih informacija i "vode"

Vježbajte

Svaka stečena vještina se učvršćuje u praksi. Tokom treninga rješava se više od 100 mini zadataka

Mentorstvo

Cijeli proces učenja prate mentori koji pomažu u praktičnim zadacima, otklanjaju greške i ubrzavaju vaš profesionalni razvoj.

Diploma

Teza je pravi radni projekt web aplikacije. Diploma se može koristiti u svom portfoliju kao dokaz vještina

Praksa i zapošljavanje

Svi diplomci programa prolaze praksu i zapošljavaju se u vodećim partnerskim kompanijama Netologije

Šta ćete dobiti studiranjem Netologije?

• Svi zadaci i projekti će postati vaš portfolio, koji možete pokazati svom poslodavcu.
• Jasan put učenja - od osnova do dubokog razumijevanja svih potrebnih tehnologija
• Konstantna podrška i povratne informacije od mentora i stručnjaka
• Diploma utvrđenog obrasca o završenom programu obuke (na osnovu državne licence broj 037356 od 06.04.2016.)
• Pomoć u izgradnji karijere, praksi i zapošljavanju kroz Netology Career Development Center
• Pristup sa vašeg ličnog naloga svim materijalima programa obuke, online i snimljenim
• Popusti i posebne ponude Netology partnera
• Lične povratne informacije o praktičnom radu

PROGRAM OBUKE

Blok 1. HTML izgled

Vještine koje ćete steći

• Poznavanje HTML-a i CSS-a
• Korištenje Adobe Photoshopa za zadatke razvoja weba
• Osiguravanje kompatibilnosti među pretraživačima
• Kompletan izgled web stranica

1. Uvod u HTML
   Osnove interakcije klijent-server, osnovne HTML oznake, poznavanje CSS-a, osnovni alati za programere.
   
2. Osnove HTML markupa
   Blok i inline elementi, semantičko označavanje dokumenta, ponašanje blokova u toku, pozicioniranje blokova.
   
3. Uvod u CSS
   CSS selektori, stilizovanje elemenata, kontrola veličine i položaja blokova na stranici, margine i padding.
   
4. Organizacija rada na izgledu i kodu
   Redosled rasporeda blokova, testiranje rezultata izgleda, kriterijumi za procenu izgleda, princip imenovanja varijabli, klase, metode, poznavanje JavaScript-a.
   
5. Približavanje rezultata izgleda izgledu
   Adobe Photoshop za zadatke izrade weba, slojeve, mjerne jedinice u izgledu, formate slika, tehnike optimizacije, postavljanje korisnih makroa.
   

Blok 2. Backend razvoj u PHP-u

Vještine koje ćete steći

• MySQL
• Poznavanje šablonskih mehanizama i okvira

1. PHP sintaksa
   Proučavanje osnovnih konstrukcija jezika, instaliranje interpretera, rad sa interaktivnom konzolom i pokretanje PHP skripti, opis najjednostavnijih algoritama, nizova bilo koje složenosti. Uvod u objekte, manipulaciju stringovima, nizovima i fajlovima koristeći standardne PHP funkcije.
   
2. PHP na web serveru
   Kreiranje dinamičkih HTML stranica, podataka iz HTML obrazaca i organiziranje uploada datoteka, slanje zaglavlja u PHP, pohranjivanje korisničkih podataka i implementacija autorizacije na web stranici.
   
3. 
   Osnove OOP-a i karakteristike implementacije OOP-a u PHP-u. Kreirajte klase, objekte i koristite ih u svojim aplikacijama. Korištenje nasljeđivanja za kompetentniju organizaciju koda, rad sa metodama "magičnih" klasa.
   
4. MySQL
   Instaliranje MySQL servera, pokretanje SQL upita od PHP-a do MySQL-a. Aplikacija za rješavanje problema 4 glavna tipa upita, struktura tablice, kombinovanje podataka iz više tabela, agregatne funkcije i grupisanje.
   
5. Pregled okvira
   Kreiranje aplikacija koristeći šablonski mehanizam, osnove Twig šablonskog mehanizma i glavne prednosti okvira.
   

Blok 3. JavaScript programski jezik

Vještine koje ćete steći

• Osnove JavaScripta
• Funkcije i funkcijski izrazi
• Zatvaranja i varijabilni opseg
• Prototipovi i nasljeđe
• var i neka varijable i konstante
• Sintaksa klase
• Iteratori
• Generatori
• Obećanja

1. Sintaksa
   Osnovne karakteristike jezika. Varijable, konstante, kontrolne strukture i petlje. Tipovi podataka i njihove transformacije.
2. Jezične karakteristike
   Funkcionira u JavaScript-u kao poseban tip podataka. Korištenje mogućnosti funkcija (kreiranje zatvaranja i pozivanje konteksta). Funkcionalno programiranje, čiste funkcije i currying.
   
3. Konstruktor i prototip
   Kreiranje koda koristeći mnoge slične objekte, konstruktor i prototip.
   Nasljeđivanje prototipa.
   Sintaksa koristeći klase za koherentnost i čistoću koda.
   
4. Obećanja, generatori i iteratori
   Zaštita koda od vanrednih situacija. Rukovajte izuzecima i kreirajte vlastite izuzetke.
   Asinkrono pozivanje, korištenje obećanja za zaštitu od kvara u funkciji povratnog poziva.
   

Blok 4. JavaScript u pretraživaču i Web API

Vještine koje ćete steći

• Preglednik i objektni model dokumenta (BOM i DOM)
• Duboko razumijevanje kako događaji funkcioniraju i kako se obrađuju
• Asinkroni HTTP zahtjevi (AJAX)
• WebSockets

1. JavaScript u pretraživaču
   Dodavanje funkcionalnosti pretraživača standardnim JavaScript mogućnostima - Web API.
   Povezivanje skripte sa HTML dokumentom i korištenje mogućnosti za “oživljavanje” dokumenta: dodavanje promjena, odgovaranje na radnje korisnika.
   
2. Obrasci i asinhroni zahtjevi
   Upotreba JavaScript koda pri radu sa obrascima. Potvrdite obrasce u realnom vremenu, pošaljite podatke na server bez osvježavanja cijele stranice.
   
3. Websockets i lokalna pohrana
   Rad sa lokalnom pohranom. Kreiranje web sučelja po principu desktop aplikacije, koristeći mogućnost pamćenja stanja i ponovnog kreiranja kada se stranica osvježi.
   
4. Platno
   Korišćenje komponente Canvas za crtanje pomoću skripte. Naučite osnovne funkcije dostupne u JavaScript-u za crtanje grafikona i vizualizaciju informacija.
   
5. Datoteke i medijski resursi
   Rad sa skriptom i dobijanje pristupa fajlovima uz dozvolu korisnika (prilikom odabira fajla pomoću polja za učitavanje fajla), pristup fajlovima u posebnom „peščaniku“, pristup web kameri, mikrofonu i geolokaciji
   
6. Povijest i otklanjanje grešaka web aplikacije
   Rad sa alatima pretraživača koji vam omogućavaju da pretražujete greške i otklanjate greške što je moguće efikasnije. Rad i sa samim alatom i sa tehnikama koje vam omogućavaju da brzo pronađete problem. Vježbajte interakciju s asinkronim HTTP zahtjevima i web utičnicama.
   

Blok 5. Kreiranje punopravne web aplikacije

1. Diplomski rad
   Na kraju kursa, dobićete projekat kursa. Projekt se izvodi samostalno prema tehničkim specifikacijama. Svaki student radi pod vodstvom iskusnog mentora. Projekat mora proći testove prihvatljivosti i stroge preglede koda, te mora biti u skladu sa zahtjevima za formatiranje koda. I što je najvažnije, mora riješiti problem.
   

Nakon završetka programa, u svoj portfolio ćete dobiti 100+ implementiranih widgeta i 5 punopravnih projekata

Ključne vještine koje student stječe

• HTML označavanje i oblikovanje pomoću CSS-a
• Izgled web stranice baziran na cross-browser izgledu
• Optimiziranje obrade slike
• Primjena principa interakcije klijent-server
• Rješavanje problema korištenjem JavaScripta
• Kreirajte interaktivne web stranice
• Upravljanje događajima
• Upravljanje strukturom dokumenata
• Kontrola audio i video reprodukcije na stranici
• Lokalna pohrana (localStorage)
• Websockets
• Crtanje na platnu
• Rad sa datotekama i medijskim resursima
• Kreiranje aplikacija na jednoj stranici (SPA)
• PHP sintaksa, PHP na web serveru
• Objektno orijentirano programiranje
• Rad sa SQL upitima
• Predlošci i okviri
• Kontrola promjena koda projekta i suradnja više programera na projektu

Tehnologije

Prosječna plata stručnjaka sa takvim vještinama je 90.000-130.000 rubalja

Među najtraženijim profesijama danas su web i front-end programeri. Iako postoji mnogo stručnjaka za web razvoj, potražnja za njima ne opada.

Da li se isplati studirati za programera?

Postoji mnogo web programera. Ali ovo nije razlog za brigu. Mnogo je više korisnika kojima je potrebna pomoć u kreiranju web stranice ili promjeni postojeće. Dakle, više od 5.000 sajtova se registruje svakog dana samo u domenu .RU. Sve su to nove domene, što znači potencijalni kupci. S obzirom da je za izradu dobre web stranice potrebno nekoliko mjeseci (gotov CMS + gotov šablon se ne smatra takvim), posla ima dovoljno za sve.

Kako postati web programer

Postoje različiti načini: ispravan i pogrešan. Prvo, o pogrešnim. Možete pročitati WordPress priručnik ili čak Joomla knjigu, naučiti kako instalirati ove CMS i koristiti gotove šablone i smatrati se web programerom. Samo za Joomlu možete pronaći nekoliko hiljada, ako ne i desetine hiljada besplatnih šablona na internetu. U principu, krajnji rezultat, kreiranje web stranice, je postignut: stranica je napravljena i klijent je možda čak i zadovoljan.

Problem je drugačiji. Ovakav posao nije komplikovan i nije baš kvalitetan, pa se shodno tome i plaća. Pogledajte na freelance berzama da vidite koliko plaćaju za instaliranje gotovog CMS-a i prilagođavanje postojećeg šablona. Ako ste student, dodatni peni vam neće škoditi, a i ovaj scenario ima pravo da se desi. Ali morate razmišljati o budućnosti: svi žele zaraditi pristojan novac, a za to morate biti dobar stručnjak u svojoj oblasti.

Zato je vrijeme da pređemo na razmatranje ispravne metode podučavanja. Prava metoda je obratiti se profesionalcima koji nude kompetentno „upakovane“ i filtrirane sadržaje, zahvaljujući kojima se za samo šest mjeseci pretvarate u mlađeg stručnjaka.

Naravno, možete kupiti literaturu o HTML-u, CSS-u, PHP-u i JavaScript-u i započeti samostalno učenje. Ali, kao i samoliječenje, ima nuspojave. Prvo, efikasnost zavisi od pravilno odabrane literature, a samo je profesionalac može ispravno izabrati, a vi još niste. Drugo, nećete imati mentora kojeg možete pitati ako nešto ne uspije, koji će vam ukazati na greške i pokazati kako da to uradite kako treba. Samoučenje može potrajati mnogo duže, makar samo zbog nedostatka bilo kakve kontrole. Sutra ću pročitati knjigu, danas nemam vremena. Zvuči poznato? I nije činjenica da će vam samostalno učenje pomoći da pronađete posao - nema kvalifikacija!

Upoznajte profesionalce

Profesionalci koji vam mogu pomoći da postanete prilično kvalifikovani junior programer za samo šest mjeseci možete pronaći na Univerzitetu Netology.

"Netology" je univerzitet za obuku i dokvalifikaciju stručnjaka iz oblasti internet marketinga, upravljanja projektima, dizajna, dizajna interfejsa i web razvoja.

Upravo u Netology možete savladati profesiju front-end i web programera. Samouki i početnici mogu misliti da je to ista stvar, ali nisu.