Veebilehe arendus süsteemi abil esiots Ja tagaotsa tähendab ressursi loomise protsessi hierarhilist jagamist kaheks osaks, kasutajaliidese arendamiseks -( esiots) ja selle tarkvara-administratiivne osa ( tagaprogramm).

Esiotsa arendus on saidi avaliku osa loomine, millega kasutaja otse ühendust võtab, ja funktsionaalsus, mida tavaliselt rakendatakse kliendi poolel (s. brauser).

Aspektide juurde frontendi arendus See hõlmab veebisaidi kujunduse kujunduse loomist, veebisaitide ja CMS-i mallide paigutust, samuti visualiseerimise ja veebianimatsiooni eest vastutavate spetsiaalsete skriptide sidumist kasutajaliidesega.

Esiots saidi komponent vastutab teatud teabe kuvamise eest ressursi kasutajale ja selle eest, et ta on saidil mingeid toiminguid teinud, tõlgendab seda taustaprogrammiga seotud programmidele arusaadaval kujul.

Saidi kasutajapoole loomisel ja html-lehe loomisel võtame arvesse järgmisi punkte:

• Märgiste h1, h2 jne õige kasutamine. prioriteetsuse järjekorras.
• Keelemärgi õige kasutamine.
• Piltide alt atribuudi tõeline täitmine. Kui pildil on logo, siis “Ettevõtte logo”, kui isik, siis inimese nimi. Ingliskeelsete ikoonide jaoks “Twitter Icon” jne. (ei kehti dünaamiliste piltide, näiteks uudisfotode puhul).
• Ärge unustage metasilte.
• Ärge unustage faviconi.
• Kui link on mõeldud, tuleb link kirjutada.
• Kontaktide jaoks kasutage atribuute skype, tel ja mailto.
• Lingid välistele lehtedele peaksid avanema uues aknas.
• Igal lingil on pealkirja atribuut.
• Kood on hästi kommenteeritud.
• Piltide optimeerimine veebi jaoks.
• Vajadusel piltide mobiiliversioonide kasutamine.
• HTML-, CSS- ja JS-failidel peab olema tihendatud versioon paralleelselt peamise (töötava) versiooniga, et saidi edaspidi hostimisel käivitada.
• Kõik stiilid ja skriptid paigutatakse eraldi failidesse.
• Kõikide piltide suurused määratakse CSS-i abil.
• Kasutage mobiilseadmete jaoks kohandatud liugureid, karusselle ja galeriisid.
• Hüpikaknad on kohandatud mobiilseadmete jaoks.
• Failide ümbernimetamine, kui kasutatakse vahemällu.
• Linkide esiletõstmine (hoiab kursorit, aktiivne, külastatud).
• Taustvalgustus (hõljub, aktiivne) vormide nuppude ja väljade jaoks.
• Kitsas jalus, millel on lehel vähe sisu.
• Nuppude piirjoonte puudumine.

Taustaarendus

Taustaprogrammi arendamine on veebisaidi programmeerimise ja funktsionaalsusega täitmise protsess. Saidi tuuma loomine, saidi platvormi arendamine, selle täitmine põhifunktsionaalsusega ja haldustsooni loomine – see on taustaarendus.

Taustaprogramm töötleb esindusest saadud kasutajateavet ja tagastab tulemuse kasutajaliidesele arusaadavas vormis.

Taustaprogrammeerimine on veebiprogrammeerimine, mille eesmärk on realiseerida saidi serveripool, integreerida andmebaas ja ühendada see kasutaja (front-end) poolega. Veebilehe taustaprogrammi arendus hõlmab ka vajaliku tarkvara seadistamist ja installimist serverisse.

Lihtsamalt öeldes edastab kasutajaliides info ja käsud kasutajalt taustaprogrammi, mis omakorda töötleb neid. Lihtsamalt öeldes luuakse esiosa saidi külastaja jaoks ja tagaosa selle administraatori jaoks.

– inimestest, kes kaasaegset internetiruumi loovad, oleme blogis juba rääkinud. Täna süveneme nende erialasse ja räägime üksikasjalikumalt veebiarendajate erialadest – front-end, back-end ja fullstack.

Frontendi arendaja

Esiosa on saidi esiosa: kõik, mida kasutaja näeb. Menüüd, tekst, pildid, tüütud (või kui hästi tehtud, siis mitte tüütavad) reklaambännerid – selle kõigega tegeleb frontendi arendaja. Ta osaleb ka disaini väljatöötamises: loomulikult “joonistab” kõike, kuid selle tööd juhib esiots.

Frontendi arendaja ülesanded

Lõppkokkuvõttes vastutab taustaarendaja kõige eest, mis ei kuulu saidi esiosasse.

Taustaprogrammi arendaja tööriistad: Java, SQL, C#, Python.

Taustaprogrammi arendajate arsenalis on kümneid keeli. Igal neist on mõned plussid ja miinused: mõned sobivad hästi suurte, teised väikeste projektide jaoks. Seega valib taustarakendus ise, lähtudes kliendi soovidest ja ülesannetest.

Full-stack arendaja

My Circle'i andmetel saavad täis- ja taustaarendajad 2018. aastal kuni 140 tuhat rubla. Esiots – kuni 125 tuhat.

Kas sama inimene saab teha nii esiotsa kui ka tagaotsa arendust? Kui ta mõlemast aru saab, siis miks mitte: sellist arendajat kutsutakse Full Stackiks.

Ta teab, kuidas lahendada kõiki probleeme veebiteenuste ja veebisaitide arendamisel: tunneb serveripoolseid keeli, JavaScripti, HTML-i ja CSS-i, oskab optimeerida veebisaiti otsingumootoritele ja muuta Photoshopis tehtud kujunduspaigutuse toimivaks liidese koodiks ( mäletate, et veebisaidi liidese on joonistanud disainer, kuid saidil endal kirjeldatakse kõike koodis?).

Tavaliselt palgatakse täisstacki arendaja väikeste projektide jaoks, millega saab hakkama üks inimene. Sellistest programmeerijatest ei saa reeglina ei front-end ega back-end eksperte, kuid neil on hea arusaam saidi üldisest loogikast ja kasutajaosa interaktsioonist serveriosaga. See, muide, on väga oluline: paljud esi- ja tagaotsa arendajad lihtsalt ei mõista üksteist ja seavad võimatuid ülesandeid ning täispinu spetsialistist võib saada ühendav lüli.

Ei ole mõtet kohe täies mahus õppida: tavaliselt valdab programmeerija esmalt ühe tööosa – frontendi või backendi – ja alles seejärel lisab oma teadmistebaasi vastava ala oskused.

Kust alustada?

Täielikuks esiotsa, tagaosa või täisstacki arendajaks saamiseks kulub aastaid praktikat ja kümneid projekte. Kuid võite alustada teed selle elukutse poole ka siis, kui te pole veel kooli lõpetanud: õppige HTML-i, CSS-i, JavaScripti, harjutage ja lihvige abiga oma oskusi.

Veebiressursside arendamine hõlmab disainerite ja programmeerijate ühist tööd. Enamik Interneti-kasutajaid usub ekslikult, et nende spetsialistide töö ei erine.

Disainerite ja programmeerijate teenuste peamiste erinevuste mõistmiseks peaksite võrdlema esi- ja tagaosa arendamise funktsioone. Need mõisted tähendavad veebisaidi loomise protseduuri, mis on jagatud kliendi- ja serverikomponentideks.

Esi- ja tagaotsa arendamise omadused

Esiotsa arendus on veebiressursside loomise protsessi kliendipoolne komponent, mis hõlmab veebisaidi paigutuse, mallide, liidese ja visualiseerimise eest vastutavate skriptide loomist. Selles arendusetapis tehakse ka CSS-paigutus.

Taustaarendus on veebiressursi loomise protseduuri serverikomponent, mis hõlmab nii tuuma, platvormi kui ka administratiivsete ja funktsionaalsete komponentide arendamist.

Veebisaidi loomise protseduuri nende osade funktsioonide mõistmiseks tasub tuua lihtne näide. Kujutagem ette restorani. Restorani “kliendi” osa sisaldab dekoratsioone, muusikat ja mööblit.

Selle asutuse “serveri” osa esindab põhiteenuste katkematu osutamise eest vastutavate kokkade, ettekandjate ja juhtide töö.

Esiots vs. Taustaarendus

Olles aru saanud, mis on esiotsa ja tagaotsa arendus, peaksime edasi liikuma veebiressursside loomise protsessi mõlema komponendi üksikasjaliku kirjelduse juurde. Esiosa arendus hõlmab veebisaidi liidese ja kujunduse loomist. Selle protsessi eest vastutavad tavaliselt veebidisainerid.

Vastutus taustaarenduse eest lasub aga programmeerijate õlul, kes loovad koodi, mis tagab ressursi tõrgeteta toimimise. Taustaarendajad pakuvad veebisaitidele dünaamilist tuge.

Esiosa arendajad kasutavad peamiselt kolme keelt - CSS, HTML ja Javascript. Kuid taustaarendajad kasutavad oma tegevustes Pythonit, Rubyt, .NET-i, Postgre SQL-i, MySQL-i ja MongoDB-d.

Arenduskeskkond

Frontendi arendus hõlmab disaini arendamiseks välise liidese kasutamist. Front-end arendajate kohustuste hulka ei kuulu mitte ainult disainimuudatused, vaid ka kasutajate käitumise uurimine.

Taustaprogrammi arendamine hõlmab töötamist koodiga, mis on vajalik rakenduste loomiseks ja kliendiliidese toetamiseks. Veebiressursside loomise serveripoolsele poolele spetsialiseerunud arendajad vastutavad ka sisu turvalisuse ja haldamise võime eest.

Väärib märkimist, et taustaprogrammi saab käivitada ilma arendusprotsessi kliendi osata. Kuid esiotsa arendamine sõltub protsessi serverikomponendist, välja arvatud juhtudel, kui saidi kujundust müüakse mallidena.

Eesmärgid

Kust alustada esiotsa arendust? See protsess algab tavaliselt eesmärgi seadmisega. Arendajad peavad pidevalt jälgima saidi juurdepääsetavust mis tahes seadmes. Kuid rakenduste loomise ja välise liidese toetamise eest vastutavad taustaprogrammi arendajad. Need spetsialistid vastutavad saidi funktsionaalse komponendi eest.

Kokkuvõtteks tuleb öelda, et serveri poolel toimib taustaprogramm, kliendi poolel frontend. Selline “vastutuste” jaotus aitab oluliselt kiirendada veebilehe arendamise ja hooldamise protseduuri. Seetõttu võib esi- ja tagaosa arendust nimetada mis tahes veebiressursi eduka toimimise jagamatuteks komponentideks.

Frontend on kasutajaliidese ja funktsionaalsuse arendus, mis töötab veebisaidi või rakenduse kliendipoolel. Seda tüüpi arendus hõlmab kõike, mida kasutaja veebilehte avades näeb. Esiosa arendaja teeb koostööd disainerite, programmeerijate ja kasutajakogemuse analüütikutega, et luua kasutajasõbralik ja nõutav toode.

Et selgelt aru saada, mis on frontend arendus, avage mis tahes veebisaidi leht - näete enda ees liidest. Paremklõpsates näete oma brauseris selle lehe koodi.

See kood on näide kasutajaliidese arendaja tööst, see laaditakse alla kasutaja brauserisse ja näete seda oma silmaga. Lehe kood kirjeldab kõike, mida näete enda ees: värve, paigutust, fonte, graafiliste elementide paigutust ja nii edasi.

Frontendi arendus hõlmab järgmist:

• HTML (hüperteksti märgistuskeel)- dokumendi märgistuskeel, mille abil kujundatakse lehe struktuur: pealkirjad, lõigud, loendid jne;
• CSS (kaskaadlaaditabelid)- keel dokumendi välimuse kirjeldamiseks ja stiliseerimiseks. CSS-kood võimaldab teie brauseril täpselt aru saada, kuidas elemente kuvada. CSS määrab värvid ja fondi parameetrid, määrab, kuidas saidi erinevad plokid asuvad jne. Samuti võimaldab see kuvada sama dokumenti erinevates stiilides, näiteks printimiseks (tavaline või punktkirjas), programmi kuvamiseks ekraanil või häälega lugemiseks;
• JavaScript on keel, mis loodi veebilehtede ellu äratamiseks. Selle ülesandeks on reageerida kasutaja toimingutele, töödelda hiireklõpse, kursori liikumist ja klahvivajutusi. Samuti saadab see päringuid serverisse ja laadib andmeid ilma lehte uuesti laadimata, võimaldab sisestada sõnumeid ja palju muud.

Mis on taustaprogrammi arendamine?

Taustaarendus on riist- ja tarkvaratööriistade komplekt, mille abil realiseeritakse saidi loogika. Lihtsamalt öeldes on see midagi, mis on kasutaja silmade eest varjatud ja toimub väljaspool tema brauserit ja arvutit.

Näiteks kui sisestate otsingumootori lehele päringu ja vajutate klahvi Sisenema, esiprogramm lõpeb ja taustaprogramm algab. Teie päring saadetakse serverisse Google või Yandex, kus asuvad otsingualgoritmid. Siin toimub kogu "maagia". Niipea, kui otsitud teave kuvatakse monitorile, naasete uuesti esiotsa tsooni.

Üldiselt on server sama arvuti, ainult võimsam. See salvestab andmeid ja vastab kasutaja päringutele.

Taustaprogramm on serveri ja kasutaja ühendamise protsess.

Taustaarendaja saab kasutada mis tahes oma serveris saadaolevaid tööriistu. Tal on õigus valida ükskõik milline universaalne programmeerimiskeel, näiteks Ruby, PHP, Python, Java.

Samuti kasutatakse taustaprogrammi arendamiseks erinevaid andmebaasihaldussüsteeme:

1. MySQL;
2. PostgreSQL;
3. SQLite;
4. MongoDB.

Sõltuvalt toote tüübist võivad taustaarendaja kohustused olla väga erinevad. Selline spetsialist suudab luua ja integreerida andmebaase, pakkuda turvalisust ning luua varundus- ja taastetehnoloogiaid.

Kuidas frontend ja backend suhtlevad?

Interaktsioon frontendi ja taustaprogrammi vahel toimub ringikujuliselt: frontend saadab kasutajateabe taustaprogrammi, kus see töödeldakse ja tagastatakse arusaadaval kujul.

Reeglina teevad seda tüüpi töid erinevad spetsialistid, kuid igaühel neist on soovitatav mõista kolleegide tööpõhimõtteid. Näiteks on liidese kujundajal oluline vähemalt üldiselt teada, mis on tema töötava projekti taustaprogramm. See aitab tal adekvaatselt hinnata, millised tehnilised võimalused saidil või rakendusel olla võivad.

Esi- ja taustaprogrammi interaktsiooniks on mitu võimalust.

• HTTP päring saadetakse otse serverisse, server otsib teavet, manustab selle malli ja tagastab selle HTML-lehena;
• Võimalus kasutada tööriistu AJAX (asünkroonne JavaScript ja XML). Sel juhul saadetakse päring JavaScript, laaditakse brauserisse ja vastus tuleb XML- või JSON-vormingus;
• Ühe lehe rakendused, mis laadivad andmeid ilma lehte värskendamata. Seda saab teha ka AJAX-i või raamistike abil Nurgeline ja Ember;
• Ember või raamatukogu Reageerige aidata rakendust kasutada nii serveris kui ka kliendis. Esi- ja tagaprogramm suhtlevad AJAX-i ja HTML-koodi kaudu, mida töödeldakse serveris.

Nagu näeme, on kaasaegne arendus keerukas ja mitmetasandiline protsess, mis jaguneb kaheks osaks: klient ja server. Frontend ja backend programmeerijate käsutuses on palju tööriistu, mille valik sõltub määratud ülesannetest ja projekti keerukusest. Mõlemat tüüpi arendus hõlmab tehnilisi ja loomingulisi komponente.

Frontendi ja taustaprogrammi arendajate kohustused on tavaliselt lahus, kuid on aegu, kus programmeerija peab lahendama probleeme, mis tekivad nii serveri kui ka kliendi poolel. Sageli võib turult leida spetsialiste, kes tunnevad end kindlalt nii esi- kui ka taustaprogrammis ning oskavad kombineerida kahte tüüpi tööd.

12-kuulise Skillboxi kursusega saate alustada oma teekonda esi- ja taustaprogrammi arendamisel. See sobib algajatele ja vähese kogemusega programmeerijatele. Aasta jooksul õpivad kursuslased praktikas selgeks põhilised programmeerimiskeeled ja koostavad oma portfoolio, mis aitab leida paljutõotavat ja hästi tasustatud tööd.

Taustaarendaja(inglisekeelse tausta (tagakülje) arendajalt) — Tegemist on spetsialistiga, kes tegeleb veebirakenduse tarkvaralise ja administratiivse osaga, süsteemi sisesisuga, serveritehnoloogiatega - andmebaas, arhitektuur, programmiloogika. Kutse sobib informaatikahuvilistele (vt eriala valik kooliainete huvist lähtuvalt).

Tagaarendaja on võitleja nähtamatul rindel.

Kaasaegsed veebisaidid, veebirakendused ja mängud on muutunud väga keerukaks, nii et nende kallal töötab terve meeskond spetsialiste. Tervikliku, kauni, funktsionaalse ja kasutajasõbraliku veebilehe loomiseks on vajalik esi- ja tagaotsa arendajate koordineeritud töö. See kiirendab veebisaidi või veebirakenduse loomise tööd ja muudab selle hooldamise lihtsamaks.

Piltlikult öeldes on tagaarendus auto mootori loomine, esiotsa arendus aga auto disaini ja juhtimisfunktsioonide loomine. Tagaarendaja teeb tihedat koostööd esiotsa arendajaga, saades temalt kasutaja sisendi ja tagastades talle töödeldud tulemuse.

Taustaarendaja peamised tööriistad on serveripoolsed programmeerimiskeeled: näiteks PHP, Python, Ruby, Java, Perl, Node JS (tarkvaraplatvorm). Lisaks Node JS-ile on kasulik õppida Express (teek Node JS platvormi serveriga suhtlemiseks) ja Mongo DB (andmebaas teabe vastuvõtmiseks ja salvestamiseks).

Lisatööriistadena kasutatakse raamistikke Symfony, Codeigniter, Yii, Zend Framework, Kohana jne Andmete salvestamiseks kasutatakse MySQL/SQLite.

Elukutse tunnused

Kaasaegsete arendajate jaoks ei piisa ainult programmide koodi kirjutamisest. Nii töötasid programmeerijad 10-15 aastat tagasi. Praegu on selline termin sobimatu, sest töös saab sageli hakkama ka koodi kirjutamata, ühendades lihtsalt valmisosad ühte konfiguratsiooni. Ja programmeerijaid nimetatakse nüüd "arendajaks" või "inseneriks".

IT-sfääri arenedes muutuvad projektid üha keerukamaks ja kujutavad endast ehituskomplekti, mida saab valmislahenduste (raamistike) abil kokku panna peaaegu iga ülesande jaoks.

Seega näeb taustaarendaja funktsionaalsus välja järgmine:

• teenuste arhitektuuri projekteerimine;
• saidi tuuma loomine;
• platvormi ja põhifunktsionaalsuse arendamine;
• töötamine koodiarhitektuuriga;
• kasutajaliidest ja turvalisust toetavate rakenduste arendamine;
• serverite oleku jälgimine (võitlus, testimine ja tootmine);
• versioonikontroll, andmebaas, pidev integreerimine.

Elukutse plussid ja miinused

Kõrgelt tasustatud ja nõutud eriala.

Töökoht

Ettevõtted, mis arendavad veebisaite, veebirakendusi, mobiilirakendusi.

Olulised omadused

• Analüütiline meel
• loogiline mõtlemine
• algatus
• oskus planeerida ja plaane järgida
• oskus töötada meeskonnas
• mõtlemise paindlikkus
• vastutustunne, sihikindlus, pühendumus
• keskenduda tulemustele ja kvaliteedile
• soov pidevalt uusi asju õppida ja neid oma töös rakendada

Professionaalsed teadmised ja oskused

Vähemalt ühe programmeerimiskeele tundmine: Go, C, C++, Perl, Python, PHP, Ruby, Java.

• oskus kirjutada kiiret, ilusat ja korrektset koodi;
• populaarsete veebiraamistike tundmine (Django, Flask, Spring);
• andmebaaside kujundamise ja päringute optimeerimise oskus;
• teadmised kaasaegsetest programmeerimisparadigmadest;
• disainimustrite tundmine;
• veebiteenuste seadmete ja liideste mõistmine;
• inglise keel tehnilise dokumentatsiooni lugemiseks.

Kus õppida, et saada taustaarendajaks

Õpetab (näost näkku, Moskva). Rahvusvaheline arvutiõppele spetsialiseerunud õppeasutus. Tegutseb aastast 1999. 42 filiaali 16 riigis. Suurim volitatud koolituskeskus Microsoftile, Ciscole, Autodeskile. Õpilased saavad rahvusvahelise tunnistuse ja rahvusvahelise diplomi. Peamine eesmärk on iga lõpetaja töölerakendamine.

Kõrgharidus:

Taustaarenduse valdkonna tõeliseks professionaaliks saamiseks peab teil olema põhiharidus, mille saab omandada järgmistes ülikoolides:

Kuid samas on oluline meeles pidada, et ülikooli alusharidus paneb küll hariduse vundamendi, kuid sellest ei piisa ajakohasteks teadmisteks kaasaegsete tehnoloogiate kohta. Seetõttu on eneseharimine selles valdkonnas oluline, et olla kursis kõigi uute tehnoloogiate ja vahenditega. Kuid erialahariduse puudumine mõjutab omakorda hetke, mil miski lakkab töötamast ja inimene ei saa aru, miks. Põhiharidusega spetsialist ei tea muidugi kõike, kuid tal on põhioskus - kust leida ja kuidas vajalikke teadmisi kasutada.

Kaasaegsed tööandjad reeglina ei sea ametikohale kandideerijatele formaalseid nõudeid kõrgharidusele. Nende jaoks on kõige olulisem spetsialisti kogemus, intelligentsus ja motivatsioon.

Palk (kui palju taustaarendaja teenib)

Palk 16.09.2019 seisuga

Venemaa 40 000–100 000 ₽

Moskva 80000-300000 ₽

Karjäärisammud ja väljavaated

Tagaarendaja positsioonilt on pärast esiotsa arendaja oskuste omandamist otsene tee täispinu arendajani. Edasiseks kasvuks on vaja pidevalt uusi asju õppida: uurida üksikasjalikult tarkvaratoodete arendamise tehnoloogiaid, teenindussüsteemide konfiguratsiooni ja sätteid.