Dakle, odlučili ste postati web programer. Poznajete tri čarobna pojma HTML/CSS/JS i mislite da ćete biti traženi nakon što savladate sva tri. Zamišljate kako ćete ih učiti redom, jednog po jednog. Upotpunite svoj portfelj. Pronađite juniorsku poziciju. Obrišite nos sumnjajućima.
Zapravo, čak Frontend programer- ugrožene vrste. Ali ne zato što ima manje posla :) Dapače, naprotiv. Svakodnevno rastuća količina znanja ne ostavlja šanse za široke kategorije. Apstraktni "programeri" postoje samo u filmovima o hakerima i popularnoj mašti. Dakle, front-end programeri postupno postaju apstrakcija, dijeleći se na sve uže specijalitete.
Nažalost, većina regrutera slabo razumije specifičnosti rada ljudi koje zapošljavaju. Uzmimo u obzir činjenicu da je IT zapošljavanje također mlada disciplina. Voljno ili nesvjesno, regruteri stvaraju svojevrsno "polje dezinformacija".
Ako imate iskustva s iznajmljivanjem kuće, vjerojatno ste naišli na izraz „Wi-Fi Internet“. Realtori vole ovu frazu. Nemojte im pokušavati objasniti da je Wi-Fi metoda distribucije iz neuspjelog izvora, a ono što vas zanima. "Internet Wi-Fi" može biti bilo što: ADSL, 3G, fiber...
Temeljni nesporazum ne sprječava trgovce nekretninama da repliciraju besmislenu frazu. Ista priča s regruterima.
Pogledajmo koji su nazivi poslova koji odgovaraju definiciji "web development" danas popularni. Odmah napominjem da ovaj vodič ne tvrdi da je potpun i odražava stajalište osobe koja koristi JS kao glavni jezik.
Nazivi poslova
web programer
Sinonimi: web programer, web inženjer
Obično to podrazumijeva korištenje bilo kojeg CMS-a. Neki ljudi ozbiljno vjeruju da početnici koriste "jednostavan CMS", a stručnjaci "napredni CMS". Savjet: ako osoba pita - Koji CMS koristite? sa grupom programera u konferencijskoj sobi - vjerojatno je potpuni noob. I to nije optužba, već konstatacija činjenice. Ozbiljni moderni projekti ne koriste CMS, osim možda kao pomoćni alat. Wordpress za bloganje tvrtke - da, moguće je. Wordpress kao trgovina već je sumnjiv. "Društvena mreža na Joomli" - fantazije tinejdžera. CMS imaju svoje mjesto na tržištu, ali su odavno prestali biti "državotvorni" element.
"Izrada web stranice na CMS-u" otprilike je isto što i "zakivanje dizajna pod ThemeForestom". "Peni štedi rublju!" - Dosta rečeno.
Web inženjer se bavi sadržajem, “vlada” izgledom, radi razne stvari i (povremeno) programira. web programer je najniža razina od svih mogućih "web developera". U slučaju slobodnog rada, web programer, obično, znači “čovjek-orkestar”, odnosno “čovjek-radnik”.
Požurite!!! Tražimo strpljivog web developera!
CSS / HTML Developer / Markup Developer
Sinonimi: slagač
Položaj u kojem želite izraditi dizajn. Zahtjevi za poznavanje JS-a i programiranja su minimalni ili ih nema. Poželjno je poznavati osnove dizajna, jer. dizajn se gotovo nikad ne prevodi iz PSD-a u HTML jedan-na-jedan. "Pixel-Perfect" - fraza-"zvono". Marker upravitelja tiranina koji nema pojma kako preglednik radi i mjeri kvalitetu rada piksel po piksel (uz zumiranje!) usporedbom PSD izgleda i HTML stranice. Pokušaji objašnjavanja razlike između prikazivanja fontova u Photoshopu i u pregledniku obično se doživljavaju kao "svađanje umjesto rada". Izbjegavajte poslove "po pikselu" po svaku cijenu.
Dizajner izgleda uvijek završava nakon dizajnera. Web programer uvijek završi nakon dizajnera izgleda. Susjedski parovi u ovom lancu gotovo uvijek se ne vole iz tog razloga.
Ivan ne samo da zna sve o zanimanjima iz ovog članka, već će vam i pomoći da ih svladate, napišete pravi životopis i pripremite se za intervju.
Dizajner prednjeg dijela / Web dizajner
Sinonimi: Web dizajner
Samiznaetekto™. Od stručnjaka se traži znanje vizualnog dizajna (eventualno dizajna sučelja), poznavanje tipografije, poznavanje Photoshopa. Poznavanje JS-a obično nije potrebno.
Na zapadnom tržištu dizajneri obično rade i raspored. Prvo, moderan izgled, uzimajući u obzir uzvratni- I prilagodljiva prefiksi i animacije osrednje opisuje statična slika. Jeste li često vidjeli dizajnera koji prikazuje animaciju i mobilnu verziju? Ja isto. Obično su njihove mogućnosti ograničene na odabir animacija iz knjižnice (odabrane od strane programera!). Drugo (ali iz istog razloga), pravom stručnjaku je često lakše napraviti dizajn odmah u obliku izgleda. Zašto raditi X + Y kada se možete snaći s Y?
Na našem tržištu, zbog tehnološkog zaostatka, dizajneri i layout dizajneri su različiti ljudi.
Programer sučelja / dizajner korisničkog sučelja
Slično prethodnoj verziji, ali s naglaskom na dizajn interakcije. Specijalisti na ovoj poziciji obično puno komuniciraju s programerima, s klijentima, s menadžerima, pa opet s programerima... Zbog toga je poželjno poznavanje osnova razvoja softvera i komunikacijskih vještina. Vrlo često, natječaj zahtijeva i poznavanje specifičnosti mobilnog razvoja. dva UI/UX stručnjaci rijetko se zapošljavaju. Imajte na umu da je u ovom području teško pronaći materijal za samostalno učenje, što može biti ili plus (manja konkurencija) ili minus (teže svladati). Ako ste u mogućnosti učiti iz primjera, onda ne bi trebalo biti problema.
Front End Developer za mobilne/tablete
Pozicija za programera specijaliziranog za mobilne uređaje. Potrebno je poznavanje specifičnosti IOS i Android platformi. React Native je moderna verzija ove specijalizacije koja vam omogućuje korištenje web tehnologija za izradu izvornih aplikacija. Savjet: web aplikacije, hibridne aplikacije, izvorne aplikacije i izvorne aplikacije temeljene na webu različite su stvari.
Front End Developer / inženjer
Sinonimi: front-end developer, front-end developer
Generalizirani naziv radnog mjesta za programera koji posjeduje HTML / JS / CSS. Obično se nalazi u malim tvrtkama gdje je širok raspon zadataka dodijeljen jednoj osobi. Znanje dizajna vjerojatno nije potrebno, ali bi bilo bonus. U suvremenim uvjetima sve se više zamjenjuje naslovom određene tehnologije: jQuery programer, Backbone Developer, React Developer, Angular Developer... Vještine programiranja i slaganja su uključene u paket zahtjeva.
JS Developer / Front End programer
Sinonimi: JS programer* / JS programer
Isto kao i prethodni, s više naglaska na programiranju, a manje na izgledu i dizajnu. Općenito, pojam programer (Inženjer u manjoj mjeri) umjesto programer, može značiti da će biti manje programiranja, a "stvari" - više. Osim kada je programski jezik eksplicitno naveden (JS programer ~= JS programer).
JS programer također može značiti puni stog(Pogledaj ispod). U tom slučaju tvrtka vjerojatno planira odlučiti o vašoj specijalizaciji kasnije – kada vam budu jasne prednosti i slabosti. Ili kada se raspodijele drugi poslovi. Zato, JS programer gotovo uvijek ide uz Junior ili Stariji / Srednji.
Frontend SEO stručnjak
Rijetka pozicija gdje trebate optimizirati HTML kod prema zahtjevima i željama tražilica (Google/Yandex). Specifična znanja: mikroformati, mikrooznake. S obzirom na to da SEO odumire i zamjenjuje ga klasični marketing, preporučam izbjegavati sve što sadrži ovu kraticu. Ako vam traženje posla nije hobi, naravno.
Stručnjak za pristupačnost prednjeg dijela
Naglasak na optimizaciji stranice za posebne čitatelje (na primjer, za osobe s ograničenim vidom). Izuzetno rijedak položaj. Uvršten u Crvenu knjigu. Javlja se samo na velikim projektima.
front end dev. Ops
Radno mjesto za stručnjaka za montažu, automatizaciju, integraciju front-end aplikacija. Javlja se uglavnom u velikim tvrtkama, jer podrazumijeva prilično uzak raspon zadataka. Trenutno znanje: Webpack / Gulp / Grunt. S vremenom će vas početi pitati što zapravo radite...
Front End Testiranje / QA
Radno mjesto za QA / QA stručnjaka za front-end aplikacije. Nalazi se u velikim i srednjim tvrtkama. Trenutna znanja: jedinični testovi, funkcionalni testovi, A/B testovi, ručno testiranje i automatizacija. Komunikacijske vještine su na popisu zahtjeva.
Mnogi ljudi pogrešno vjeruju da je biti tester lakši posao nego biti programer. Da, ponekad postoje slobodna radna mjesta na kojima možete "kliknuti na poveznice" i "sastaviti izvješća". Ali to su iznimke.
Natjerati Selenium NightmareJS da hoda po aplikaciji i snima snimke zaslona i pokreće regresijske testove nije tako jednostavno. Naposljetku, ovo je, zapravo, cjeloviti razvoj. Rad se izvodi u nekoliko okruženja odjednom (Electron + Chromium) i zahtijeva dobro temeljno znanje.
Full Stack Developer / Inženjer / Programer
Pozicija za stručnjaka u cijelom nizu web tehnologija. Podrazumijeva razumijevanje interakcije klijent-poslužitelj, iskustvo s bazama podataka, poznavanje asinkronog programiranja, itd. Odabir ozbiljnih ljudi.
puni stog podijeljen je u dvije kategorije: FullStack-JS I sve ostalo. U prvom slučaju, kao što možete pretpostaviti, JS se koristi na poslužitelju i na klijentu. U drugom slučaju na poslužitelju se koristi Ruby / Python / PHP.
Za početnike, kako ne bi bili raspršeni između različitih jezika i platformi, toplo preporučujem davanje prednosti prvoj opciji (ako je moguće). Učenje više jezika odjednom je težak posao.
FullStack JS uključuje korištenje web okvira temeljenih na NodeJS-u. To može biti monolitni full-stack okvir (poput MeteorJS), reaktivni backend s minimalističkim klijentom (poput HorizonIO) ili sklop iz nezavisnih knjižnica (kao što je KoaJS + ReactJS). Svi oni imaju svoje prednosti i nedostatke.
FullStack JS se često koristi u aplikacijama u stvarnom vremenu: chat sobama (a la Slack / Gitter), financijskim aplikacijama (skalabilnost, PayPal...), poslužiteljima za igre. Sposobnost prosljeđivanja informacija klijentu (stvarajući ih u stvarnom vremenu) gotovo iz kutije glavni je pokretač razvoja ove tehnologije.
arhitekt
Najviši stupanj klasičnog programiranja. Svako slobodno radno mjesto s riječju Arhitekt pretpostavlja višeg stručnjaka i vjerojatno vas kratkoročno ne zanima, dragi čitatelju.
voditi
Slobodna radna mjesta za olovke su vrlo različita. Koliko tvrtki - toliko različitih tragova. S druge strane, to je slučaj kada osoba definira mjesto, a ne mjesto – osobu. Za početnike nije od interesa, jer. Junior Lead je ista glupost kao i Junior Architect.
NodeJS Developer / BackendJS Developer
JS pozadina. "Veliki i strašni" NodeJS - ono što jednostavno nisu rekli o tome. Pohvale, optužbe za "hipsterizam" - sve je to bilo...
U ovom članku želim vas upoznati s vrlo korisnim alatom za webmastera – dodatkom za preglednik Firefox, dodatkom Web Developer. Naziv dodatka govori sam za sebe: Web Developer - web developer. Jasno je da je dodatak stvoren za web programere, odnosno za vas i mene. Dodatak Web Developer namijenjen je dobivanju informacija i testiranju stranice. Koje značajke pružaju alati dodataka? Možete uključiti i isključiti slike, otkriti sve elemente veze, pregledati obrasce, provjeriti usklađenost stranica sa standardima i još mnogo toga. Informacije dobivene kao rezultat testiranja pomoći će vam ne samo u razvoju stranice, uz pomoć dodatka možete pronaći skrivene poveznice, oštećene slike itd. Razmislite o instalaciji dodatka Web Developer u preglednik Firefox.
Instaliranje dodatka za web programere u Firefox
Želio bih napomenuti da su ranije verzije dodatka imale rusku lokalizaciju. Ažurirana verzija ruske lokalizacije nema. Međutim, ta činjenica nije toliko važna, budući da su alati dodataka grupirani na način da svrha svakog alata postaje intuitivno jasna čak i uz osnovno poznavanje jezika. Web Developer pruža vizualne informacije, a za analizu informacija dobivenih pomoću dodatka Web Developer potrebno je u većoj mjeri posjedovati znanje web programera, a ne prevoditelja. Ako vam je još ugodnije raditi s ruskom verzijom dodatka Web Developer, instalirajte stariju verziju koja ima rusku lokalizaciju.
Najnovija verzija dodatka Web Developer za Firefox može se preuzeti s početne stranice programera. Također možete instalirati Web Developer, kao i svaki drugi dodatak, putem ugrađenih alata Firefoxa. Da biste to učinili, otvorite preglednik Firefox i u izborniku odaberite "Alati" - "Dodaci".
1 - Kopirajte naziv željenog dodatka u traku za pretraživanje. Na popisu koji se otvori odaberite potreban dodatak za instalaciju i pokretanje instalacije.
2 - Ako ste već preuzeli dodatak na svoje računalo, otvorite izbornik alata i odaberite "Instaliraj dodatak iz datoteke".
Alatna traka dodatka Web Developer
Nakon što uspješno instalirate Web Developer, počet ćete raditi s alatima za dodatke. Za rad je najprikladnije koristiti alatnu traku Web Developer ugrađenu u preglednik. Također možete koristiti alternativne opcije za pristup alatima dodataka:
- Desnom tipkom miša kliknite prozor preglednika Firefox i odaberite Web Developer iz izbornika koji se otvori, otvorit će se traka kartica s alatima;
- Odaberite "Alati" na izborniku preglednika Firefox i zadržite pokazivač iznad proširenja Web Developer u podizborniku koji se otvori.
Značajke dodatka za web programere
Alati dodatka Web Developer grupirani su prema vrsti izvršenih operacija, što je zgodno i omogućuje vam intuitivno razumijevanje rada određenog alata.
Pogledajmo alatnu traku Web Developer. Donji dijagram prikazuje opcije alatne trake dodatka Web Developer u različitim lokalizacijama.
Nazivi grupa alata nalaze se na alatnoj traci dodatka. Ako kliknete na naziv grupe, otvorit će se kartica s alatima ugniježđenim u toj grupi. U dodatku ima dosta alata, ali kada počnete raditi s Web Developerom, shvatit ćete kako je lako razumjeti kako svaki alat radi. Da biste omogućili alat, kliknite na alat, nasuprot će se pojaviti kvačica. Da biste ga isključili, poništite okvir. Pogledajmo svaku grupu alata dodataka za web programere.
"Onemogući"(Onemogući). Koristeći alate ove grupe, možete vidjeti kako će stranica izgledati ako korisnik onemogući neke elemente web dizajna u postavkama preglednika.
"kolačići". Provjera rada stranice u uvjetima ograničenih mogućnosti preglednika.
"Nema CSS pogrešaka"(CSS). Skupina alata za rad sa stilskim listovima. Omogućuje vam povezivanje, prekid veze i uređivanje stilova, pregled rezultata uređivanja u pregledniku, prikaz dodatnih informacija o stilskim listovima.
"obrasci"(obrasci). Možete vidjeti elemente obrasca s njihovim atributima, prikazati lozinke u poljima za unos sa zvjezdicama, izbrisati radio gumbe, pretvoriti varijable upita i još mnogo toga.
"Grafika"(Slike). Upravljanje slikom. Možete dobiti informacije o veličini, težini slika, pronaći oštećene slike i još mnogo toga.
"Informacije"(Informacija). Primamo dodatne informacije o stranici. Možete vidjeti redoslijed i veličinu Div blokova, parametre veze i objekta, atribute naslova, vrijednosti atributa Id i klase, dobiti detaljne informacije o elementima, tablicama, bojama, sidrima i još mnogo toga.
"razno"(Razno). Ovdje postoje različiti funkcionalni alati. Na primjer, alat Ruler, s kojim možete mjeriti objekte. Da biste to učinili, pritisnite desnu tipku miša i odaberite željeni objekt. Odabir će biti u obliku pravokutnika. Da biste promijenili veličinu pravokutnika, povucite kut ili unesite podatke u pikselima na alatnoj traci dodatka.
"Konture"(crte). Ističe elemente web dizajna linijama konture. Želio bih obratiti posebnu pozornost na stavku "Okvir veze" - "Vanjske veze". Ovaj alat će vam pomoći pronaći skrivene i kodirane veze.
"Dimenzije"(Promjena veličine). Možete vidjeti veličinu prozora i okvir za prikaz. Također možete promijeniti veličinu prozora preglednika, povećati ili smanjiti razlučivost, što vam omogućuje testiranje stranice na različitim razlučivostima zaslona.
"instrumenti"(Alati). Alati za web programere. Možete provjeriti valjanost HTML koda, CSS, RSS feeda koristeći besplatne mrežne usluge. Također možete provjeriti ima li dvostrukih sidrišta, prekinutih veza, pogledati konzolu za pogreške.
"Kod"(Prikaži izvor). Možete vidjeti izvorni kod stranice. Prikazuje popis okvira s mogućnošću pregleda njihovog izvornog koda. Prikazuje generirani kod kako ga preglednik vidi.
"Postavke"(Opcije). Postavke programa. Pamti izbor korisnika za različite izbornike. Resetirajte i vratite, promijenjenu kao rezultat stranice, u izvorno stanje.
Nemate dovoljno prava za dodavanje komentara. Možda ćete se morati registrirati na stranici.
Trenutno je jedno od vodećih područja razvoja softvera web razvoj. Web razvoj se odnosi na razvoj internetske usluge ili web aplikacije, njeno održavanje, podršku, kao i optimizaciju za tražilice (SEO).
Mlađi web programeri bave se stvarnom izradom jednostavnih web aplikacija, uglavnom razvojem na strani klijenta i nekim programiranjem na strani poslužitelja, iako poslužiteljska strana u takvim aplikacijama obično nije jako složena. Iskusniji web programeri rade na složenijim dijelovima logike poslužitelja i integracije s vanjskim sustavima. Za SEO se često angažira pojedinac ili cijeli tim stručnjaka.
Za potvrdu kvalifikacije Junior Web Developer potrebno vam je sljedeće znanje:
- Programiranje (poznavanje brojevnih sustava, elementarnih algoritama)
- Prezentacijski jezici HTML/XML/CSS (osnovni koncepti i principi, sintaksa)
- JavaScript jezik (sintaksa, rukovanje događajima, rad s DOM-om)
Ovaj popis ne uključuje poznavanje web tehnologija na strani poslužitelja kao što su PHP, Python ili Java. Oni će biti uključeni u napredniju kvalifikaciju Web Developer sa specijalizacijama. Za provjeru temeljnih znanja iz područja poslužiteljskog logičkog programiranja kvalifikaciji je dodan test iz osnova programiranja.
Obavezni testovi
Programiranje - osnove
Budući da Junior mora poznavati JavaScript, on mora poznavati osnove programiranja.Ovaj test sadrži prilično elementarna pitanja o Booleovoj algebri, brojevnim sustavima (osobito binarnim i heksadecimalnim) i jednostavnim algoritmima.
HTML - Osnove
HTML testom se provjerava Juniorovo poznavanje glavnih oznaka i elemenata jezika koji će biti potrebni u radu.Test također sadrži pitanja o nekim kraticama, preglednicima i posredno o XML-u.
CSS - Osnove
Junior "morate poznavati CSS zajedno s HTML-om, inače će razvoj manje-više ozbiljne stranice biti pun poteškoća. Test pokriva poznavanje osnovnih svojstava i atributa, box-modela, selektora.
XML - Osnove
Poznavanje XML-a nije toliko kritično za Juniora kao poznavanje HTML/CSS-a, ali je više potrebno kao osnovno znanje koje će Junioru dobro doći u budućnosti. Osim toga, ne smijemo zaboraviti da se većina drugih formata za označavanje temelji na XML-u: isti XHTML, WSDL ili sve popularnija HTML 5 SVG standardizacija. Ispitna pitanja su uglavnom teorijska, pokrivaju poznavanje osnovne XML specifikacije.
JavaScript - Osnove
Ako je početkom 2000-ih poznavanje JavaScript Juniora bilo izborno, sada, 10 godina kasnije, to je jedan od primarnih zahtjeva. Poznavanje JavaScripta, uz dinamičke mogućnosti u klijentskom pregledniku, otvara put za učenje složenijih tehnologija kao što je AJAX, koji vam omogućuje stvaranje bogatih internetskih aplikacija (Rich Internet Applications, RIA). Testna pitanja provjeravaju sintaksu, osnovne funkcije i objekte JavaScripta.
Pisanje članka
Predmet članka se predlaže upravi i prihvaća ili odbija uz alternativni prijedlog. Teme bi trebale biti povezane s predmetnim područjem. Ovaj zahtjev testira Juniorovu sposobnost da brzo razumije bit određene tehnologije/pristupa/okvira. Alternativno, možete predložiti 3-4 teme za članak na razmatranje administraciji, a uprava će ponuditi jednu od njih za pisanje. koji ste napisali nije trebao biti prethodno objavljen na drugim resursima.
Izrada pitanja
Potreba za sastavljanjem pitanja ima iste ciljeve kao i pisanje članka: sposobnost analitičkog pristupa razvoju novih stvari, odvajanja važnih aspekata od nevažnih. Teme pitanja također su dogovorene s administracijom (ovo je neophodno jer u nekim testovima ima dosta pitanja, a pri dodavanju još jednog vrlo je vjerojatno da slično pitanje već postoji).
Važno: Pitanja o članku možete postaviti u komentarima na vašoj kvalifikacijskoj stranici (nemojte je brkati sa stranicom za javni opis), kojoj se može pristupiti putem veze profila u bloku Kvalifikacije.
Radujemo se vašim komentarima i povratnim informacijama.
Web Developer Mozilla je nevjerojatno korisno proširenje. Instalira se u preglednike i blogeru donosi sveobuhvatne informacije o stanju stranica. U početku se ovaj dodatak mogao instalirati samo u Firefoxu, ali kasnije ga je isti autor, Chris Pederik, razvio i za Chrome. Možete ga preuzeti i instalirati, u najnovijoj verziji, na engleskom.
Web Developer mozilla ruska verzija
Za ruskog blogera moguće je instalirati ovo proširenje na ruskom, ali u ovom slučaju nije instalirana najnovija verzija, već prethodna - Web Developer 1.19.
Prvo, u postavkama preglednika Firefox, proširenje je instalirano, na engleskom. Idemo na karticu "Dodaci". U novom prozoru s desne strane vidjet ćemo gumbe za nekoliko programa, uključujući "Web Developer". Uključite gumb "Postavke", nakon čega će se pojaviti prozor za postavke ovog alata.
Da biste omogućili ruski jezik, morate slijediti vezu do verzija. U novom prozoru odaberite broj 1.19, kliknite gumb "dodaj u Firefox". Nakon ponovnog pokretanja preglednika, gornja ploča proširenja bit će na ruskom. Tada sve postaje jasno. Prvo učitajmo našu stranicu i počnimo je analizirati, uz pomoć brojnih opcija, na gornjoj ploči.
Kada ponovno otvorite preglednik, ploča je ponovno na engleskom, tako da morate ponovno instalirati ruski jezik.
Web Developer mozilla onemogućuje neke značajke
U padajućem izborniku vidjet ćemo da možete onemogućiti brojne funkcije kako biste vidjeli druga svojstva.
- Onemogućujem "cache" i "small print", ali možete onemogućiti java skriptu i druge funkcije.
- "Klik na kolačiće" otvara veliku stranicu s popisom. Ovdje se pojedini kolačići mogu mijenjati ili brisati, ali za sada sam gledao ne dirajući ništa. Nakon što pogledam karticu, zatvaram je i prelazim na sljedeće odlomke.
- "CSS greške" - također otvara traku padajućeg izbornika. Stilovi se mogu onemogućiti. Ali želim ih vidjeti, pa kliknem na liniju: CSS info. Kao rezultat toga, otvorio se list sa svim stilovima ugrađenim u temu, dodacima i widgetima, što je rezultiralo dugačkom web-stranicom.
« Obrasci” – str Prilikom pregleda stranice, trake web-mjesta, obrasci za pretplatu i pretraživanje bili su istaknuti bojom. Ova je kartica potrebna webmasterima prilikom izrade predložaka, jer ima puno redaka s parametrima.
Web Developer mozilla - drugi paneli za procjenu stranice
- Grafika - prikaži atribute alt - opisi iznad slika su istaknuti. Možete pogledati sve stranice web-mjesta i utvrditi gdje nema opisa za ispravljanje. Veličina slika nam je poznata, ali ovdje je naznačena težina i broj slika. Kod mene je sve u redu - težina je mala, svaka slika je 3 kb. Pronalaženje oštećenih slika - na glavnoj stranici - nije pronađeno. Otvara se poseban list na kojem se nalaze opisi svih slika, uključujući brojače i favicon. Kad sve vidimo, uklanjamo kvačice.
- Na informativnoj ploči ima puno linija. Kliknem na “prikaži id i klasu”, dok su linkovi istaknuti na njihovoj lokaciji, odnosno na stranici. To je vrlo impresivno, jer su atributi naslova i ugniježđenje dokumenata prikazani bojama.
- Težina dokumenta - stranica je otvorena, ali je u početku bila prazna. Morate malo pričekati za preuzimanje. Međutim, ubrzo se pojavljuju vrijedni podaci o težini pojedinih dionica. Zadivljuje veliki broj skripti i njihova veličina. Vrijedno je razmisliti kako se mogu smanjiti i smanjiti.
- Linkovi s glavne stranice. Sve se uzima u obzir: naziv stranice, kategorije, oznake oblaka oznaka, slike, brojač, jvascript widgeti, komentari. Pokušao sam pratiti neke poveznice, na stranice stranice. Adrese u komentarima su zatvorene, hvala, međutim, broj poveznica se ne smanjuje zbog osobitosti koda Word Press, što je teško popraviti. Ukupno, ispada 74 - 86 internih poveznica, ali prema SEO pravilima njihov broj ne smije prijeći 100.
- Postoje informacije o meta oznakama glavne stranice.
Informacije Razno
- Razno - sadrži: ravnalo, povećalo, html editor, skrivene elemente.
- Obrisi - prikazuje granice naslova, poveznice, obrise blokova. Možete vidjeti konture dva ili tri elementa stranice u isto vrijeme.
- Dimenzije - prikazuje dimenzije prozora, okvira za prikaz. Moguće je podesiti veličinu prozora i fonta pritiskom na tipku za povećanje i smanjenje.
- Alati - provodi se prijelaz na usluge validatora. Prilikom provjere dobio sam puno CSS i HTMI grešaka. Na primjer, prvo se provjerava CSS, a zatim se nudi generirana ispravna stilska datoteka.
- Na ovaj savjet sam napravio sljedeće: aktivirao sam drugu, jednostavnu temu /na neko vrijeme/. Kopirao sam svoju datoteku stila, prenio je u bilježnicu, spremio je i izbrisao iz uređivača stranice. Skinuo sam ispravnu datoteku s validatora i umetnuo je umjesto svoje.
- Otišao na stranicu. I što vidim, s novim, ispravnim stilovima? Stranica je na mjestu, ali koja? Izgled je odvratan. Predložak je postao jednostupačan. Tekstovi su razvučeni od ruba do ruba, nema boja.
- Stoga sam radije vratio svoju datoteku s CSS greškama i sve je bilo popravljeno. S druge strane, potrebno je popraviti pogreške u validaciji, ali to mi još nije dostupno.
Za preglednik Chrome
Web verzija. programer za preglednik Chrom, istog autora, poboljšan i dopunjen. U usporedbi s proširenjem preglednika Mozilla, opcije su malo drugačije. Tekst je engleski, ali neke početne stranice su prevedene.
Bolje je kad čovjek barem poznaje engleski jezik, jer Internetu to treba. Nakon pregledavanja weba. developer, poboljšane su ideje o strukturi bloga.
Analiza u ovom proširenju trebala bi biti trajna, stoga je poželjno da je svaki bloger instalira u preglednik. Barem kako bi se kontrolirao broj poveznica na svakoj stranici.
