Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Windows Phone
  • Zhvilluesi i Uebit për Firefox - instalimi dhe aftësitë e shtojcës për dizajnerët e paraqitjes dhe webmasterët. Shtojcat Firefox për zhvilluesit e uebit

Zhvilluesi i Uebit për Firefox - instalimi dhe aftësitë e shtojcës për dizajnerët e paraqitjes dhe webmasterët. Shtojcat Firefox për zhvilluesit e uebit

Kështu që ju keni vendosur të bëheni zhvilluesi i uebit... Ju i dini tre termat magjikë HTML / CSS / JS dhe mendoni se do të jeni të kërkuar pasi t'i zotëroni të tre në mënyrë të përsosur. Ju imagjinoni se si do t'i mësoni ato në mënyrë sekuenciale, një nga një. Plotësoni portofolin tuaj. Gjeni një vend të lirë pune për Junior. Fshijini hundët dyshuesve.

Në fakt, madje Zhvilluesi i frontit- specie të rrezikuara. Por jo sepse ka më pak punë :) Përkundrazi, përkundrazi. Sasia në rritje e përditshme e njohurive nuk lë asnjë shans për kategoritë e gjera. "Programuesit" abstraktë ekzistojnë vetëm në filmat për hakerat dhe në mendjen popullore. Po kështu, zhvilluesit e frontit po bëhen gradualisht një abstraksion, duke u ndarë në specialitete gjithnjë e më të ngushta.

Fatkeqësisht, shumica e rekrutuesve kanë një kuptim të dobët të specifikave të punës së njerëzve që punësojnë. Le të bëjmë një zbritje për faktin se rekrutimi i IT është gjithashtu një disiplinë e re. Me dëshirë apo pa dëshirë, rekrutuesit krijojnë një lloj “fushe dezinformimi”.

Nëse keni përvojë me qira, ndoshta keni hasur në shprehjen "Internet Wi-Fi". Sekserët e duan këtë frazë. Mos u përpiqni t'u shpjegoni atyre se Wi-Fi është një metodë shpërndarjeje nga një burim i dështuar, dhe ju jeni të interesuar për këtë të fundit. Interneti Wi-Fi mund të jetë çdo gjë: ADSL, 3G, fibër ...

Keqkuptimi themelor nuk i pengon sekserët të përsërisin një frazë të pakuptimtë. Është e njëjta histori me rekrutuesit.

Le të shohim se cilët tituj pune që përshtaten me përkufizimin e "zhvillimit të uebit" janë të njohura sot. Vërej menjëherë se ky udhëzues nuk pretendon të jetë i plotë dhe pasqyron këndvështrimin e një personi që përdor JS si gjuhë kryesore.

Titujt e punës

Zhvilluesi i Uebit

Sinonimet: zhvilluesi i uebit, inxhinier web

Zakonisht, kjo nënkupton përdorimin e çdo CMS. Disa njerëz me gjithë seriozitetin mendojnë se fillestarët përdorin "CMS të thjeshtë" dhe ekspertët - "CMS të avancuara". Këshillë: nëse një person pyet - Çfarë CMS përdorni? me një grup programuesish në një sallë konferencash - ai është ndoshta një noob i plotë. Dhe kjo nuk është një akuzë, por një deklaratë fakti. Projektet serioze moderne nuk përdorin CMS, mirë, përveçse ndoshta si një mjet ndihmës. Wordpress për blogimin e kompanisë - po, ndoshta. Wordpress si dyqan tashmë është i diskutueshëm. "Rrjeti social në Joomla" - fantazi adoleshente. CMS-të kanë vendin e tyre në treg, por prej kohësh kanë pushuar së qeni një element "shtetformues".

"Bërja e një faqe interneti në CMS" është pothuajse e njëjtë me "dizenjot tërheqëse për ThemeForest". "Kopeku mbron rublën!" - E thënë mjaftueshëm.

Një inxhinier ueb merret me përmbajtjen, "rregullon" paraqitjen, bën gjëra të ndryshme dhe (herë pas here) programe. Zhvilluesi i UebitËshtë niveli më i ulët i të gjithë "zhvilluesve të uebit" të mundshëm. Në rastin e profesionit të pavarur, nën zhvilluesi i uebit zakonisht do të thotë "njerëz-band", ose më mirë - "burrë-punëtor ferme".

Urgjentisht!!! Duke kërkuar për një zhvillues ueb pacient!

Zhvillues CSS / HTML / Zhvillues Markup

Sinonimet: projektuesi i faqosjes

Pozicioni në të cilin dëshironi të shtypni modelin. Kërkesat për njohuri të JS dhe programimit janë minimale ose mungojnë. Është e dëshirueshme të njihen bazat e dizajnit, sepse dizajni pothuajse kurrë nuk përkthehet nga PSD në HTML një për një. "Pixel-Perfect" është një frazë "zile". Shënuesi i një menaxheri tirani që nuk e ka idenë se si funksionon shfletuesi dhe mat cilësinë e punës me pixel për piksel (me zmadhim!) Krahasimi i paraqitjes së PSD dhe faqes HTML. Përpjekja për të shpjeguar ndryshimin midis paraqitjes së një fonti në Photoshop dhe në një shfletues zakonisht perceptohet si "të debatosh në vend që të punosh". Shmangni me çdo kusht punët pixel pas pixel.

Dizajneri i faqosjes e përfundon gjithmonë punën pas projektuesit. Programuesi i uebit gjithmonë e përfundon punën pas projektuesit të faqosjes. Çiftet fqinje në këtë zinxhir pothuajse gjithmonë nuk e pëlqejnë njëri-tjetrin për këtë arsye.

Ivan jo vetëm që di gjithçka për profesionet nga ky artikull, por gjithashtu do t'ju ndihmojë t'i zotëroni ato, të shkruani CV-në e duhur dhe të përgatiteni për intervistën.

Designer FrontEnd / Dizajner Ueb

Sinonimet: Web Designer

Samiznaetekto ™. Kërkohet një specialist të ketë njohuri për dizajnin vizual (mundësisht dizajn ndërfaqeje), njohuri për tipografinë dhe zotërim të Photoshop-it. Zakonisht nuk kërkohet njohuri për JS.

Në tregun perëndimor, dizajnerët zakonisht bëjnë edhe layout. Së pari, një plan urbanistik modern, duke marrë parasysh të përgjegjshme dhe adaptive prefikset dhe animacionet përshkruhen në mënyrë mesatare nga një pamje statike. A keni parë shpesh një stilist që shfaq animacion dhe versione celulare? po ashtu edhe unë. Zakonisht, aftësitë e tyre janë të kufizuara në një përzgjedhje nga animacionet e bibliotekës (të zgjedhura nga programuesi!). Së dyti (por për të njëjtën arsye), shpesh është më e lehtë për një specialist të vërtetë të bëjë një dizajn menjëherë në formën e një plan urbanistik. Pse punoni X + Y kur mund t'ia dilni me Y?

Në tregun tonë, për shkak të vonesës teknologjike, projektuesit dhe stilistët janë njerëz të ndryshëm.

Zhvilluesi i ndërfaqes / Projektuesi UI-UX

Ngjashëm me opsionin e mëparshëm, por me theks në modelin e ndërveprimit. Specialistët në këtë pozicion zakonisht komunikojnë shumë me programuesit, me klientët, me menaxherët, pastaj përsëri me programuesit... Për këtë arsye, njohja e bazave të zhvillimit të softuerit dhe aftësive komunikuese është e dëshirueshme. Shumë shpesh, një vend i lirë pune kërkon gjithashtu njohuri për specifikat e zhvillimit të celularit. dy Ekspertët e UI / UX punësohen rrallë. Mbani në mend se është e vështirë të gjesh material për vetë-studim në këtë fushë, i cili mund të shkojë edhe plus (më pak konkurrencë) dhe minus (më e vështirë për t'u zotëruar). Nëse mund të mësoni nga shembujt, nuk duhet të ketë asnjë problem.

Zhvilluesi i celularit / tabletit FrontEnd

Pozicioni për një zhvillues celular. Kërkohet njohja e specifikave të platformave IOS dhe Android. Reagon NativeËshtë një version modern i këtij specializimi që ju lejon të përdorni teknologjitë e internetit për të krijuar aplikacione vendase. Këshillë: Aplikacionet e uebit, mashup-et, aplikacionet vendase dhe aplikacionet vendase të uebit janë të gjitha gjëra të ndryshme.

Zhvillues / Inxhinier i FrontEnd

Sinonimet: zhvillues i përparmë, zhvillues i përparmë

Titulli i përgjithshëm i punës për një zhvillues HTML / JS / CSS. Zakonisht gjendet në kompani të vogla ku një gamë e gjerë detyrash i caktohen një personi. Njohja e dizajnit ndoshta nuk kërkohet, por do të vijë si një bonus. Në kushtet moderne, gjithnjë e më shumë po zëvendësohet nga titulli i një teknologjie specifike: Zhvilluesi i jQuery, Zhvilluesi i shtyllës kurrizore, React Developer, Zhvilluesi Angular... Aftësitë në programim dhe layout janë të përfshira në paketën e kërkesave.

Zhvilluesi i JS / Programuesi FrontEnd

Sinonimet: Zhvilluesi i JS* / Programues JS

Njësoj si ai i mëparshmi, me më shumë theks në programim dhe më pak në layout dhe dizajn. Në përgjithësi, termi Zhvilluesi (Inxhinier në një masë më të vogël) në vend të Programues, mund të nënkuptojë më pak programim dhe më shumë "të ndryshme". Me përjashtim të rasteve kur gjuha e programimit është e specifikuar në mënyrë eksplicite (zhvilluesi JS ~ = programuesi JS).

Zhvilluesi i JS mund të nënkuptojë dhe FullStack(Shikoni më poshtë). Në këtë rast, kompania ndoshta planifikon të vendosë për specializimin tuaj më vonë - kur pikat tuaja të forta dhe të dobëta të jenë të qarta. Ose kur shpërndahen punë të tjera. Kështu që, Zhvilluesi i JS pothuajse gjithmonë çiftëzohet me Junior ose Senior / E mesme.

Ekspert SEO i FrontEnd

Një pozicion i rrallë në të cilin kërkohet të optimizoni kodin HTML sipas kërkesave dhe dëshirave të motorëve të kërkimit (Google / Yandex). Njohuri specifike: mikroformat, mikromarkup. Duke marrë parasysh që SEO po shuhet dhe po zëvendësohet nga marketingu klasik, unë rekomandoj të shmangni gjithçka që përmban këtë akronim. Nëse kërkimi i punës nuk është hobi juaj, sigurisht.

Ekspert i aksesueshmërisë në FrontEnd

Theksi në optimizimin e faqes në internet për lexues të veçantë (për shembull, për njerëzit me vizion të kufizuar). Një pozicion jashtëzakonisht i rrallë. Të listuara në Librin e Kuq. Gjendet vetëm në projekte të mëdha.

FrontEnd Dev. Ops

Pozicioni për një specialist në montim, automatizim, integrim të aplikacioneve të përparme. Gjendet kryesisht në kompanitë e mëdha, sepse nënkupton një gamë mjaft të ngushtë detyrash. Njohuritë aktuale: Webpack / Gulp / Grunt. Me kalimin e kohës, ata do të fillojnë t'ju pyesin se çfarë jeni duke bërë në të vërtetë ...

Testimi i FrontEnd / QA

Pozicioni për një specialist në testimin / kontrollin e cilësisë së aplikacioneve frontend. Gjendet në kompani të mëdha dhe të mesme. Njohuritë përkatëse: testet e njësisë, testet funksionale, testet A/B, testimi manual dhe automatizimi. Aftësitë e komunikimit përfshihen në listën e kërkesave.

Shumë njerëz gabimisht mendojnë se një "testues" është një punë më e lehtë sesa një "programues". Po, ndonjëherë ka vende të lira ku mund të "klikoni në lidhje" dhe "të shkruani raporte". Por këto janë përjashtime.

Të bësh Selenium NightmareJS të ecë nëpër aplikacion, të marrësh pamje nga ekrani dhe të kryesh teste regresioni nuk është aq e lehtë. Në fund të fundit, ky është, në fakt, një zhvillim i plotë. Puna kryhet në disa mjedise njëherësh (Elektron + Krom) dhe kërkon njohuri të mira themelore.

Zhvillues / Inxhinier / Programues FullStack

Pozicioni për një ekspert në grupin e plotë të teknologjive të internetit. Ai nënkupton një kuptim të ndërveprimit klient-server, përvojë me bazat e të dhënave, njohuri të programimit asinkron, etj. Zgjedhja e njerëzve me mendje serioze.

FullStack ndahet ne dy kategori: FullStack-JS dhe gjithë pjesa tjetër... Në rastin e parë, siç mund ta merrni me mend, JS përdoret në server dhe në klient. Në rastin e dytë, Ruby / Python / PHP përdoret në server.

Për fillestarët, në mënyrë që të mos shpërndahen midis gjuhëve dhe platformave të ndryshme, unë rekomandoj shumë t'i jepni përparësi opsionit të parë (nëse është e mundur). Mësimi i disa gjuhëve në të njëjtën kohë është një punë e lodhshme.

FullStack JS supozon përdorimin e kornizave të shkurtit të bazuara në NodeJS. Mund të jetë një kornizë monolit e plotë (si MeteorJS), një backend reaktiv me një klient minimalist (si HorizonIO) ose një asamble nga biblioteka të pavarura (si KoaJS + ReactJS). Ata të gjithë kanë avantazhet dhe disavantazhet e tyre.

FullStack JS përdoret shpesh në aplikacione në kohë reale: biseda (a la Slack / Gitter), aplikacione financiare (shkallëzueshmëri, PayPal ...), serverë lojërash. Aftësia për të shtyrë informacionin te klienti (duke krijuar në kohë reale) praktikisht jashtë kutisë është shtytësi kryesor i rritjes së kësaj teknologjie.

Arkitekt

Shkalla më e lartë e programimit klasik. Çdo vend vakant me fjalën Arkitekt merr një specialist të lartë dhe ndoshta nuk është me interes në afat të shkurtër për ju, i dashur lexues.

Plumbi

Vendet e lira të drejtuesve janë shumë të ndryshme. Sa kompani - kaq shumë drejtues të ndryshëm. Nga ana tjetër, ky është rasti kur një person përcakton një vend, dhe jo një vend - një person. Për fillestarët, nuk është me interes, sepse Junior Lead është po aq e pakuptimtë sa edhe Junior Architect.

Zhvilluesi i NodeJS / Zhvilluesi i Backend JS

JS backend. "I madh dhe i tmerrshëm" NodeJS - çfarë ata sapo thanë për të. Lavdërime, akuza për "hipsterizëm" - kishte gjithçka ...

Në këtë artikull dua t'ju prezantoj me një mjet shumë të dobishëm për një webmaster - një shtesë për shfletuesin Firefox, shtojcën Web Developer. Emri i shtojcës flet vetë: Web Developer është një zhvillues ueb. Është e qartë se shtojca është krijuar për zhvilluesit e uebit, domethënë për ju dhe mua. Shtojca e Zhvilluesit të Uebit ka për qëllim marrjen e informacionit dhe testimin e faqes. Cilat janë veçoritë e veglave të shtojcave? Mund të aktivizoni dhe çaktivizoni imazhet, të zbuloni të gjithë elementët e lidhjeve, të shikoni format, të kontrolloni faqet e faqeve për pajtueshmëri dhe shumë më tepër. Informacioni i marrë si rezultat i testimit do t'ju ndihmojë jo vetëm në zhvillimin e faqes, me ndihmën e shtojcës mund të gjeni lidhje të fshehura, imazhe të dëmtuara, etj. Le të hedhim një vështrim në instalimin e shtojcës Web Developer në shfletuesin Firefox.

Instalimi i Shtojcës së Zhvilluesit të Uebit në Firefox

Dua të vërej se versionet e hershme të shtojcës kishin lokalizim rus. Versioni i përditësuar nuk ka lokalizim rus. Megjithatë, ky fakt nuk është aq i rëndësishëm, pasi mjetet e shtojcave janë grupuar në mënyrë të tillë që të bëhet i qartë intuitivisht qëllimi i secilit mjet, qoftë edhe me një njohuri bazë të gjuhës. Zhvilluesi i Uebit ofron informacion vizual dhe ju duhet të keni njohuri për një zhvillues uebi dhe jo për një përkthyes për të analizuar informacionin e marrë duke përdorur shtojcën e zhvilluesit të uebit. Nëse jeni akoma më rehat duke punuar me versionin rus të shtojcës Web Developer, instaloni një version të mëparshëm me lokalizim rus.

Versioni më i fundit i shtojcës Web Developer për Firefox mund të shkarkohet nga faqja kryesore e zhvilluesit. Mund të instaloni gjithashtu Web Developer si çdo shtojcë tjetër përmes veglave të integruara të Firefox-it. Për ta bërë këtë, hapni shfletuesin Firefox dhe zgjidhni "Tools" - "Add-ons" nga menyja

1 - Në shiritin e kërkimit, kopjoni emrin e shtesës që dëshironi. Në listën që hapet, zgjidhni plugin-in e kërkuar për instalim dhe filloni instalimin.
2 - Nëse e keni shkarkuar tashmë shtesën në kompjuterin tuaj, hapni menynë e veglave dhe zgjidhni "Instalo add-on from file".

Shiriti i veglave të shtojcave të zhvilluesit të uebit

Pasi të keni instaluar me sukses Web Developer, do të filloni të punoni me mjetet e shtojcave. Mënyra më e mirë për të punuar është të përdorni shiritin e veglave të Zhvilluesit të Uebit të integruar në shfletues. Mund të përdoren opsione alternative për të hyrë në mjetet e shtojcave:

  1. Klikoni me të djathtën në dritaren e shfletuesit Firefox dhe zgjidhni Web Developer në menynë që hapet, do të hapet një shirit skedash me mjete;
  2. Zgjidhni "Tools" nga menyja e shfletuesit Firefox dhe në nënmenynë që hapet, qëndroni pezull mbi shtesën Web Developer.

Karakteristikat e shtojcave të zhvilluesit të uebit

Mjetet e shtojcës së Zhvilluesit të Uebit grupohen sipas llojit të operacionit të kryer, i cili është i përshtatshëm dhe ju lejon të kuptoni në mënyrë intuitive funksionimin e një mjeti të veçantë.

Le t'i hedhim një sy shiritit të veglave të Zhvilluesit të Uebit. Diagrami më poshtë tregon variacione të shiritit të veglave të shtojcës së Zhvilluesit të Uebit me lokalizime të ndryshme gjuhësore.

Emrat e grupeve të mjeteve shfaqen në shiritin e veglave shtesë. Nëse klikoni mbi emrin e një grupi, do të hapet një skedë me mjete të vendosura në këtë grup. Ka mjaft mjete në shtojcë, por kur të filloni të punoni me Web Developer, do të kuptoni se sa e lehtë është të kuptosh se si funksionon secili mjet. Për të aktivizuar mjetin, klikoni mbi mjet, një shenjë kontrolli do të shfaqet përballë. Për ta fikur - zgjidhni kutinë. Le të hedhim një vështrim në secilën prej grupeve të veglave të shtojcave të Zhvilluesit të Uebit.

"Çaktivizo"(Çaktivizo). Duke përdorur mjetet e këtij grupi, mund të shihni se si do të duket faqja nëse përdoruesi çaktivizon disa elementë të dizajnit të uebit në cilësimet e shfletuesit.

"Biskota"... Kontrollimi i performancës së faqes në kushte të kapacitetit të kufizuar të shfletuesit.

"Nuk ka gabime CSS"(CSS). Një grup mjetesh për të punuar me fletë stilesh. Ju lejon të lidheni, shkëputni dhe modifikoni stilet, duke parë rezultatet e redaktimit në një shfletues, të shfaqni informacione shtesë në lidhje me fletët e stileve.

"Format"(Formularët). Mund të shikoni elementet e formës me atributet e tyre, të aktivizoni shfaqjen e fjalëkalimeve në fushat e hyrjes me yll, butonat e radios të fshirë, të konvertoni variablat e pyetjes dhe më shumë.

"Grafika"(Imazhe). Menaxhimi i imazhit. Mund të merrni informacione rreth madhësisë, peshës së imazheve, të gjeni imazhe të dëmtuara dhe shumë më tepër.

"Info"(Informacion). Ne marrim informacion shtesë në lidhje me sitin. Mund të shikoni rendin dhe madhësinë e Div-ve, parametrat e lidhjeve dhe objekteve, atributet e titullit, vlerat e ID-së dhe të klasës, të merrni informacion të detajuar rreth elementeve, tabelave, ngjyrave, ankorave dhe më shumë.

"Të ndryshme"(Të ndryshme). Këtu ka mjete me funksione të ndryshme. Për shembull, mjeti Ruler, me të cilin mund të matni objektet. Për ta bërë këtë, shtypni butonin e djathtë të miut dhe zgjidhni objektin e dëshiruar. Zgjedhja do të jetë drejtkëndëshe. Për të ndryshuar madhësinë e drejtkëndëshit, duhet të tërhiqni këndin ose të futni të dhëna në pixel në shiritin e veglave të shtojcave.

"Konturet"(Përvijimi). Thekson elementët e dizajnit të uebit me linja konturore. Do të doja t'i kushtoja vëmendje të veçantë artikullit "Përvijimi i lidhjes" - "Lidhjet e jashtme". Ky mjet do t'ju ndihmojë të gjeni lidhje të fshehura dhe të koduara.

"Dimensionet"(Ndrysho madhësinë). Ju mund të shihni madhësinë e dritares dhe pamjes. Ju gjithashtu mund të ndryshoni madhësinë e dritares së shfletuesit, të rrisni ose ulni rezolucionin, gjë që ju lejon të testoni faqen në rezolucione të ndryshme të ekranit.

"Mjetet"(Mjetet). Mjetet e zhvilluesve të uebit. Ju mund të kontrolloni vlefshmërinë e furnizimit HTML, CSS, RSS duke përdorur shërbime falas të rrjetit. Ju gjithashtu mund të kontrolloni për ankorat e dyfishta, lidhjet e prishura, të shikoni panelin e gabimeve.

"Kodi"(Shiko burimin). Ju mund të shihni kodin burimor të faqes. Tregon një listë të kornizave me aftësinë për të parë kodin e tyre burimor. Shfaq kodin e krijuar ashtu siç e sheh shfletuesi.

"Cilësimet"(Opsione). Cilësimet e programit. Kujton zgjedhjen e përdoruesit për meny të ndryshme. Rivendosja dhe kthimi, i ndryshuar si rezultat i funksionimit të faqes, në gjendjen e tij origjinale.

Ju nuk keni të drejta të mjaftueshme për të shtuar komente. Ndoshta ju duhet të regjistroheni në sit.

Për momentin, një nga fushat kryesore të zhvillimit të softuerit është zhvillimi i uebit. Zhvillimi i uebit nënkupton zhvillimin e një shërbimi interneti ose aplikacioni në internet, mirëmbajtjen, mbështetjen e tij, si dhe optimizimin e motorëve të kërkimit (SEO).

Zhvilluesit e rinj të uebit në fakt janë të angazhuar në krijimin e aplikacioneve të thjeshta në internet, kryesisht zhvillimin e klientit dhe programimin pjesërisht nga ana e serverit, megjithëse ana e serverit në aplikacione të tilla zakonisht nuk është shumë komplekse. Zhvilluesit më me përvojë të uebit po punojnë në pjesë edhe më komplekse të logjikës së serverit dhe integrimit me sistemet e jashtme. Për SEO, shpesh punësohet një individ ose një ekip i tërë specialistësh.

Për të konfirmuar kualifikimet e Junior Web Developer, ju nevojiten njohuritë e mëposhtme:

  • Programim (njohuri e sistemeve numerike, algoritme elementare)
  • Gjuhët e prezantimit HTML / XML / CSS (konceptet dhe parimet bazë, sintaksa)
  • Gjuha JavaScript (sintaksa, trajtimi i ngjarjeve, puna me DOM)

Kjo listë nuk përfshin njohuri për teknologjitë e ueb serverit si PHP, Python ose Java. Ata do të përfshihen në kualifikimin më të avancuar të Web Developer me specializime. Për të testuar njohuritë bazë në fushën e logjikës së serverit të programimit, kualifikimit i është shtuar një test mbi bazat e programimit.

Testet e nevojshme

Programimi - Bazat

Duke qenë se Junior kërkohet të njohë JavaScript, ai duhet të dijë bazat e programimit.Ky test përmban pyetje mjaft elementare rreth algjebrës së Bulit, sistemeve të numrave (veçanërisht binar dhe heksadecimal), algoritme të thjeshta.

HTML - Bazat

Testi HTML teston njohuritë e Junior për etiketat bazë dhe elementet gjuhësore që do të nevojiten në punë.Gjithashtu, testi ka pyetje për disa shkurtesa, shfletues dhe në mënyrë indirekte për XML.

CSS - Bazat

Junior "duhet të dini së bashku me HTML dhe CSS, përndryshe zhvillimi i një siti pak a shumë serioz do të jetë i mbushur me vështirësi. Testi mbulon njohuritë e vetive dhe atributeve bazë, model-box, përzgjedhës.

XML - Bazat

Njohja e XML nuk është aq kritike për Junior "por sa njohuri e HTML / CSS, por kërkohet më shumë si një bazë, e cila do të jetë e dobishme për Junior" në të ardhmen. Përveç kësaj, nuk duhet të harrojmë se shumica e formateve të tjera të shënjimit bazohen në XML: i njëjti XHTML, WSDL ose fiton popullaritet me standardizimin HTML 5 SVG. Pyetjet e testit janë kryesisht teorike, duke mbuluar njohuritë e specifikimeve bazë XML.

JavaScript - Bazat

Nëse, në fillim të viteve 2000, njohja e JavaScript Junior ishte opsionale, tani, 10 vjet më vonë, ajo është një nga kërkesat parësore. Njohja e JavaScript, përveç aftësive dinamike në shfletuesin e klientit, hap rrugën për të mësuar më kompleks teknologji të tilla si AJAX që ju mundësojnë të krijoni pyetjet e testit të aplikacioneve të pasura të internetit (RIA) kontrollojnë sintaksën, funksionet bazë dhe objektet JavaScript.

Shkrimi i një artikulli

Tema e artikullit i propozohet administratës dhe ose pranohet ose refuzohet me një propozim alternativ. Tema duhet të lidhet me fushën e lëndës. Kjo kërkesë teston aftësinë e Juniorit për të kuptuar shpejt thelbin e një teknologjie / qasjeje / kornizë të caktuar. Përndryshe, ju mund të propozoni 3-4 tema për një artikull për shqyrtim nga administrata, dhe administrata do të sugjerojë njërën prej tyre për shkrim. artikulli që keni shkruar nuk duhet të ishte publikuar më parë në burime të tjera.

Hartimi i pyetjeve

Nevoja për të hartuar pyetje ndjek të njëjtat qëllime si shkrimi i një artikulli: aftësia për t'iu qasur analitikisht zhvillimit të gjërave të reja, për të ndarë aspektet e rëndësishme nga ato të parëndësishme. Temat e pyetjeve janë gjithashtu dakord me administratën (kjo është e nevojshme sepse në disa teste ka mjaft pyetje dhe nëse shtoni një tjetër, ka shumë të ngjarë që një pyetje e ngjashme të ekzistojë tashmë).

E rëndësishme: Pyetjet në lidhje me artikullin mund të bëhen në komentet në faqen e kualifikimeve tuaja (mos e ngatërroni me faqen e përshkrimit publik), e cila mund të arrihet nga lidhja në profilin në bllokun e Kualifikimeve.

Mezi presim komentet dhe komentet tuaja.

Web Developer Mozilla është një shtesë tepër e dobishme. Ai është i instaluar në shfletues dhe i siguron blogerit informacion të plotë për gjendjen e faqeve. Në fillim, kjo shtojcë mund të instalohej vetëm në Firefox, por më vonë, i njëjti autor - Chris Pederick, e zhvilloi atë edhe për Chrome. Mund ta shkarkoni dhe instaloni, në versionin më të fundit, në anglisht.

Versioni rus i Mozilla Developer Web

Për një bloger rus, është e mundur të instaloni këtë shtesë në Rusisht, por në këtë rast, nuk është instaluar versioni më i fundit, por ai i mëparshmi - Zhvilluesi i Uebit 1.19.

Së pari, në cilësimet e shfletuesit Firefox, shtesa instalohet në anglisht. Le të shkojmë te skeda "shtesa". Në dritaren e re në të djathtë, do të shohim butona për disa programe, duke përfshirë "Zhvilluesin e Uebit". Aktivizoni butonin "Cilësimet", pas së cilës do të shfaqet një dritare për cilësimet e këtij mjeti.

Për të aktivizuar gjuhën ruse, duhet të ndiqni lidhjen me versionet. Në dritaren e re, zgjidhni numrin 1.19, klikoni butonin "Shto në Firefox". Pas rinisjes së shfletuesit, paneli i sipërm i shtesës do të shfaqet në Rusisht. Atëherë gjithçka bëhet e qartë. Së pari, le të ngarkojmë faqen tonë dhe të fillojmë ta analizojmë atë, duke përdorur opsione të shumta, panelin e sipërm.

Kur hapni përsëri shfletuesin, paneli është përsëri në anglisht, kështu që duhet të riinstaloni përsëri gjuhën ruse.

Zhvilluesi i uebit mozilla çaktivizon disa veçori

Në menynë rënëse, do të shohim se mund të çaktivizoni një sërë funksionesh në mënyrë që të mund të shihni vetitë e tjera.

    • Çaktivizo "cache" dhe "small print", por mund të çaktivizosh java script dhe funksione të tjera.
    • "Klikimi i biskotave" hap një faqe të madhe me një listë. Këtu, cookies individuale mund të ndryshohen ose fshihen, por tani për tani shikova pa prekur asgjë. Pasi rishikoj skedën, e mbyll dhe kaloj te pikat vijuese.
    • "Gabimet CSS" - gjithashtu hap linjat e menusë rënëse. Stilet mund të çaktivizohen. Por unë dua t'i shoh ato, kështu që klikoj në rreshtin: CSS info. Si rezultat, u hap një fletë me të gjitha stilet e integruara në temë, shtojca dhe miniaplikacione, duke rezultuar në një faqe interneti të gjatë.

« Format "- n Kur shfletoni sajtin, theksohen shiritat e faqes, formularët e abonimit dhe kërkimi. Uebmasterët kanë nevojë për këtë skedë kur krijojnë shabllone, sepse ka shumë rreshta me parametra.

Web Developer mozilla - panele të tjera për vlerësimin e faqes

    • Grafika - shfaq atributet alt - përshkrimet mbi fotot janë të theksuara. Ju mund të shikoni të gjitha faqet e faqes dhe të identifikoni se ku nuk ka përshkrime për ta rregulluar atë. Ne e dimë madhësinë e imazheve, por këtu tregojmë peshën dhe numrin e imazheve. Unë jam mirë - pesha është e vogël, çdo imazh është 3 kb. Gjeni imazhe të dëmtuara - në faqen kryesore - nuk u gjetën. Hapet një fletë e veçantë, ku ka përshkrime të të gjitha imazheve, duke përfshirë numëruesit dhe një favicon. Kur të kemi parë gjithçka, hiqni shenjat e kontrollit.
    • Ka shumë rreshta në panelin e informacionit. Unë klikoj "show id and class", ndërsa lidhjet janë të theksuara në vendndodhjen e tyre, domethënë në faqe. Kjo është shumë mbresëlënëse sepse atributet Titulli dhe foleja e dokumentit tregohen me ngjyra.
    • Pesha e dokumentit - faqja u hap, por fillimisht ishte bosh. Shkarkimi duhet të presë pak. Megjithatë, së shpejti shfaqen informacione të vlefshme për peshën e seksioneve individuale. Numri i madh i skripteve dhe madhësia e tyre janë të habitshme. Vlen të merret në konsideratë se si ato mund të reduktohen dhe zvogëlohen.
    • Lidhje nga faqja kryesore. Gjithçka merret parasysh: titulli i faqes, kategoritë, etiketat e resë kompjuterike, fotografitë, numëruesi, miniaplikacionet jvascript, komentet. U përpoqa të ndiqja disa lidhje në faqet e faqes. Adresat në komente janë të mbyllura, faleminderit, Megjithatë, numri i lidhjeve nuk zvogëlohet për shkak të veçorive të kodit Word Press, i cili është i vështirë për t'u rregulluar. Gjithsej janë 74 - 86 lidhje të brendshme, por sipas rregullave të SEO nuk lejohet që numri i tyre të kalojë 100.
    • Ka informacion në lidhje me meta etiketat e faqes kryesore.

Informacione të ndryshme

    • Të ndryshme - përmbajnë: vizore, zmadhues, redaktues html, elemente të fshehura.
    • Përvijimet - shfaq kufijtë e titujve, lidhjeve, skicave të blloqeve. Ju mund të shihni njëkohësisht skicat e dy ose tre elementeve të faqes.
    • Dimensionet - tregon dimensionet e dritares, zonën e shikimit. Është e mundur të rregulloni madhësinë e dritares dhe fontin duke shtypur butonin e zmadhimit dhe zvogëlimit.
    • Mjetet - kryhet kalimi në shërbimet e verifikuesve. Kam marrë shumë gabime CSS dhe HTMI gjatë kontrollit. Për shembull, fillimisht kontrollohet CSS dhe më pas sugjerohet skedari i stilit të saktë të krijuar.
    • Me këtë këshillë, bëra sa vijon: aktivizova një temë tjetër, të thjeshtë / shkurtimisht /. E kopjova skedarin tim të stilit, e zhvendosa në bllokun e shënimeve, e ruajta dhe e fshiva nga redaktori i faqes. Shkarkova skedarin e duhur nga verifikuesi dhe e futa në vend të timit.
    • Shkova në sit. Dhe çfarë shoh me stilet e reja, korrekte? Faqja është në vend, por cila? Pamja është e neveritshme. Shablloni është bërë me një kolonë. Tekstet janë të shtrira nga skaji në skaj, nuk ka ngjyra.
    • Prandaj, më mirë e ktheva skedarin tim me gabime CSS dhe gjithçka u rregullua. Nga ana tjetër, gabimet e vërtetimit duhet të rregullohen, por kjo nuk është ende e disponueshme për mua.

Për shfletuesin Chrom

Versioni në ueb. zhvillues për shfletuesin Chrom, nga i njëjti autor, i përmirësuar dhe plotësuar. Krahasuar me shtesën e shfletuesit Mozilla, opsionet janë paksa të ndryshme. Teksti është anglisht, por disa nga faqet hapëse janë të përkthyera.

Është më mirë kur personi është të paktën familjar me gjuhën angleze, sepse në internet ju nevojitet. Pas shfletimit të internetit. zhvilluesi, të kuptuarit e strukturës së blogut po përmirësohet.

Analiza në këtë shtesë duhet të jetë konstante, prandaj këshillohet instalimi i saj në shfletues për çdo bloger. Të paktën për të kontrolluar numrin e lidhjeve në çdo faqe.

Artikujt kryesorë të lidhur