Děláme perfektní portfolio programátorů. Jak najmout dobrého webového vývojáře: Odhadujeme portfolio, které místo v portfoliu

Portfolio je výběr provedené práce. Portfolio trvá nejlepší díla, která demonstrují nejsilnější dovednosti, styl, pracovní metody. Portfolio slouží k zobrazení zaměstnavatelů, protože byly dobře provedeny různé práce, prokázat všestrannost umělce.

Portfolio umělců zahrnuje reprodukce obrazů nebo elektronických kopií, hudebník - zvukové nahrávky, skladatele - poznámky, video operátor - fragmenty video záznamů (podmíněné seznam, vše může být obtížnější). Významný rozdíl mezi portfolia speciality spojených s webovými technologiemi je interaktivita, protože se obvykle provádí jako sada webových stránek s hypertextovou navigací. Webové portfolio lze zobrazit více široce - to je blog, webový archiv souborů pro všechny práce, webové stránky. Webové portfolio může obsahovat informace o osobních a odborných vlastnostech specialisty, historie jeho rozvoje a odborných zájmů.

Jaký je rozdíl mezi portfolio (portfolio) ze souhrnu (CV, Životopis Curriculum)

Shrnutí je dokument obsahující informace o dovednostech, zkušenostech, vzdělávání a dalších informacích souvisejících s případem, obvykle požadované při zvažování kandidatury osoby k pronájmu do práce.

Shrnutí může být založeno na portfoliu. Od souhrnu můžete provést odkazy na práci zveřejněnou v portfoliu.

Kde umístit portfolio

Možnosti, které jsem použil, nebo by využil:

  • Atraktivní portfolio lokality lze provést pomocí konstruktoru webu WIX - nevyžaduje znalost programování a vrstev - bude dokonce vyhovovat těm, kteří plánují studovat webové technologie
  • Stránky GitHub - služba zdarma Publikovat statické informace, úzce související s úložiím GitHub
  • jako úložný nástroj (HTML + CSS + JS), můžete použít Codepen (vzorek http://codepen.io/copist) - mnoho lidí, jako je to, protože zajímavé práce lze kopírovat a experimentovat
  • portfolio ve formě blogu založeného na WordPress na volný nebo placený hosting
  • udělej si své stránky portfolia na nějakém programovacím jazyce a místo v cloudová služba Cloud9, který je také vhodným vývojovým prostředím namísto desktopu IDE.

Seznam speciálních služeb portfolia: Kde a jak se vytvářet návštěva stránek, portfolia nebo galerie [Lifehacker]

Na základě osobních zkušeností chci doporučit ukládat záložní kopie všech dokončených projektů (celé webové stránky nebo jednotlivé webové stránky) na vašem hostování. Setkal jsem se s tím, že za 15 let některé stránky, na kterých jsem pracoval již neexistuje A část se významně změnila. A pokud máte záložní kopie Některé stránky nebo celý projekt můžete umístit odkazy na kopie, pokud původní projekty již nefungují nebo se změnily.

Tento wordpress blog se nachází placený sdílený hosting TEJETHOST s pohodlným ovládacím panelem, existuje několik projektů napsaných v JavaScriptu a PHP. Pro složitější projekty založené na Nodejs, Python, Ruby a PHP používám virtuální dedikovaný server na Firstvds a DigitalOcan.

Co ubytovat v portfoliu?

1. Kontaktní údaje

Po přečtení příběhu v portfoliu se budete chtít kontaktovat. Je nutné dát několik způsobů, ale ne příliš mnoho. Adresy e-mailem Bude to dost, můžete ještě přidat službu rychlá výměna Zprávy (Skype, WhatsApp nebo Telegram), telefonní číslo na webu je nežádoucí. Můžete použít služby, které nahradí imale a telefonní číslo na obrázcích.

2. Životopis (bio, asi)

Nezadávejte každou maličkost, zejména pokud zažijí více než 10 let. Seznam pouze to, co platí pro profesionální činnosti. Nepoužívejte standardní fráze, přidejte nějakou individualitu. Nepoužívejte vtipy nebo jiný způsob, jak prokázat smysl pro humor - to je dobrá vlastnost charakteru, ale od biografie na samém počátku portfolia, můžete nedobrovolně zapůsobit na ne vážnou osobu.

Napište příběh o sobě dobrý ruský jazyk. Jedná se o univerzální radu pro všechny příležitosti: vše lze říci a vysvětlit, a pokud nemůžete léčit myšlenky zajímavé a pochopitelné, pak je to červená zaškrtávací políčko - to bude horší: Možná, že autor takové biografie nemůže jednat zaměstnavatele, ani pochopit úkol ani popsat řešení.
A dva nebo tři zajímavé odstavce budou pozorovat pozornost, přidělte vás mezi ostatními. Příslušný projev bez chyb způsobí důvěru.

Obvykle naznačují, co vás vedlo k oblasti informačních technologií - nějaký hobby, nápad, vášeň, vášeň - řekni mi o tom, protože to bylo a udělal vás, kdo jste vy. To může být popsáno v důsledku toho, to se ukázalo, ale ne výpis známých technologií - pro to existují další profily portfolia.

Dobře zkompilovaná biografie, která vám pomůže přestěhovat se na úroveň I volání "číst - a jako kdyby člověk byl dlouho obeznámen s člověkem." Ještě jsem neviděl, ale už chci mluvit a komunikovat již na určitém zajímavém tématu.

3. Vhodné zkušenosti (příslušné zkušenosti)

Potřebujeme pouze práce, které patří do práce, kterou chcete provést. Snad v minulosti jste byl návrhář nebo se SEO, a teď jsem se rozhodl stát webovým programátorem. Výhradní Z portfolia práce, které byste neměli dělat víc, stejně jako ty které nemohou přijít Při práci v této poloze.

  • Provedli jste práci na SEO pečlivě a přesuně, udělal všechno a v čase? OK, bude vhodný jako ukázka přesnosti, zejména pokud místo přišlo na vrchol.
  • Nakreslili jste návrhy stránek? Je vhodný pro.
  • Dali jste domů tým? Je jasné, že je to dobrá věc, ale tato položka není potřeba.

Při hledání nové úlohy ve stejném profilu bylo portfolio ucpáno s provedenou prací. Ale co dělat začínající? Kde získat práci, pokud nic nehodnotilo?

Seznam prací pro začátečníky:

  • Pro studenty - vaše nebo kvalifikační práce,kdyby byla v této specialitě.
  • Seznam všech samotné provedené práce. Akademická práce Podle tvrdého osnov, to není citováno, "sterilní" práce z Codecademy a Htmlacademy není potřeba. Pouze ty, kde byl významný nezávislá práce. I když se jedná o nezávislou práci při studiu knihy, i když se jednalo o pokus (blog, fórum, internetový obchod, fotogalerie), projekt pro přátele, třída - třída - pokud jste udělali všechno sami, pak je to vaše práce A vaše zkušenosti, jsou oceňovány.
  • Pokud zúčastnil se soutěžeAle vaše práce nechodila do vítězů - to je vaše zkušenost, přidat práci zde.
  • Pokud testovací úkol Když je vaše práce pro práci vaše práce, jejichž výsledky lze prokázat (příklad).

Pro každou práci musíte připojit popis:

  1. Datum nebo období
  2. Pro koho a co bylo plánováno dělat. Může to být technický úkol, popis úkolu v obvyklém stylu, uspořádání v systému prototypů, grafického rozložení (PSD), screenshot, blokové schématu algoritmu, specifikace na API.
  3. Co bylo na konci. Screenshoty budou vhodné (budou vypadat velmi ziskové screenshots před a po zlepšení), odkazy na zálohování stránek s výsledky nebo na stránce aktuálního webu, odkazy na repozitář zdrojový kód.
  4. Co se stalo dobře. To, co způsobilo pýchu, radost, inspiraci. Může to být vaše osobní popis, posouzení Zákazník na výměně freelancerů, posouzení kolegové, komentáře sociální sítě. Možná cena Od zákazníka nebo společnosti?
    Uveďte, které technické a netechnické dovednosti byly užitečné nebo se objevily.
  5. (pro začátečníky) to, co se stalo dobré. Jak by to mohlo být opraveno.

Práce musí být umístěna v chronologickém pořadí, nejčerstvější první. Maximální "hloubka" historie - 3-4 roky. Starší je třeba odstranit nebo opustit pouze zmínění. Doporučujeme také po zaměstnání odstranit pátý popis úlohy bod od portfolia ("Co se stalo, není dobré ...") Takže je jen dobré o sobě a jejich práce. Ale můžete odejít, pokud budete pravidelně aktualizovat seznam a v tomto pátém bodě aktualizovat možnosti opravy nedostatků, s přihlédnutím k moderním znalostem, metodám, dovednostem ("nyní i ...").

4. Vhodné dovednosti (příslušné dovednosti)

Není třeba se šířit a seznam všeho, co můžete. Vydržet co vy nejlepší.

Nezavádějte Tady je to, co vy chtěl bych vědět nebo být schopen "To vyjde na vás, buď pádu rozhovor, nebo budete špatní dělat to, co nemůžete."

4.1. Profesionální, technické dovednosti (tvrdé dovednosti)

Příklad seznamu dovedností jednoho z mých kadetů na podpůrných programech:

  • Programovací jazyk JavaScriptu
    • funkcionální programování
    • modulární architektura
  • jquery.
    • jqueryui.
    • challenge ($ .tmpl)
    • směrování HTML5 ($ .Ruting)
  • Angularjs.
    • základní architektura aplikace
    • Šablona
    • směrovací
  • Mysql.
    • design datového modelu
    • indexy
    • externí klíče
    • import / vývozní struktura a data v režimu konzoly
    • nastavení závislosti projektu
      • hudební skladatel.
      • altánek
    • předprocesory
      • SCSS.
    • montáž projektů
      • webpack.
      • gRUNT.
    • práce s systémem Git Verselity
      • gitHub.
      • bitbuckket.
      • + Instalace produktu z úložiště GIT do serveru Ubuntu
    • PHP programovací jazyk
      • funkční programování, základní řídicí struktury, objektově orientované programování
    • rÁMOVAT LAKVER 5 (PHP)
      • směrování, zjednodušení
      • pracovat se základnou, zjednodušující
      • zbytek.
      • práce s JSON.
      • zpracování datového formuláře
    • CMS WordPress (PHP)
      • tvorba a změna témat
      • nastavení widgetů
    • CMS Joomla (PHP)
      • tvorba a změna témat

    Velký seznam, že? A na každém z položek je nutné určit, která úloha může potvrdit dovednost, tj. Pro určení hypertextových odkazů do práce z prvního bodu portfolia. Kámen tak, aby neexistovaly žádné "rozbité" odkazy.

    Je velmi důležité potvrdit technické dovednosti. Někdy je velmi obtížné, například v důsledku podepsané smlouvy o nezveřejnění (NDA). V tomto případě nebudete moci vložit výsledky své práce v portfoliu a bez ohledu na to, jak překvapující, nerozlišují s novinickým programátorem se stejným prázdným portfolia. Například z tohoto důvodu mám prázdný profil na up práci a nějaká nejstarší práce na fl.ru - pracoval jsem déle než pět let s uzavřenými projekty. Existuje zkušenost, ale neexistují žádné příklady práce.

    Chcete-li "zavřít kapelu", budete muset přijít s a implementovat, což dokazuje vaše dovednosti. Váš rozdíl od začátečníků - můžete navrhnout správně a implementovat rychle. Doslova pár víkendů a připravených nová služba. Nezapomeňte zveřejnit výsledek do úložiště a přidat kvalitativní instrukce, například zde, v jednom z úkolů včasného testu jsou odkazy sníženy.

    4.2. Notechnické dovednosti, osobní kvality (měkké dovednosti)

    Seznam dovedností, které nepatří do specializace, ale jsou velmi ceněny zaměstnavateli a zákazníky

    • Dovednosti technických písmen - psaní technických úkolů, zpráv, poznámky; shromažďovat všechny podrobnosti o úkolu; ilustrovat; krátce a kompetentně psát, v podstatě srozumitelný
    • Spolupráce v týmu - nesmí se opakovat s problémy, ale vyřešit dohromady; Sdílení úkolů na straně, která má být paralelně; Chraňte členy týmu; pomoci; Sdílejte své znalosti a dovednosti; poučit se z týmu; být schopen identifikovat interní problémy týmu a najít možnosti jejich řešení
    • Chcete-li být schopni najít řešení - schopnost definovat problém, nezávisle vyhledat řešení problémů, vyzkoušet různé možnosti, ne žádat o pomoc, aniž by se snažil rozhodnout, nesedí bezmocně čekat na řešení od části; Také oceňuje znalosti - Komu s tím, co je to problémy aplikovat, že programátoři nepohybují nábytek a stěhovatelé nepsali programy
    • Aby bylo možné učinit flexibilní řešení - schopnost rychle změnit jejich řešení pro krátkodobé obchodní požadavky, s minimálními časovými náklady, bez ztráty kvality, stability, porozumění
    • Být zodpovědný za jejich rozhodnutí - schopnost provádět technická řešení a přinést je až do konce, a to navzdory obtížím a krátkým podmínkám; soustředit se na úkol; duše
    • Schopnost udržovat klid - nepřináší problém nerozpustné, najít konstruktivní řešení problémů, nepředpokládat konverzaci do sporu, nepředpokládejte o osobnost, nenachází osobnost, najít cestu z konfliktů, být schopni se uklidnit
    • Schopnost pracovat dálkově - mít efektivní dovednosti spolupráce s kolegy, které nejsou blízko; Nezávislé implementace technických schopností Vzdálená práce, diskuse o pracovních otázkách ve vzdáleném režimu, koordinace času geograficky distribuovaného týmu pro společné akce, výměna řešení se vzdálenými kolegy
    • Schopnost soustředit se - schopnost rychle jít do provozního režimu, dodržovat režim provozu, problém vyřešit problém, priority úkolů, schopnost soustředit se v nepřítomnosti řízení ze strany se vzdáleným režimem provozu
    • Buďte vyhrazený obchod - schopnost udržovat vnitřní motivaci, pochopit a udržovat cíle týmu a společnosti, udržet důvěru v tým, loajalitu vůči společnosti
    • Schopnost podívat se pod situací, vždy vystavit, tým a společnost v nejlepším světle

    Prokázat takový Osobní vlastnosti v portfoliu - ještě více obtížný úkolnež prokázat technické dovednosti. Předpokládá se však, že profesní růst je poskytován o 15% technickými dovednostmi a 85% osobní, takže i když je to obtížné, dobře, je to nutné.

    Máte nápady, které můžete prokázat V portfoliu a jak to udělat? Pojďme si vyměnit nápady a učinit naše portfolio co nejúčinnější. Takže zákazník nebo zaměstnavatel podíval a řekl - "Oh, tento zvláštní pro hmotnost zlata! Je to ten, kdo potřebuji! ".

    Zde je myšlenka, protože tester by se mohl ukázat v portfoliu popisu dovedností chyb zjištěných během testování: Praktické rady pro vypracování portfolia pro testery.

    5. Certifikace, certifikáty, diplomy (certifikace, certifikáty, diplomy)

    Za účelem zvýšení důležitosti

    1. jen seznam kurzů, které prošly
    2. odkazy na stránky, kde jsou uvedené výuka dokončena, dokončené úkoly (htmlacademy.ru, codewars.com) nebo alespoň beijiki pro úspěchy (codecademy.com)
    3. odkazy na kurzy, kde jsou vydány virtuální certifikáty
    4. certifikát získaný online (elektronický nebo papírová volba)
    5. certifikát, pokud je testování offline (elektronický nebo papírová volba)
    6. diplom vyšší nebo speciální vzdělávání

    Pro čtvrté a páté body - seznam zdrojů, kde můžete získat certifikát:

    Podle třetího bodu - seznam služeb, které mají dotazníky s velmi přísným hodnocením, zatímco zaměstnavatelé a zákazníci věnují pozornost výsledkům:

    Často vidím v profilech grafických ukazatelů úrovně znalostí, tzv. Skill bary. Navrhuji používat svou službu dotazník na technologii zásobníku pro webový vývojář stavět tyto grafy.

    Znalost cizích jazyků jsou oceňovány, takže certifikáty z kurzů cizích jazyků budou vhodné.

    6. Vhodné sociální profily (Sociální profily)

    • GitHub.
    • LinkedIn.

    Bitbucket je oceňován nižší než GitHub, ale odkaz na váš profil v této službě je také dobrý. Ruský analog LinkedIn je Moisikrug, jsem se setkal s vynikajícími profily webových vývojářů, rovné bonbóny.

    Dobrým doplňkem bude odkazem na Stackoverflow, Hachcode, Toster a další odborné rozvojové komunity, zejména pokud máte vysokou pověst.
    Pokud je váš profesionální blog nebo profesionální kanál na Youtube, je cenným odkazem na portfolio.
    Dejte snímky z vašich konferencí na slideshare - vynikající.

    Můžete samozřejmě určit svůj Twitter, Facebook, VKontakte, pokud existuje. Já osobně je plachý, protože existuje velké riziko naplnit svou stuhou se všemi druhy ne vážných huskies a ankety, ale tyto profily umožní zákazníkovi nebo zaměstnavateli, aby vás lepší pochopení jako osoby. Obvykle se profesionální kvality v průběhu času se projevují v koníčcích, koníčcích, zájmech a vztazích s jinými lidmi (to se nazývá profesionální deformace).

    7. Získání nových znalostí (samo-studium, zvládnutí, dovednostní pěstování)

    "Oční víčka - století učení" je o informačních technologiích. Musíte se naučit nový. A bylo by hezké za to odrážet v portfoliu.

    Setkal jsem se s kvalifikovanými odborníky, kteří z různých důvodů, nuceni nebo vědomě přestali sledovat technologie. Dosáhli vysoké úrovně dovedností v jedné úzké specializaci. Ale život je změnil své místo bydliště nebo jít do vzdálená práce A ukázalo se, že v jejich specializaci nejsou žádné dobré věty a jejich 10+ let zkušeností v úzké specializaci nejsou na novém trhu dostačující. Někteří nevědí, jakou web a http jsou. Některé zápis z nulové databáze na C namísto použití populárních řešení SQL / NOSQL.

    V roce 2003 jsem opustil společnost zabývající se vývojem fakturačního systému pro bydlení a společné služby, protože jsem se cítil - jsem byl uzamčen v úzké specializaci, v jedné technologii, bylo by to pro mě obtížné změnit místo práce a Zůstanu navždy vázán na tuto společnost. Teď vím hodně hodně o jiném fakturace I. platební systémy a vím více než dva tucty Programovací jazyky. Ne všichni z nich jsou dokonce 50%, ale mohu zjistit v kodexu někoho jiného. To mi umožňuje být univerzálním webovým vývojářem.

    Jeden programátor 45 let požádal ho, aby učinil plán pro studium technologií po dobu 5 let za účelem ... ne vynechat důchody a nezávisí na státu. Ano, pokud dokončí plán, nebude nudit nebo hladovění. Informační technologie - Nejrychleji rostoucí směr - jeho znalosti o 100% budou užitečné.

    A jak se máš s vlastní vzděláním? Kde plánujete jít naučit? Co plánujete se naučit? Co teď studuješ? Na co experimentujete?

    Prokázat zaměstnavatele, že jste nezastavili školení. Velký seznam Nepište, takže nezpůsobí, že máte pocit, že jste dost pro 10 případů a stáhnout nahoře. Pro plánování použijte jiné prostředky, jako je úkol tdoist nebo objektivní služba SmartProgress.

    8. Odborné zájmy

    To jsou jen profesionální zájmy, nic osobního.

    Tato sekce portfolia je nutná k přesvědčení zákazníka nebo zaměstnavatele, že vaše zájmy se protínají a bude se protínat v budoucnu. Přítomnost společných zájmů je dobrým motivačním faktorem a určitým garantem stability účinné spolupráce pro obě strany.

    8.1. Současné zájmy (profesní zájmy)

    Je třeba seznam aktuálních profesionálních zájmů, kterým zaměstnavatel nebo zákazník určí, co chcete nyní.

    Příklady odborných zájmů:

    1. Získejte praxi v rozvoji na PHP
    2. Prozkoumejte rámce Yii, Zend a Symfony2.
    3. Získejte certifikát Zend Certified PHP Engineer
    4. Prohloubit znalosti JavaScript, angular.js, node.js

    8.2. Profesionální cíle (profesionální cíle)

    Vaše zájmy pro další 3 - 5 let, aby zaměstnavatel chápe kde se budete vyvíjet.

    Příklady profesionálních cílů:

    • Proveďte plný cyklus vývoje webu z návrhu na doprovod
    • Vypracovat profesionální webový nástroj (rámec, CMS, CRM nebo jiné) pro některé speciální použití
    • Práce s koncovými uživateli s klienty
    • Vytvořit vysoce načtenou webovou aplikaci
    • Vytvořit vícejazyčný webový projekt
    • Vyvinout multiplatformní webová aplikace
    • Staňte se vedoucím vedoucím týmu
    • Prozkoumejte internetový marketing a SEO
    • Pracovat na dálku
    • Komunikovat v angličtině

    Jak podrobně publikovat zájmy a cíle - vyřešit vás. Pouze orientační body lze nastínit (takový seznam todo) a můžete popsat rozložení podrobně s indikací štítků v časovém měřítku, jak se provádí v SmartProgress. Plánování je vynikající dovednost, i když plán není včas realizován.

    9. Foto (foto)

    V portfoliu by nutně by mělo být vaše vysoce kvalitní fotografie. Lidé raději vidí lidi. Setkání prostřednictvím očí řeší hodně. Lidé věří sami těm, které vidí. Ve skutečnosti již pocit, že jste blízko a předstíráte, jak vstoupíte do týmu.

    Vyberte si nejvyšší kvalitu fotografii. Styl - podnikání, ale ne příliš přísné (obchodní příležitostné). Pro inspiraci - podívejte se do společnosti Google na frázi "Male Foto Portfolio". Pokud jste byli na fotografii, jaký druh oficiálního setkání by skončil, ale začal banket.

    Zaměstnanci personálních oddělení si stěžují na plážové fotografie v plavkách, bar s kruhy piva, okouzlující fotografie ze strany, stejně jako fotografie ve skupině. Neúspěšné fotografie jsou získány v chladném čase, kdy je obličej uzavřen s oblečením (šátek, čepice, kapuce). Selfie (fotografie sami s prodlouženým ramenem nebo speciálním zařízením), fotografie v temném rohu parku, v divokých houšti, na pozadí koberce a staré tapety také způsobují negativní dojem - jako by osoba skrývá, plachý, Nemůžete požádat přátele ani kolemjdoucí, aby si ho fotili.

    Snažte se udělat alespoň jednu vysoce kvalitní fotografii ve studiu nebo na ulici. Před odhalením portfolia - dejte mi druhému, nejlépe odborníkovi pro výběr personálu.

    10. Verze stahování (tisknutelná kopie, tvrdá kopie)

    Mnozí dávají přednost instanci souhrnu nebo portfolia na papíře. Minimalizovat všechny záložky Souhrn ve formě dokumentu, který lze vytisknout nebo vytvořit portfolia přátelské k tiskárně. Podle osobních specialistů neexistuje žádný "nejlepší" formát dokumentu, takže doporučuji mít totožné verze formáty PDF. A doc, jen v případě ODT a jen HTML. Pokud vám řeknete odkaz na službu, kterou všechny tyto formáty okamžitě podporují - moje obrovská Děkuji!

    Doporučuji, abyste přidali krátký odkaz a QR kód na tisk a přejděte na online verzi webového portfolia ze smartphonu nebo tabletu. Je lepší, pokud bude webové portfolio implementováno s podporou "citlivé" rozložení (reagující uspořádání).

    Chcete mít tento list po ruce? Stáhněte si celý článek v elektronické podobě celé (formát: HTML nebo PDF, svazek ~ 10 stran A4, čas přečtení 5 minut)

    Najít dobrý vývojář webových stránek nebo aplikace dnes není tak snadné. Zvláště pokud nevíte, jaké konkrétní dovednosti a zkušenosti by měl vlastnit.

    Můžete mít mnoho dobrých nápadů pro vaše podnikání, zatímco neměly technické dovednosti k jejich realizaci. Ať už najmete na volné noze, web studio nebo specialista na plný úvazek - důkladně prochází portfolia rozvoje kandidáta a věnuje zvláštní pozornost šesti položek popsaných níže.

    Webové stránky, které se vám líbí

    Sledujte svůj první dojem z práce prezentovaných v portfoliu kandidáta. Snažte se dát na místo zákazníků těchto stránek. Líbí se vám tyto práce? Věnujte pozornost nejen na design, ale také na kvalitě rozvržení, meta tagů a dalších důležitých detailů. Pokud portfolio má již webové stránky, které se shoduje v mnoha kritériích s vašimi úkoly. Tak to bude snazší předpokládat, zda jste spokojeni s výsledkem práce vývojáře.

    Výkonnost stránky

    Webové stránky musí rychle zatížit, protože moderní uživatel Nebude čekat dlouho, dokud se stránka neprochází. Pokud se stránka neobjeví před ním ve stejnou sekundu, půjde prostě na jiné stránky. Podle KissMetrics, stránky, které jsou staženy 4 a více sekund ztratit 25% návštěvníků. To je v případě dlouhé zátěže jeden ze čtyř návštěvníků odejde a bez čekání na otevření stránky.

    Proto vám doporučujeme zkontrolovat rychlost několik stránek od portfolia potenciálních vývojářů. Nejjednodušší způsob, jak to udělat, je pomocí služby Google PageSpeed \u200b\u200bInsights.


    Zadejte adresu URL stránky na stránce Pagesspeed Insights. A zkontrolujte její rychlost.

    PagesPeed Insights zobrazí rychlost webu na ploše a mobilní zařízení. Tento ukazatel je jako posouzení v certifikátu. 85 z 100 - pevné čtyři. Vše, co je nižší než 60, - dva. PageSpeed \u200b\u200bInsights Zpráva bude také poskytovat několik doporučení pro zlepšení času stahování.



    PagesPeed Insights bude hodnotit rychlost stahování stránek.

    Pokud chcete získat další hodnocení stránek, zkuste testovací test stránek Pingdom, který vám ukáže čas stahování a velikost stránky.



    Speed \u200b\u200btest Pingdom vám zobrazí čas stahování a velikost stránky.

    Pokud jsou fáze z portfolia vývojářů naloženy pomalu, můžete hledat další kandidáta. Ale první, promluvte si s ním o spuštění spouštění, protože ne každý aspekt otáček stránky je pod kontrolou vývojáře. Například klient by mohl striktně určit platformu nebo poskytovatele, který ovlivnil výkon.

    Funkce webu

    Testovací stránky z portfolia potenciálního vývojáře na funkčnosti. Všechno jasné, vyplňte formulář nebo proveďte nákup. Je důležité pochopit, že i ty nejmenší proplechlé funkčnosti mohou zabránit prodeji na komerčním místě. Potřebujete dobrý vývojář, který může udělat intuitivní, snadno použitelný web s bohatými vlastnostmi a schopnostmi.

    Na těchto ukazatelích stojí za to zaostřovat:

    • navigace;
    • hledat na webu;
    • třídění a filtr zboží;
    • přidání zboží do koše;
    • procesu objednávky.

    Web Accessibility

    Vytvoření opravdu vysoce kvalitního webu zahrnuje jeho dostupnost pro všechny kategorie uživatelů, bez ohledu na fyzické možnosti jejich gadgetů a počítačů.

    Proto testovací stránky od portfolia uchazeče za dodržování obecných doporučení dostupnosti webu. To vám pomůže vyhodnocovací nástroj WAVE WELB Accessibility. Stačí zadat adresu URL stránek - vlna generuje zprávu možné problémy S dostupností.



    Ne všechno, co zpráva vlna je ve skutečnosti povědomí, ale stále je to dobrý nástroj pro určení potenciálních chyb.

    Čistý kód

    Čistý kód je poměrně subjektivní věc, ale v každém případě může být definován jako kód, který je snadno čitelný a upraven. Jasný kód je důležitý, protože umožňuje rychle provádět změny na vašem webu. Představte si například, že váš Frisner Developer se náhle pohybuje nebo jde do trvalé práce a musíte najmout někoho nového, kdo bude pracovat s vašimi stránkami. Pokud je kód čistý, bude nová osoba mnohem snazší vypořádat se rychle se vším.

    Bohužel, většina kód stránky může být skryta od vás. Často je to základní kód napsaný v PHP, Ruby atd. Je důležité, aby vše je čisté. Ale můžete se podívat na některé věci na povrchu, který může být indikátory, kolik je váš kandidát. Můžete například použít HTML Validator z World Wide Web Consortium (W3C). Tento nástroj vám poskytne seznam varování a chyb v html stránkách.



    HTML Validátor z W3C zobrazí možné chyby HTML.

    Téměř každé místo, které budete testovat, bude mít chyby a varování, ale v tento případ Je důležité relativně mírné množství.

    Osobní projekty

    Nejlepší webové vývojáři jsou vždy upřímně vášniví o své práci a obvykle mají mnoho osobních projektů v portfoliu. Ty mohou být stránky nebo aplikace pro přátele, hru html5, zajímavé osobní blog atd. Hodnotit tyto práce jako vše ostatní v portfoliu. Ale také věnujte pozornost rovnováhu v těchto pracích. Portfolio by nemělo obsahovat pouze osobní projekty.

    Samozřejmě je webový vývojář velmi důležitou osobou pro váš projekt. Koneckonců, on je zodpovědný za tvář vaší značky, jeho online obrazu, stejně jako pro vaši interakci se zákazníky. Proto, aby nedošlo k poškození vašeho vlastního podnikání, je velmi důležité, aby se nemýlila volbou vhodného člověka k této pozici, kterou Vám přejeme!

    Co by mělo být portfolio programátorů? Pro každý příspěvek je to jeho, ale tam je obecné charakteristikyPro které zaměstnavatelé věnují pozornost.

    Začátečníci se obvykle snaží zapůsobit na velké portfolio. Ale často v oblasti, která má zájem zaměstnavatele, nemají co ukázat. To přímo ovlivňuje mzdy a je obecně šance, že osoba bude trvat.

    Zvažte různé možnosti.

    Programátorové portfolio

    První věc, která přijde na mysl, je GitHub, a ne pro nic: Dnes existují naprosto všechny projekty a pokrok ve své práci na nich jsou uloženy na pohodlných úložištích. Ale není to tak těžké se vypořádat s gitem, stejně jako s tím, co přesně skóre "Aktovka". Je to s druhou pochopíme.

    Za prvé, abstrakt z myšlenky, že úkoly z kurzů a krátkých video tututorans budou dostačující, aby uspokojily zájem zaměstnavatele. Budete muset vytvořit něco opravdu zajímavého, bez pomoci knih, YouTube, učitele, partner pro projekty atd.

    Co by to mohlo být?
    1. Standardní projekt v nestandardním obalu. Předpokládejme, že můžete podat stejnou kalkulačku, ale s krásnou animací nebo vizualizovat třídění tím, že z ní zábavnou hru.
    2. Když už mluvíme o třídění, není možné zmínit algoritmické úkoly. Pokud bude vaše portfolio mít taková řešení - to je obrovské plus. Ujistěte se, že se seznámíte s našimi články a.
    3. Musí převládat komplexní práce. Je dobré, pokud jsou s testy jednotky, soubor protokolu a odznakem v readme z jakékoli služby pro montáž a testovací software.

    NEPOUŽÍVEJTE souhrn všech druhů programů, které byly povolány, aby vysvětlily zásadu provozu tohoto nebo tohoto nástroje. Zaměstnavatel 100% ví všechny tyto "čipy", a pokud si opravdu chcete něco uvědomit, udělejte to jako excitální a zajímavé.

    Ze stejného důvodu není nutné ukázat projekty "v procesu vývoje", i když jsou dobře velmi chladné. Zde je, jak dokončit - odvážně demonstrovat. Navíc bude osobně pro vás pobídku přinést začátek až do konce.

    Portfolio programátora musí zahrnovat to, co je oznámeno v požadavcích na volné místo. Například, pokud se jedná o pozici Java Developer, a v podmínkách znalostí o hibernace nebýt líný, aby do portfolia přidali odpovídající vývoj. Také nenechte si ujít možnost zavést databáze: Jedná se o nevyžádaný zákon, který je relevantní, pokud ne pro všechny, pak přesně pro 99,99% volných pracovních míst.

    Pokud jde o posloupnost práce, učinit nejzajímavější pro zaměstnavatele výše, protože první dojem hraje důležitou roli a někdy i rozhodující.

    Také není nutné vydat svůj životopis v aplikaci Word nebo jakýkoli jiný textový dokument. Vytvořit kreativitu: Spusťte blog, ve kterém budou odebrány odkazy na vaši práci. Pokud tento blog bude mít také dotazy od nováčků a vaše smysluplné komentáře k nim jsou obrovské plus: věřte mi, že to není ignorováno.

    Web Developer Portfolio.

    Teď jdeme na nejkrásnější - na to, že můžete nejen číst, ale také "bobtnání". Webové vývojáře z hlediska aktovců jsou plné újmy: jakékoli znalosti a dovednosti lze prokázat na osobním místě - jedno-stranické nebo kontakt připravené projektyPokud již dříve byl zkušenost.

    Zlaté pravidlo: Nedovolte, aby zaměstnavatel podezřelý pouze webový návrhář ve vás. Krásná dekorace - Je to skvělé, ale především zobrazíte portfolio programátora. Demonstrujte, jaká funkce můžete poskytnout webovou stránku: ne poštovními formami nebo něčím jiným banálním, ale plnohodnotným nástrojem.

    To je například místo pro dodavatele autodílů, které komunikuje se svými klienty přímo, ale prostřednictvím operátorů. Kravatu programu zodpovědný za volání na stránky, se schopností obnovit čas volání od operátora v databázi.

    Například:
    • existuje zkušenosti s analýzou a přihlášením v MongoDB;
    • za rameny optimalizací těchto částí serveru;
    • vývoj v takovém serveru scénář.

    To je obzvláště důležité. A pouze B. dodatečné informace Můžete udělat něco jako:

    • rozvoj webu od nuly;
    • definice hotových stránek;
    • instalace zásuvných modulů pro WordPress;
    • optimalizace zatížení atd.

    Ale vše se vrací k požadavkům zaměstnavatele, aby se věnovala pozornost. Například společnost hledá softwarový logický specialista a rozložení a design zůstávají po jiných. Nebo může být situace zvratná a požadavky budou plnohodnotným místem.

    Co obecně obsahovat webovou stránku vizitky jako portfolio programátorů?


    Portfolio programátora Freisthers

    Zde nemusíte otevřít Ameriku, protože služby na volné noze již naznačují přítomnost portfolia a vymyslet různé vizitky nemusí.

    Jak můžete rychle vyplnit své portfolio s vysoce kvalitními prací. Vaše moc je, že si můžete vybrat, a pokud se projekt zdá být upřímně slabý - stačí to následovat, preferovat opravdu zajímavé možnosti.

    Nemyslete si, že politiky na volné noze jsou příliš odlišné od standardních politik zaměstnanosti, zejména pokud hovoříme o dlouhodobé spolupráci. Snažte se zájem, zapůsobit, rozpoznat podrobnosti o práci, s dotazem nejpružnějších otázek.

    Zde je příklad dobré odpovědi na jednu z volných pracovních míst:

    Developer z prahové hodnoty ukazuje, že ví, co může, a jaká je jeho přibližná úroveň. Jedná se o opravdu působivou reakcí, posilování, což je silné portfolio (i jen v podobě odkazů na github), můžete získat garantovanou kancelář.

    V tomto výběru byly šablony zahrnuty pro různé profese, ale především témata programátorů, web designéry nebo verze jsou oceňovány, protože jsou vhodnější pro design a strukturu.

    Dříve jsme si zveřejnili výběr s šablonami pro vytvoření portfolia. Například:

    Čistý.

    Profesionální, vyčistit, abyste vytvořili osobní portfolio a osobní stránku nezávislého webového vývojáře. Ideální pro návrháře, verše nebo programátoři.
    Šablona je plně adaptivní, má chladný animace vzhledu prvků během rolování S plně platným kódem.

    Gorgo portfolio.

    Volný, velmi čistý a stylový Šablona portfolia designérů. Popraven ve stylu minimalismu . Má také třídu menu na celé obrazovce.
    Mřížka s příklady práce je vyrobena v příkladu šachovnice, která je velmi potěšena, protože je to trend. Samotná pracovní stránka byla velmi ohromená, pravděpodobně kvůli vysoce kvalitním demo plnění. Pokud máte v úmyslu použít tento design jako osobní stránku, postarat se o kvalitní návrh samotné práce.

    Lithium.

    Volný, uvolnit adaptivní šablona ve stylu BytKdo je vhodný pro téměř všechny freelancer, ať už je to webový vývojář nebo fotograf, protože je poskytován v obci jako známé portfolio s filtrem podle kategorií práce a fOTOGALERIE.

    Brandy

    Další mimořádný kvalitní šablona pro vytvoření osobního portfolia. Má mnoho buchterů, že každý miluje: Paralaxa Účinky, vliv vzhledu bloků během rolování, hladké rolování, různé čítače a samozřejmě blokem portfolia.
    Šablona je naprosto svobodná a vhodná pro freelancery jakéhokoliv IT profese.

    Kong.

    Zajímavý Šablona HTML Portfolio Designer.. Na první obrazovce můžete umístit fotografii, představit se a napsat svou specialitu.
    Téměř všechny bloky v šabloně jsou implementovány těmi, kteří jsme viděli ve standardních půjčkách.
    Pokud jde o barevný gamut - změní bych to. Příliš jed.

    Myffaloo.

    Velký adaptivní jedno-portfolio V zelených tónech. Vhodné jako freelancer singl a vývoj týmu. Šablona se provádí kvalitativně a zaslouží si pozornost.

    Základní.

    Přísný vzor v modrých tónech Vytvořit portfolio. Postaven na BootostrSP 3.2. Pokud nahradíte ikony na první obrazovce, můžete použít freelancery jakéhokoliv oblasti činnosti.

    Malý

    Malý jediná stránka HTML šablona v plochém stylu. Je rozdělena na tři obrazovky s výškou 100%. První obrazovka - fotografie a stručné informace o freelanceru.
    Druhá obrazovka je portfolio. Zobrazí druhý 8 pracuje z portfolia na dribble. To je vše, co potřebujete udělat, je nastavit integraci s a to je vše. Snímky budou aktualizovány samy o sobě, synchronně se svými akcemi na dribble.
    Třetí obrazovka - kontaktní informace.

    Kelvin.

    Kvalita, univerzální HTML5 CSS3 šablona. Velmi připomíná Ceevee, který byl v tomto výběru výše, ale existují některé rozdíly v pojetí bloku s příklady práce a v grafech, které zobrazují dovednosti na volné noze. Je možné vytvořit podrobný příběh o sobě s pomocí různých bloků.

    Portio.

    Zajímavý, univerzální vzor, \u200b\u200bi když existuje mnoho okamžiků, protože bych ho nepoužil: to jsou hloupá fonty, špatná tlačítka. Možná, že někdo tuto možnost zaujme. Stejně jako v žádném případě - Světlé barevné schéma. Je-li trochu opraveno CSS Styles, Můžete přijít do dobrého výsledku.

    Přístav.

    Zdarma, a já bych dokonce řekl elegantní jednu stránku šablonu založenou na bootstrapu. Osobně mám rád červené aktivní prvky. Blok s příklady práce je vyroben ve formě misky, a to je plus. Tato šablona bude vynikajícím řešením pro vytváření web Designer orthpholio nebo programátor.

    Hexa.

    Více plochý šablona s jezdec v klobouku v charakteristickém stylu barevného schématu - zelená. Pomocí tohoto řešení můžete vytvořit výbornou vizitku s příklady práce a blogu.

    Freelancer.

    Velký jediná stránka v plochém stylu a zelené barevné schéma. První obrazovka poskytuje místo pod fotografií, a lepší nebude zkazit design stylu, nakreslené autoportrét majitele webu.
    Šablona je malá, a to je obrovské plus, protože pro naše účely používat "porty" není třeba použít. Dokončena, překvapivě, velmi vysoká kvalita. Je plně adaptivní a založený na rámce bootstrapu.

    Dribble portfolio.

    Další vzor, \u200b\u200bportfolio, ve kterém integrovaný s dribble.. Je nutné přizpůsobit vykládku nejnovějších prací a zapomenout na konstantu, nediální aktualizaci portfolia na vaší osobní stránce.
    Šablona je vyrobena v přísném, moderním barevném schématu. Všechno vypadá velmi čistě.
    Stejně jako předchozí dribble šablona, \u200b\u200bje to malé. Já bych dokonce řekl stručné. Obecně platí, že moje hodnocení je 9 z 10.

    Geek.

    Není špatný, i když se cítí trochu těžké, Šablona pro vytvoření portfolia freelanceru tak jako stránka stránek. Má různé grafy pro vizuální zobrazení dovedností v jejich činnostech profilů - je zajímavé. K dispozici je také posuvník s recenzemi a blokem s sympatickou mřížkou z fotografií, které lze použít k prokázání vaší práce.

    Dribble folio v2.

    Volný, uvolnit vzor s automatickým portfolia. Práce jsou importovány z webu Dribble.. Před použitím toto řešeníNezapomeňte nakonfigurovat integraci s profilem na dribble.
    Bohužel není demo.

    Přístav.

    Originál html css. Piolet tón vzor Vytvořit osobní stránky. Jedná se o vícestránkové téma, kde je hlavní věc vyrobena ve stylu jedné stránky, ale na tahu jsou také k dispozici. domácí strany. Vhodné pro vytváření osobní stránka Freelancer. Jakákoli specialita.