Portfólio je výber vykonanej práce. Portfólio zaberá najlepšie diela, ktoré demonštrujú najsilnejšie zručnosti, štýl, pracovné metódy. Portfólio sa používa na zobrazenie zamestnávateľov, pretože rôzne práce boli vykonané dobre, dokázať všestrannosť umelca.

Portfólio umelcov zahŕňa reprodukcie obrazoviek alebo elektronických kópií, hudobníka - audio nahrávky, skladateľ - poznámky, video operátor - fragmenty video záznamov (podmienečný zoznam, všetko môže byť ťažšie). Významný rozdiel medzi portfóliom pre špeciality spojené s webovými technológiami je interaktivita, pretože sa zvyčajne vykonáva ako sada webových stránok s hypertextovým navigáciou. Webové portfólio možno zobraziť viac široko - to je blog, webový archív súborov pre všetky diela, webové stránky. Webové portfólio môžu zahŕňať informácie o osobných a profesionálnych vlastnostiach špecialistu, históriu jeho rozvojového a odborného záujmu.

Aký je rozdiel medzi portfóliom (portfólio) z súhrnu (životopis, životopis)

Zhrnutie je dokument, ktorý obsahuje informácie o zručnostiach, skúsenostiach, vzdelávaní a ďalších informáciách týkajúcich sa prípadu, zvyčajne vyžadované pri zvažovaní kandidatúry osoby na prenájom pracovať.

Zhrnutie môže byť založené na portfóliu. Zo súhrne môžete vykonať odkazy na prácu uverejnenú v portfóliu.

Kde umiestniť portfólio

Možnosti, ktoré som použil alebo využili:

• Atraktívne portfóliové stránky môžu byť vykonané pomocou staveniska Wix stránok - nevyžaduje znalosť programovania a vrstiev - to bude dokonca vyhovovať tým, ktorí plánujú len študovať webové technológie
• Stránky Github - bezplatná služba Publikovať statické informácie, úzko súvisiace s repozitormi githubu
• ako skladovacie zariadenie (HTML + CSS + JS), môžete použiť CODEPEN (Sample http://codepen.io/copist) - mnoho ľudí, ako je to, pretože zaujímavé diela možno kopírovať a experimentovať
• portfólio vo forme blogu založené na WordPress na voľnom alebo platenom hostingu
• urobte si svoje portfóliové webové stránky sami na niektorý programovací jazyk a miesto cloud Cloud9, ktorý je tiež vhodným vývojovým prostredím namiesto desktopu IDE.

Zoznam špeciálnych služieb portfólia: Kde a ako si vytvoriť stránku návštevy, portfólio alebo galériu [Lifehacker]

Na základe osobnej skúsenosti chcem odporučiť ukladať zálohové kópie všetkých dokončených projektov (celých webových stránok alebo jednotlivých webových stránok) na vašom hostingu. Stretol som sa, že za 15+ rokov niektoré stránky, na ktorých som pracoval už neexistuje A časť sa výrazne zmenila. A ak máte záložná kópia Niektoré stránky alebo celý projekt, môžete dať odkazy na svoje kópie, ak pôvodné projekty už nefungujú alebo sa zmenili.

Tento WordPress Blog sa nachádza platená zdieľaná hosting theJethost s pohodlným ovládacím panelom, existuje niekoľko projektov napísaných v Javascript a PHP. Pre zložitejšie projekty založené na Nodejs, Python, Ruby a PHP, používam virtuálny špecializovaný server na Firstvds a Digitalocean.

Čo je potrebné ubytovať v portfóliu?

1. Kontaktné údaje

Po prečítaní príbehu v portfóliu sa budete chcieť kontaktovať. Je potrebné dať niekoľko spôsobov, ale nie príliš veľa. Adresy e-mail Bude to stačiť, môžete ešte pridať službu rýchla výmena Správy (Skype, WhatsApp alebo Telegram), telefónne číslo na stránke je nežiaduce. Služby, ktoré vymením IMALE a telefónne číslo na obrázkoch.

2. Životopis (Bio, O

Nešpecifikujte každú maličkosť, najmä ak máte skúsenosti viac ako 10 rokov. Zoznam len to, čo sa vzťahuje na odborné aktivity. Nepoužívajte štandardné frázy, pridajte nejakú individualitu. Nepoužívajte vtipy alebo iný spôsob, ako preukázať zmysel pre humor - to je dobrá vlastnosť charakteru, ale keďže životopis na samom začiatku portfólia, môžete nedobrovoľne zapôsobiť na ne-vážnu osobu.

Napíšte príbeh o sebe dobrý ruský jazyk. Toto je univerzálna rada pre všetky príležitosti: všetko môže byť povedané a vysvetlené, a ak nemôžete liečiť myšlienky zaujímavé a zrozumiteľné, potom je to červené zaškrtávacie políčko - bude to horšie: snáď autorom takejto biografie nemôže rokovať zamestnávateľa, ani pochopiť úlohu ani neopisuje riešenie.
A dva alebo tri zaujímavé odseky budú mať pozornosť, prideľujú vás medzi ostatnými. Kompetentný prejav bez chýb spôsobí dôveru.

Zvyčajne naznačuje, čo vás viedlo k oblasti informačných technológií - nejaký druh hobby, myšlienky, vášne, vášne - povedz mi o tom, pretože to bolo a urobilo to, kto ste vy. Možno ho opísať, že v dôsledku toho sa ukázalo, ale nie zoznam známych technológií - na to existujú aj iné portfóliové časti.

Dobre kompilovaný životopis, ktorý vám pomôže presunúť na úroveň, ktorú hovorím "čítať - a ako keby osoba bola dlho oboznámená s osobou." Ešte som nevidel, ale už chcem hovoriť, a komunikovať už na nejakú osobitnú zaujímavú tému.

3. Vhodné skúsenosti (príslušné skúsenosti)

Potrebujeme len práce, ktoré patria do práce, ktorú chcete vykonať. Možno v minulosti ste boli dizajnér alebo urobil SEO, a teraz som sa rozhodol stať sa webovým programátorom. Exkluzívny Z portfólia práca, ktoré by ste nemali robiť viac, ako aj tí ktoré nemôžu prísť Pri práci v tejto pozícii.

• Vykonali ste prácu na SEO starostlivo a včas, urobili všetko a včas? OK, bude vhodný ako ukážka presnosti, najmä ak sa stránka dostala na vrchol.
• Nakresli ste návrhy stránok? Je vhodný.
• Doručili ste tím domov? Je jasné, že je to dobrá vec, ale táto položka nie je potrebná.

Pri vyhľadávaní novej úlohy na rovnakom profile, portfólio bolo upchaté s vykonanou prácou. Ale čo robiť nováčik? Kde získať prácu, ak nič cenné ešte neurobilo?

Zoznam prác pre začiatočníkov:

• Pre študentov - vaše alebo kvalifikovanú prácu,ak bola v tejto špecialite.
• Zoznam všetko samotné práce. Akademická práca Podľa tvrdého učebného osnov nie je citovaný, "sterilná" práca z spolurozhodovania a htmlacademy nie je potrebná. Iba tie, kde došlo k významnému nezávislá práca. Aj keď ide o nezávislú prácu pri štúdiu knihy, aj keď to bol pokus o to (blog, fórum, internetový obchod, fotogalérii), projekt pre priateľov, triedy - triedy - ak ste urobili všetko sami, potom je to vaša práca A vaše skúsenosti, sú ocenené.
• Ak zúčastnili sa súťažeAle vaša práca nešla k víťazom - toto je vaša skúsenosť, pridajte tu prácu.
• Ak skúšobná úloha Keď je vaša práca vaša práca, výsledky, ktoré môžu byť preukázané (príklad).

K každej práci musíte pripojiť popis:

1. Dátum alebo vykonanie
2. Pre koho a čo bolo plánované. To môže byť technická úloha, popis úlohy v obvyklom štýle, usporiadanie v prototypovom systéme, grafické usporiadanie (PSD), snímku obrazovky, bloková schéma algoritmu, špecifikácie na API.
3. Čo nakoniec. Budú vhodné screenshoty (budú vyzerať veľmi ziskové screenshots pred a po zlepšení), Odkazy na zálohovanie stránok s výsledkami alebo na stránke aktuálnej stránky, odkazy na úložisko zdrojový kód.
4. Čo sa stalo dobre. Čo spôsobilo hrdosť, radosť, inšpiráciu. Môže to byť tvoje osobný popis, preskúmanie Zákazník na výmene slobodných nohní, preskúmanie kolegov, komentáre v sociálne siete. Možno prize Od zákazníka alebo spoločnosti?
   Uveďte, ktoré technické a netechnické zručnosti boli užitočné alebo sa objavili.
5. (pre začiatočníkov) Čo sa stalo nie je dobré. Ako by to mohlo byť stanovené.

Je potrebné umiestniť v chronologickom poradí, najčerstvejšie. Maximálna "hĺbka" histórie - 3-4 rokov. Staršie je potrebné vymazať alebo odísť len o nich. Odporúčame tiež po zamestnaní odstrániť piaty miesto popisu práce z portfólia ("Čo sa stalo, nie je dobré ..."), takže je len dobré o sebe a ich diela. Ale môžete odísť, ak pravidelne aktualizujete zoznam a v tomto piatom bode aktualizovať možnosti na opravu nedostatkov, pričom sa zohľadnia moderné vedomosti, metódy, zručnosti ("teraz i ...").

4. Vhodné zručnosti (príslušné zručnosti)

Nie je potrebné ísť blázon a zoznam všetko, čo môžete. Vydržať čo ty najlepší.

Nezavádzajú Tu je to, čo ste chcel by som vedieť alebo byť schopný "Toto vyjde pre vás stranu: buď padne na rozhovor, alebo budete zlí, aby ste robili to, čo nemôžete."

4.1. Profesionálne, technické zručnosti (pevné zručnosti)

Príklad zoznamu zručností jedného z mojich kadetov na podporných programoch:

JavaScript Programovací jazyk

• funkčné programovanie
• modulárna architektúra

jQuery.

• jqueyui.
• výzva ($ .tmpl)
• smerovanie HTML5 ($ futing)

Angularjs.

• základná architektúra aplikácií
• Šablón
• smerovanie

MySQL

• návrh dátového modelu
• indexy
• externé kľúče
• import / exportná štruktúra a údaje v režime konzoly

• nastavenie závislosti projektu
  • skladateľ.
  • kameňa
• predprocesory
  • SCSS.
• montážne projekty
  • webpack
  • grunt.
• práca s systémom Git Versselity
  • github.
  • bitbucket.
  • + Inštalácia produktu z úložiska GIT do servera Ubuntu
• PHP Programovací jazyk
  • funkčné programovanie, základné kontrolné konštrukcie, objektovo orientované programovanie
• rÁMOVANIE LARELA 5 (PHP)
  • smerovanie, zjednodušené
  • pracovať so základňou, zjednodušeným
  • odpočinku.
  • práca s JSON.
  • formulár na spracovanie údajov
• CMS WordPress (PHP)
  • tvorba a zmena tém
  • nastavenie miniaplikácií
• CMS JOOMLA (PHP)
  • tvorba a zmena tém

Veľký zoznam, nie? A na každej z položiek je potrebné určiť, ktorá úloha môže potvrdiť zručnosti, to znamená, že určí hypertextové odkazy na prácu z prvého portfólia. Kameň, aby neboli "zlomené" odkazy.

Je veľmi dôležité potvrdiť technické zručnosti. Niekedy je to napríklad veľmi ťažké, napríklad v dôsledku podpísanej dohody o nezverejnení (NDA). V tomto prípade nebudete môcť vložiť výsledky vašej práce do portfólia a bez ohľadu na to, aké prekvapujúce, nerozlišujte s nováčikovým programátorom s rovnakým prázdnym portfóliom. Napríklad z tohto dôvodu mám prázdny profil na produkciu a niektoré najstaršie práce na FL.RU - pracoval som viac ako päť rokov s uzavretými projektmi. Existujú skúsenosti, ale neexistujú žiadne príklady práce.

Na "Zatvoriť kapelu", budete musieť prísť a implementovať, čo preukáže vaše zručnosti. Váš rozdiel od začiatočníkov - môžete navrhnúť správne a rýchlo implementovať. Doslova pár víkendov a pripravených nových služieb, ako je. Nezabudnite uverejniť výsledok v úložisku a pridajte kvalitatívne vyučovanie, ako je tu, v jednom z úloh v ranom testovaní, sú prepojenia znížené.

4.2. Notechnické zručnosti, osobné kvality (mäkké zručnosti)

Zoznam zručností, ktoré nepatria do špeciality, ale zamestnávatelia a zákazníci veľmi oceňujú

• Technické listy zručnosti - písanie technických úloh, správ, poznámky; Zhromažďujte všetky podrobnosti o úlohe; ilustrovať; napíšte krátko a kompetentne, v podstate pochopiteľné
• Spolupráca v tíme - neopakovať s problémami, ale vyriešiť spoločne; Zdieľať úlohy na strane, ktorá má robiť paralelne; Chráňte členov tímu; pomôcť; Podeľte sa o svoje vedomosti a zručnosti; Učte sa z tímu; byť schopný identifikovať vnútorné problémy tímu a nájsť možnosti pre ich riešenia
• Aby ste mohli nájsť riešenia - schopnosť definovať problém, nezávisle hľadať riešenie problémov, snaží sa o rôzne možnosti, nie požiadať o pomoc bez toho, aby sa rozhodli rozhodnúť, nesedieť bezmocne čaká na riešenia z časti; Tiež oceňuje vedomosti - komu s akým problémom je uplatniť, že programátori nepohybujú nábytkom a sťahovatelia nepísal programy
• Byť schopný prijať flexibilné riešenia - schopnosť rýchlo zmeniť svoje riešenia pre krátkodobé obchodné požiadavky, s minimálnymi časovými nákladmi, bez straty kvality, stability, porozumenia
• Zodpovedá za svoje rozhodnutia - schopnosť vykonávať technické riešenia a priviesť ich do konca, napriek ťažkostiam a krátkodobým podmienkam; sústrediť sa na úlohu; duša
• Schopnosť udržiavať pokoj mysle - neprinášajú problém na nerozpustné, nájsť konštruktívne riešenia problémov, nie prekladať konverzáciu do sporu, neprekročte osobnosť, nájsť cestu von z konfliktov, buďte schopní upokojiť
• Schopnosť pracovať na diaľku - má účinné zručnosti spolupráca s kolegami, ktoré nie sú blízko; Nezávislá implementácia technických možností Odľahčiteľná práca, diskusia o pracovných otázkach v diaľkovom režime, koordinácia času geograficky distribuovaného tímu pre spoločné podujatia, výmena riešení so vzdialenými kolegami
• Schopnosť sústrediť - Schopnosť rýchlo prejsť do prevádzkového režimu, dodržiavať režim prevádzky, problém riešenia problému, priorít úloh, schopnosť sústrediť sa v neprítomnosti ovládania zo strany s diaľkovým režimom prevádzky
• Byť vyhradeným podnikaním - schopnosť udržiavať vnútornú motiváciu, pochopiť a udržiavať ciele tímu a spoločnosti, uchovávať dôveru v tím, lojalitu spoločnosti
• Schopnosť vyzerať - šaty pod situáciou, vždy sa vystavte, tím a spoločnosť v najlepšom svetle

Ukázať taký Osobné kvality v portfóliu - ešte viac ťažká úlohapreukázať technické zručnosti. Predpokladá sa však, že profesionálny rast poskytuje o 15% technickými zručnosťami a 85% osobné, takže hoci je to ťažké, je potrebné.

Máte nápady, ktoré môžete ukázať V portfóliu a ako to urobiť? Poďme si vymeniť nápady a naše portfólio urob si čo najefektívnejšie. Takže zákazník alebo zamestnávateľ vyzeral a povedal - "Oh, táto špeciálna pre hmotnosť zlata! Je to ten, kto potrebujem! ".

Tu je nápad, keďže tester môže ukázať v portfóliu popisu zručností chýb zistených počas testovania: Praktické rady na vypracovanie portfólia pre testerov.

5. Certifikácia, certifikáty, diplomy (certifikácia, certifikáty, diplomy)

S cieľom zvýšiť význam

1. len zoznam kurzov, ktoré prešli
2. odkazy na stránky, kde sú uvedené hodiny ukončené, dokončené úlohy (htmlacademy.ru, codewars.com) alebo aspoň beijiki pre úspechy (CODECADEMY.com)
3. odkazy na kurzy, kde sa vydávajú virtuálne certifikáty
4. osvedčenie získané online (elektronické alebo papierové)
5. certifikát, keď Offline testovanie (elektronická alebo papierová možnosť)
6. diplom vyššieho alebo špeciálneho vzdelávania

Pre štvrté a piate body - zoznam zdrojov, kde môžete získať certifikát:

Podľa tretieho bodu - zoznam služieb, ktoré majú dotazníky s nie je veľmi prísnym hodnotením, zatiaľ čo zamestnávatelia a zákazníci venujú pozornosť výsledkom:

Často vidím v profiloch Grafické ukazovatele úrovne vedomostí, tzv. Navrhujem, aby som využil svoju službu dotazník o technológii stohu pre webový vývojár na vytvorenie takýchto grafov.

Znalosť cudzích jazykov sa oceňujú, takže budú vhodné certifikáty z kurzov cudzích jazykov.

6. Vhodné sociálne profily (sociálne profily)

• Github.
• Linkedin.

Bitbucket je hodnotený nižší ako github, ale odkaz na váš profil v tejto službe je tiež dobrý. Ruský analóg Linkedínu je Moisikrug, stretol som sa s vynikajúcimi profilmi webových vývojárov, rovné cukroví.

Dobrým doplnkom bude odkaz na stackoverflow, hachcode, toster a iné profesijné rozvojové komunity, najmä ak máte vysokú reputáciu.
Ak je váš profesionálny blog alebo profesionálny kanál na YouTube cenným odkazom na portfólio.
Dajte skĺznuť z konferencií na Slideshare - vynikajúce.

Môžete, samozrejme, špecifikovať svoj Twitter, Facebook, VKontakte, ak je. Osobne ich plachý, pretože existuje veľké riziko, že naplní vašu stuhu všetkými druhmi neadrálnych húb a ankety, ale tieto profily umožnia zákazníkovi alebo zamestnávateľovi, aby ste z vás lepšie pochopili ako osobu. Zvyčajne profesionálne vlastnosti v priebehu času sa prejavujú v záľube, záľuby, záujmy a vzťahy s inými ľuďmi (toto sa nazýva profesionálna deformácia).

7. Získanie nových poznatkov (samo-štúdium, zvládnutie, zvýšenie zručností)

"Otáčky - storočie učenia" je o informačných technológiách. Musíte sa naučiť novú. A bolo by pekné odrážať ho v portfóliu.

Stretol som sa s kvalifikovanými špecialistami, ktorí z rôznych dôvodov, nútene alebo vedome, prestali sledovať technológie. Dosiahli vysokú úroveň zručností v jednej úzkej špecializácii. Ale život sa zmenil na miesto bydliska alebo idú vzdialená práca A ukázalo sa, že v ich špecializácii nie sú žiadne dobré vety, a ich 10+ rokov skúseností v úzkej špecializácii nie sú na novom trhu dostatočné. Niektorí nevedia, aké webové a http sú. Niektoré písať z nulovej databázy na c namiesto použitia populárnych riešení SQL / NOSQL.

V roku 2003 som opustil spoločnosť, ktorá sa zaoberá rozvoja fakturačného systému pre bývanie a komunálne služby, pretože som sa cítil - bol som zamknutý v úzkej špecializácii, v jednej technológii by bolo pre mňa ťažké zmeniť miesto práce a Zostanem na túto spoločnosť navždy. Teraz už veľa viem o rôznych fakturácia I. platobné systémy a viem viac ako dve desiatky Programovacie jazyky. Nie všetky z nich sú ešte 50%, ale môžem zistiť v kódexe niekoho iného. To mi umožňuje byť univerzálnym webovým vývojárom.

Jeden programátor 45 rokov ho požiadal, aby urobil plán na štúdium technológií po dobu 5 rokov na tento účel ... Nenechajte si ujsť dôchodky a nie závisieť od štátu. Áno, ak dokončí plán, nebude sa nudiť alebo hladovať. Informačné technológie - Najrýchlejšie rastúcim smerom - jeho znalosť 100% bude užitočná.

A ako sa máš s vlastným vzdelaním? Kde plánujete ísť naučiť sa? Čo plánujete naučiť sa? Čo teraz študujete? Na čo experimentujete?

Ukážte zamestnávateľa, ktorý ste nezastavili svoj tréning. Veľký zoznam NEPOUŽÍVAJTE, AKO NIEKOĽKO NIEKOĽKOSTI, KTORÉ NIEKOĽKOKOĽVEK POTREBUJETE NA 10 PRIPOJENÍM ALEBO SIVOTNOSTI. Pre plánovanie, používajte iné prostriedky, ako napríklad Todoistická úloha alebo SmartProgress Cieľová služba.

8. Profesionálne záujmy

Toto sú len profesionálne záujmy, nič osobné.

Táto časť portfólia je potrebná na presvedčenie zákazníka alebo zamestnávateľa, že vaše záujmy sa teraz prelínajú a budú v budúcnosti pretínať. Prítomnosť spoločných záujmov je dobrým motivačným faktorom a určitým garantom stability efektívnej spolupráce pre obe strany.

8.1. Súčasné záujmy (profesijné záujmy)

Potrebujete zoznam aktuálnych profesijných záujmov, ktorým zamestnávateľ alebo zákazník určí, čo chcete teraz.

Príklady odborných záujmov:

1. Získajte prax pri vývoji na PHP
2. Preskúmajte rámce Yii, Zend a Symfony2.
3. Získajte certifikát Zend Certified PHP inžinier
4. Prehĺbiť vedomosti Javascript, Angular.js, Node.js

8.2. Profesionálne ciele (profesionálne ciele)

Vaše záujmy na ďalšie 3 - 5 rokov, aby zamestnávateľ pochopil kde sa vyvíjate.

Príklady profesionálnych účelov:

• Vykonajte plný cyklus vývoja webu z dizajnu do eskorty
• Vypracovať profesionálny webový nástroj (rámec, CMS, CRM alebo iný) pre niektoré špeciálne použitie
• S koncovými užívateľmi, s klientmi
• Vytvorte vysoko načítanú webovú aplikáciu
• Vytvorte viacjazyčný webový projekt
• Rozvíjať aplikáciu Multiplatform Web
• Staňte sa vodcom rozvojového tímu
• Preskúmajte internetový marketing a SEO
• Pracovať na diaľku
• Komunikovať v angličtine

Ako sa podrobne uverejní záujmy a ciele - vyriešiť vás. Iba orientačné body môžu byť načrtnuté (taký zoznam TODO), a môžete podrobne opísať usporiadanie štítkov v časovom stupnici, ako sa vykonáva v SmartProgresche. Plánovanie je vynikajúcou zručnosťou, aj keď plán nie je implementovaný včas.

9. Foto (foto)

V portfóliu by mali byť vaša kvalitná fotografia. Ľudia radšej vidieť ľudí. Stretnutie cez oči rieši veľa. Ľudia dôverujú tým, koho vidia. V skutočnosti sa už cítia, že ste blízko a predstierate, ako vstúpite do tímu.

Vyberte si fotografiu najvyššej kvality. Štýl - Business, ale nie príliš prísny (Business Casual). Pre inšpiráciu - pozrite sa do Google na frázu "Muž Photo Portfolio". Ak by ste boli na fotografii, aký druh oficiálneho stretnutia by skončil, ale banket začal.

Zamestnanci personálnych oddelení sa sťažujú na fotografie na pláži v plavkách, bare s pivom kruhov, očarujúce fotografie zo strany, ako aj fotografiu v skupine. Neúspešné fotografie sa získajú v chladnom čase, keď je tvár uzavretá oblečením (šatka, čiapka, kapucňa). Selfie (fotografia sami s predĺženým ramenom alebo špeciálnym zariadením), fotografia v tmavom rohu parku, vo voľných húštinách, na pozadí koberca a staré tapety tiež spôsobujú negatívny dojem - ako keby sa osoba skokila, plachá, Nemôžem sa pýtať priateľov alebo okoloidúcich, aby ste ho fotili.

Snažte sa, aby aspoň jedna vysoko kvalitná fotografia v štúdiu alebo na ulici. Pred vystavením portfólia - dajte mi inému, najlepšie odborník na výber zamestnancov.

10. Stiahnite si verziu (Printable Copy, Kópia)

Mnohí radšej budú mať inštanciu zhrnutia alebo portfólia na papieri. Zhrnutie vo forme dokumentu, ktorý je možné vytlačiť alebo vytvoriť sieťové portfólio. Podľa HR špecialistov neexistuje "najlepší" formát dokumentov, preto odporúčam mať rovnaké verzie formáty PDF A DOC, len v prípade ODT a len HTML. Ak vám poviete odkaz na službu, ktorú všetky tieto formáty okamžite podporujú - môj obrovský ďakujem!

Odporúčam vám, aby ste pridali krátky odkaz a QR kód na tlač, aby ste prešli do online verzie webového portfólia z smartfónu alebo tabliet. Je lepšie, ak bude webové portfólio implementované s podporou "responzívneho" rozloženia (citlivé usporiadanie).

Chcete mať tento list na ruku? Stiahnite si celý článok v elektronickej forme (formát: HTML alebo PDF, zväzok ~ 10 strán A4, Čas čítania 5 minút)

Nájdite dobrú webovú stránku developer alebo aplikácie dnes nie je tak jednoduché. Najmä ak neviete, aké špecifické zručnosti a skúsenosti by mal vlastniť.

Môžete mať veľa dobrých nápadov pre vaše podnikanie, pričom nemáte technické zručnosti na ich implementáciu. Bez ohľadu na to, čo si prenajímate - freelancer, webový štúdio alebo na plný úväzok špecialistu - dôkladne prechádza prostredníctvom portfólia kandidátskej vývoja, pričom sa venuje osobitnú pozornosť na šesť položiek opísaných nižšie.

Webové stránky, ktoré sa vám páčia

Sledujte svoj prvý dojem z diel prezentovaných v portfóliu kandidáta. Snažte sa dať sa na miesto zákazníkov týchto stránok. Páči sa vám tieto práce? Venujte pozornosť nielen na dizajn, ale aj na kvalitu usporiadania, meta tagov a ďalších dôležitých detailov. No, ak portfólio už má webovú stránku, ktorá sa zhoduje v mnohých kritériách s vašimi úlohami. Takže to bude jednoduchšie prevziať, či ste spokojní s výsledkom práce developera.

Výkonnosť lokality

Webové stránky musia rýchlo zaťažiť, pretože moderný používateľ Nebude čakať dlho, kým sa vaša stránka otvorí. Ak sa stránka nezobrazí pred ním v tej istej sekunde, bude len ísť na inú stránku. Podľa KissMetrics, stránky, ktoré sú stiahnuté 4 a viac sekúnd, môžu stratiť 25% návštevníkov. To znamená, že v prípade dlhého zaťaženia, jeden zo štyroch návštevníkov pôjde preč a bez čakania na otvorenie stránky.

Preto vám odporúčame skontrolovať rýchlosť niekoľko stránok z vášho potenciálneho vývojárskeho portfólia. Najjednoduchší spôsob, ako to urobiť, je použitie vyhľadávania Google PageSPeed.

Zadajte adresu URL stránky na stránke StopyPeed Insights. A skontrolujte jeho rýchlosť.

StopyPeed Insights zobrazia rýchlosť webovej stránky na pracovnej ploche a mobilné zariadenie. Tento ukazovateľ je ako hodnotenie v certifikáte. 85 zo 100 - firmy štyri. Všetko, čo je pod 60, - dve. PAYSPEED Insights Správa bude tiež poskytovať niekoľko odporúčaní na zlepšenie času sťahovania.

StopyPeed Insights budú hodnotiť rýchlosť stiahnutia stránky.

Ak chcete získať ďalšie hodnotenie stránok, vyskúšajte test rýchlosti Pingdom, ktorý vám ukáže čas preberania a veľkosť strany.

Test Rýchlosť Pingdom vám zobrazí čas preberania a veľkosť strany.

Ak sú etapy z portfólia vývojára načítané pomaly, môžete hľadať iného kandidáta. Najprv sa však porozprávajte s ním o zavádzacej rýchlosti, pretože nie každý aspekt rýchlosti stránky je pod kontrolou developer. Klient mohol napríklad striktne špecifikovať platformu alebo poskytovateľa, ktorý ovplyvnil výkon.

Funkčnosť stránky

Skúšobné miesta z portfólia potenciálneho developeru o funkčnosti. Všetky jasné, vyplňte formulár alebo si kúpite. Je dôležité pochopiť, že aj tie najmenšie punktovanie vo funkčnosti môže zabrániť predajom na obchodnom mieste. Potrebujete dobrý vývojár, ktorý môže urobiť intuitívne, ľahko použiteľné stránky s bohatými funkciami a funkciami.

Na týchto ukazovateľoch stojí za to zaostrenie:

• navigácia;
• hľadať na stránke;
• triedenie a filter tovaru;
• pridanie tovaru do koša;
• proces umiestnenia objednávky.

Webová dostupnosť

Vytvorenie skutočne vysoko kvalitného miesta zahŕňa jeho dostupnosť pre všetky kategórie používateľov, bez ohľadu na fyzické možnosti ich gadgets a počítačov.

Testované miesta z portfólia vášho kandidáta pre dodržiavanie všeobecných odporúčaní dostupnosti webových stránok. To vám pomôže Wave Wave Web Accessibility nástroj. Stačí zadať adresu URL stránok - Wave Generuje správu s možné problémy S prístupnosťou.

Nie všetko, čo správa vlny je skutočne povedomie, ale stále je to dobrý nástroj na určenie potenciálnych chýb.

Čistý kód

Čistý kód je pomerne subjektívna vec, ale v každom prípade môže byť definovaný ako kód, ktorý je ľahko čitateľný a modifikovať. Čistý kód je dôležitý, pretože to umožňuje rýchlo vykonať zmeny na vašich stránkach. Predstavte si napríklad, že váš vývojár Frisner sa náhle pohybuje alebo ide do trvalej práce a musíte najať niekoho nového pracovať s vašou stránkou. Ak je kód čistý, nový človek bude oveľa jednoduchšie riešiť všetko.

Nanešťastie, väčšina kódu stránky môže byť skrytá od vás. Často je to základný kód napísaný v PHP, Ruby, atď. Je dôležité, aby všetko tu bolo čisté. Ale môžete sa pozrieť na niektoré veci na povrchu, ktoré môžu byť indikátormi, koľko váš kandidát ide. Môžete napríklad použiť HTML Validator z World Wide Web Consortium (W3C). Tento nástroj vám poskytne zoznam upozornení a chýb v stránke HTML.

HTML Validator z W3C zobrazí možné chyby HTML.

Takmer každé stránky, ktoré budete testuje, bude mať chyby a upozornenia, ale v tento prípad Je dôležité relatívne mierne množstvo.

Osobné projekty

Najlepšie webové vývojári sú vždy úprimne vášniví o svojej práci a zvyčajne majú veľa osobných projektov v portfóliu. Môžu to byť lokality alebo aplikácie pre priateľov, html5-game, zaujímavé osobný blog atď. Ohodnoťte tieto práce ako všetko ostatné v portfóliu. Ale venujte si aj rovnováhu v týchto prácach. Portfólio by nemalo pozostávať len z osobných projektov.

Samozrejme, že web developer je veľmi dôležitou osobou pre váš projekt. Koniec koncov, je zodpovedný za tvár vašej značky, jeho online obraz, ako aj pre vašu interakciu so zákazníkmi. Preto, aby nedošlo k poškodeniu vlastného podnikania, je veľmi dôležité, aby ste sa nemali mýliť s výberom vhodnej osoby do tejto pozície, ktorú vám želáme!

Čo by malo byť portfólio programátora? Pre každý príspevok je to jeho, ale existuje všeobecné charakteristikyPre ktoré zamestnávatelia venujú pozornosť.

Zvyčajne začiatočníci sa snažia zapôsobiť na veľké portfólio. Ale často v oblasti, ktorá má záujem o zamestnávateľa, nemajú čo ukázať. To priamo ovplyvňuje mzdy a je vo všeobecnosti šanca, že osoba bude trvať.

Zvážte rôzne možnosti.

Portfólio programátora

Prvá vec, ktorá príde na myseľ, je GitHub, a nie pre nič: Dnes sú absolútne všetky projekty a pokrok v ich práci na nich sú uložené na výhodných archívoch. Ale nie je tak ťažké riešiť git, as čo presne skóre "aktovka". Je to s druhým, čo pochopíme.

Po prvé, abstrakt z myslenia, že úlohy z kurzov a krátkeho video tutorilu budú stačiť, aby uspokojili záujem zamestnávateľa. Budete musieť vytvoriť niečo naozaj zaujímavé, bez pomoci kníh, YouTube, učiteľa, partnera pre projekty atď.

Čo to mohlo byť?

1. Štandardný projekt v neštandardnom obale. Predpokladajme, že môžete podať rovnakú kalkulačku, ale s krásnou animáciou, alebo vizualizovať triedenie tým, že z neho urobíte zábavnú hru.
2. Keď už hovoríme o triedení, nie je možné nehovoriť o algoritmických úlohách. Ak vaše portfólio bude mať takéto riešenia - to je obrovské plus. Uistite sa, že sa zoznámte s našimi článkami a.
3. Zložitá práca musí prevládať. Je dobré, ak sú s jednotkovými testmi, protokolový súbor a odznak v ReadMe z akejkoľvek služby pre montáž a testovanie softvéru.

Nevyberajte súhrn všetkých druhov programov, ktoré boli vyzvané, aby vysvetlila princíp fungovania tohto alebo tohto nástroja. Zamestnávateľ 100% vie všetky tieto "žetóny", a ak si naozaj chcete niečo skutočne uvedomiť, urobte to tak ako je to možné a zaujímavé.

Z toho istého dôvodu nie je potrebné ukázať projekty "v procese vývoja", aj keď sú dobre v pohode. Tu je spôsob, ako dokončiť - odvážne demonštrovať. Navyše to bude osobne pre vás stimulovať, aby ste začali na konci.

Portfólio programátora musí obsahovať, čo je oznámené v požiadavkách na voľné pracovné miesto. Napríklad, ak ide o pozíciu Java Developer a v podmienkach poznania dlhodobého spánku, nenechajte sa leniví, aby ste pridali primeraný rozvoj portfóliu. Nenechajte si ujsť príležitosť zaviesť databázy: Toto je nevyžiadaný zákon, ktorý je relevantný, ak nie pre všetkých, potom presne za 99,99% voľných pracovných miest.

Pokiaľ ide o postupnosť práce, najzaujímavejšie pre zamestnávateľa boli uvedené vyššie, pretože prvý dojem zohráva dôležitú úlohu a niekedy dokonca rozhodujúce.

Tiež nie je potrebné vydať svoj životopis v programe Word alebo v inom textovom dokumente. Vytvorte tvorivosť: Spustite blog, v ktorom sa zhromažďujú odkazy na vašu prácu. Ak tento blog bude mať aj otázky od nováčikov a zmysluplné pripomienky k nim sú obrovské plus: verte mi, toto nie je ignorované.

Portfólio Web Developer

Teraz ideme na najviac šťavnaté - k tomu, že si nemôžete čítať, ale aj "zväčšiť". Web Developers, pokiaľ ide o aktovky, sú plné poškodenia: akékoľvek vedomosti a zručnosti môžu byť preukázané na osobnej stránke-jednorazovej stránke alebo kontaktu rEADY PROJEKTYAk už bolo skúsenosti skúsenosti.

Zlaté pravidlo: Nedovoľte, aby zamestnávateľ podozrenie len na web designer vo vás. Krásna dekorácia - Je to skvelé, ale v prvom rade ukážete portfólio programátora. Ukážte, akú funkčnosť môžete poskytnúť webovú stránku: nie poštovými formami alebo niečím iným banálom, ale plnohodnotným nástrojom.

To je napríklad miesto pre dodávateľa auto dielov, ktoré komunikujú so svojimi klientmi, nie sú priamo, ale prostredníctvom operátorov. Zviazať program zodpovedný za hovory na stránku, so schopnosťou obnoviť čas volania od prevádzkovateľa v databáze.

Napríklad:

• existujú skúsenosti s analýzou a prihlásením sa v mongódu;
• za ramenami optimalizácia takých častí servera;
• vývoj v takomto serverovom scenári.

To je obzvlášť dôležité. A len B. Ďalšie informácie Môžete urobiť niečo ako:

• vývoj lokality od nuly;
• zvýšenie hotových lokalít;
• inštalácia plug-inov pre WordPress;
• optimalizácia zaťaženia atď.

Ale všetko sa vracia do požiadaviek zamestnávateľa, aby sa venovala pozornosť. Napríklad spoločnosť hľadá softvérový lekársky špecialista a rozloženie a dizajn zostávajú po iných. Alebo situácia môže byť opačne a požiadavky budú plnohodnotné miesto.

Čo môže všeobecne obsahovať webovú stránku vizitky ako portfólio programátora?

Portfólio programátora Freisthers

Tu nemusíte otvoriť Ameriku, pretože služby na voľnej nohe už naznačujú prítomnosť portfólia a vymyslieť rôzne vizitky nemusíte.

Ako môžete rýchlo vyplniť svoje portfólio s vysoko kvalitnou prácou. Vašou mocou je, že si môžete vybrať, a ak sa projekt zdá byť úprimne slabý - len sledovať to, preferujte naozaj zaujímavé možnosti.

Nemyslite si, že politiky na voľnej nohe sú príliš odlišné od štandardných politík zamestnanosti, najmä ak hovoríme o dlhodobej spolupráci. Snažte sa zaujímať, zapôsobiť, rozpoznať podrobnosti o práci a pýtajú sa na najspravodlivejšie otázky.

Tu je príklad dobrej odpovede na jednu z voľných pracovných miest:

Developer z prahovej hodnoty ukazuje, že vie, čo môže, a čo je jeho približná úroveň. Toto je naozaj pôsobivé odozvy, posilnenie, ktoré je silné portfólio (dokonca len vo forme odkazov na github), môžete získať garantovanú kanceláriu.

V tomto výbere boli šablóny zahrnuté pre rôzne profesie, ale najmä témy programátorov, web dizajnérov alebo verzií sú ocenené, pretože sú vhodnejšie pre dizajn a štruktúru.

Predtým sme už zverejnili výbery so šablónmi na vytvorenie portfólia. Napríklad:

Čistý.

Professional, čistý, aby ste vytvorili osobné portfólio a osobnú stránku nezávislého webového developera. Ideálne pre dizajnérov, veršov alebo programátorov.
Šablóna je plne prispôsobená, má cool animácia vzhľadu prvkov počas rolovania S plneným platným kódom.

Gorgo portfólio.

Voľné, veľmi čisté a štýlové Šablóna dizajnérskeho portfólia. Vykonaný v štýle minimalizmu . Má tiež triedu ponuka na celú obrazovku.
Mriežka s príkladmi práce je vyrobená v príklade šachovnice, ktorá je veľmi potešená, pretože je to trend. Samotná pracovná stránka bola veľmi ohromená, pravdepodobne kvôli vysoko kvalitnému demo plneniu. Ak máte v úmysle použiť tento dizajn ako osobnú stránku, postarať sa o kvalitný dizajn samotnej práce.

Lítium.

zadarmo adaptívna šablóna v štýle PlochýKto je vhodný pre takmer každého freelanca, či už je to web developer alebo fotograf, pretože je poskytovaný na obci ako známe portfólio s filtrom podľa kategórií práce a fotogaléria.

Brandy

Ďalšie mimoriadne Šablóna kvality pre vytvorenie osobného portfólia. Má mnoho buchtov, ktoré každý miluje: Paralax Účinky, účinok vzhľadu blokov počas rolovania, hladkého posúvania, rôznych pultov a samozrejme, blok samotného portfólia.
Šablóna je absolútne voľná a vhodná pre živnostníkov akejkoľvek IT profesie.

Kong.

Zaujímavý Šablóna HTML Portfóliový dizajnér. Na prvej obrazovke môžete umiestniť svoju fotografiu, predstaviť sa a napísať svoju špecialitu.
Takmer všetky bloky v šablóne sú implementované tými, ktoré sme použili v štandardných úveroch.
Pokiaľ ide o farebný gamut - zmenila by som to. Príliš jed.

Myfolio.

Veľký adaptívne jednorazové portfólio V zelených tónoch. Vhodné ako vývoja slobody a tímov. Šablóna sa vykonáva kvalitatívne a zaslúži si pozornosť.

Základné.

Prísny vzor modrých tónov Vytvoriť portfólio. Zabudované na bootstrsp 3.2. Ak nahradíte ikony na prvej obrazovke, môžete použiť na voľnej nohe akejkoľvek oblasti činnosti.

Malý

Malý jednorazová stránka HTML šablóna v plochom štýle. Je rozdelená do troch obrazoviek s výškou 100%. Prvá obrazovka - foto a stručné informácie o freelancer.
Druhou obrazovkou je portfólio. Zobrazuje druhé 8 pracuje z vášho portfólia na DribBBLE. To znamená, že všetko, čo potrebujete urobiť, je nastaviť integráciu a to je všetko. Obrázky budú aktualizované, synchrónne s vašimi činmi na DribBble.
Tretia obrazovka - Kontaktné informácie.

Kelvin.

Kvalita, univerzálna šablóna HTML5 CSS3. Veľmi pripomína ceevee, ktorý bol v tomto výberom vyššie, ale existujú určité rozdiely v koncepte bloku s príkladmi práce a v grafoch, ktoré vykazujú voľné schopnosti. Je možné urobiť podrobný príbeh o sebe s pomocou rôznych blokov.

Portio.

Zaujímavý, univerzálny vzor, \u200b\u200baj keď existuje mnoho momentov, pretože by som ho nepoužil: to sú hlúpe fonty, zlé tlačidlá. Možno niekto túto možnosť zaujímať. Ako v žiadnom prípade - jasná farebná schéma. Ak je trochu opravený Štýly CSS, Môžete prísť k dobrému výsledku.

Port.

Voľný, a ja by som dokonca poviem elegantnú jednu stránku šablóny na základe bootstrap. Osobne sa mi páči červené aktívne prvky. Blok s príkladmi práce je vyrobený vo forme Wisen Mesh, a to je plus. Táto šablóna bude vynikajúce riešenie pre vytváranie web designer orthpholio alebo programátor.

Hexa.

Viacnásobná plochá šablóna s posuvníkom v klobúku v charakteristickom štýle farebnej schémy - zelená. Pomocou tohto riešenia môžete vytvoriť vynikajúcu stránku vizitky s príkladmi práce a blogu.

Freelancer.

Veľký jednorazová stránka v plochom štýle a zelená farebná schéma. Prvá obrazovka poskytuje miesto pod fotografiou a lepšie nie je pokaziť dizajn štýlu, ktorý je čerpaný vlastným portrétom vlastníka stránky.
Šablóna je malá, a to je obrovský plus, pretože na naše účely na použitie "portov" nie je potrebné používať. Dokončená, prekvapivo, veľmi vysoká kvalita. Je plne adaptívne a na základe rámca bootstrap.

Dribbble Portfólio.

Iný vzor, \u200b\u200bportfólio, v ktorom integrovaný s DribBBLE.. Je potrebné prispôsobiť vykladanie najnovších diel a zabudnúť na konštantnú, únavnú aktualizáciu portfólia na vašej osobnej stránke.
Šablóna je vyrobená v prísnej modernej farebnej schéme. Všetko vyzerá veľmi čisté.
Rovnako ako predchádzajúca šablóna dribbble, je to malé. Dokonca by som povedal stručný. Všeobecne platí, že moje hodnotenie je 9 z 10.

Geek.

Nie je zlé, aj keď sa cíti trochu ťažké, Šablóna na vytvorenie portfólia freelancer ako stránka stránky. Má rôzne grafy pre vizuálne zobrazenie zručností vo svojich profiloch aktivít - je to zaujímavé. K dispozícii je tiež posuvník s recenziami a blokom so sympatickou mriežkou z fotografií, ktoré možno použiť na preukázanie svojich diel.

DribBBLE FOLIO V2.

zadarmo vzor s automatickým plným portfóliom. Práce sa importujú z lokality Dribbble.. Pred použitím toto riešenieNezabudnite nakonfigurovať integráciu s vaším profilom na Dribbble.
Bohužiaľ, neexistuje žiadne demo.

Prístav.

Originál hTML CSS. Piolet Tone vzor Vytvoriť osobnú stránku. Toto je multi-stránka téma, kde sa hlavná vec vyrába v štýle jednej stránky, ale zase je tiež k dispozícii. domáce stránky. Vhodné na vytvorenie osobné stránky Freelancer Akejkoľvek špeciality.