A portfólió az elvégzett munka kiválasztása. A portfólió a legjobb munkákat mutatja, amelyek bizonyítják a legerősebb készségeket, stílusokat, munkamódszereket. A portfóliót arra használják, hogy a munkáltatókat is különböző munkák végezték jól, bizonyítsa a művész sokoldalúságát.

A művészek portfóliója magában foglalja a festmények vagy az elektronikus példányok, zenész - Audio felvételek, zeneszerző - jegyzetek, video operátor - videofelvételek töredékeit (feltételes lista, minden nehéz lehet). A webes technológiákkal kapcsolatos specialitások portfóliója közötti szignifikáns különbség az interaktivitás, mivel általában hypertext navigációjú weboldalakészletként történik. A webes portfólió szélesebb körben megtekinthető - ez egy blog, webes archívum az összes munkához, weboldalra. A webes portfólió tartalmazhat információt a szakember személyes és szakmai tulajdonságairól, fejlődésének történetét és szakmai érdekeit.

Mi a különbség a portfólió (portfólió) között az összefoglalóból (CV, Curriculum Vitae)

Összefoglalás olyan dokumentum, amely információkat tartalmaz készségek, tapasztalat, oktatási és egyéb kapcsolódó információk esetében, általában szükséges, ha figyelembe vesszük a személy jelöltsége felvételi dolgozni.

Az összefoglaló a portfólión alapulhat. Az összefoglalóból hivatkozhat a portfólióban közzétett munkára.

Hol helyezzen egy portfóliót

Opciók, amelyeket használtam, vagy kihasználnom:

• Vonzó portfolió oldalak lehet tenni a Wix helyén kivitelező - nem igényel Programozási ismeretek és rétegek - akkor még megfeleljen azoknak, akik csak tervezi, hogy vizsgálatot webes technológiák
• Github oldalak - szabad szolgáltatás A statikus információk közzététele, szorosan kapcsolódik a Github tárolókhoz
• tárolóhelyként (HTML + CSS + JS), használhatja a CODEPEN (minta http://codepen.io/copist) - sokan tetszik, mert érdekes munkák másolhatók és kísérletezhetnek
• portfólió egy blog formájában, a WordPressen alapuló szabad vagy fizetett tárhelyen
• hogy a portfólió weboldalát magának egy programozási nyelven, és helyezze el felhőszolgáltatás A Cloud9, amely szintén kényelmes fejlesztési környezet az asztali IDE helyett.

Listája portfolió speciális szolgáltatások: Hol és hogyan lehet létrehozni magának egy látogatás hely, portfolió vagy galéria [Lifehacker]

Személyes tapasztalat alapján szeretném ajánlani, hogy tárolja az összes befejezett projekt (egész weboldalak vagy egyedi weblapok) biztonsági másolatát a tárhelyen. Találkoztam azzal a ténnyel, hogy 15 évig néhány helyszínen dolgoztam már nem létezik És a rész jelentősen megváltozott. És ha van biztonsági másolat Néhány oldal vagy egy egész projekt, akkor linkeket hozhat a másolatokhoz, ha az eredeti projektek nem működnek többé, vagy sokkal megváltoztak.

Ez a WordPress blog egy fizetett megosztott hosting TheJethost egy kényelmes kezelőpanel, a JavaScript és a PHP-ben írt projektek. Bonyolultabb alapuló projektek Nodejs, Python, Ruby és PHP, azt használja Virtuális dedikált szerver a FirstVDS és DigitalOcean.

Mit kell befogadni a portfólióban?

1. Kapcsolatfelvételi adatok

Miután elolvasta a történetet a portfólióban, kapcsolatba lépni. Szükséges többféleképpen, de nem túl sok. Címek email Elég lesz, még hozzáadhat egy szolgáltatást gyors csere Üzenetek (Skype, Whatsapp vagy Telegram), a webhelyen található telefonszám nem kívánatos. Használhatja azokat a szolgáltatásokat, amelyeket az IMALE-t és a telefonszámot felveszi a képeken.

2. Életrajz (Bio, körülbelül)

Ne határozzon meg minden egyes kicsit, különösen akkor, ha több mint 10 éve tapasztalható. Csak a szakmai tevékenységekre vonatkozik. Ne használjon szabványos kifejezéseket, adjon hozzá egyéniséget. Ne használjon vicceket vagy más módon, hogy bizonyítsa a humorérzékét - ez jó karakteres tulajdonság, de az életrajz óta a portfólió kezdetén, akaratlanul lenyűgözheti a nem komoly embert.

Írj egy történetet magadról egy jó orosz nyelvről. Ez egy univerzális tanács minden alkalommal: mindent meg lehet mondani és elmagyarázni, és ha nem tud érdekes gondolatokat és érthető gondolatokat kezelni, akkor ez a piros jelölőnégyzet - ez rosszabb lesz: talán az ilyen életrajz szerzője nem tud tárgyalni a munkáltató, és nem érti a feladatot, és nem írja le a megoldást.
És két vagy három érdekes bekezdés figyeli a figyelmet, osztja meg Önt a többiek között. A hibák nélküli illetékes beszéd bizalmat okoz.

Általában azt jelzi, hogy mi vezetett az információs technológia területére - valamiféle hobbi, ötlet, szenvedély, szenvedély - mesélj róla, mert ez volt, és téged téged. Leírható, hogy ennek eredményeképpen kiderült, de nem a jól ismert technológiák felsorolása - erre más portfóliószakaszok vannak.

Jól összeállított életrajz, hogy segítsen áthelyezni a "Olvasás - és mintha egy személy már régóta ismeri a személyt." Még nem láttam még, de már beszélni akarok, és kommunikálni egy bizonyos érdekes témában.

3. Megfelelő tapasztalat (releváns tapasztalat)

Csak olyan munkákra van szükségünk, amelyek a kívánt munkához tartoznak. Talán a múltban tervező volt, vagy SEO volt, és most úgy döntöttem, hogy webes programozóvá válnak. Kizárólagos A portfólióból munka, amit nem szeretne többet csinálni, valamint azok amely nem jöhet hasznos Ebben a helyzetben dolgozik.

• Gondosan és pontosan dolgozott a SEO-nál, mindent és időben? Ok, alkalmas a pontosság bemutatására, különösen akkor, ha a hely a csúcsra jött.
• Rajzolta a helyszíni terveket? Alkalmas.
• Szállított egy csapat otthonát? Nyilvánvaló, hogy ez jó dolog, de ez az elem nem szükséges.

Ha ugyanazon a profilon új munkát keres, a portfólió eltömődött az elvégzett munkával. De mit kell csinálni? Hol kaphat munkát, ha semmi értékes még nem történt meg?

Kezdők listája:

• A diákok számára - a tiéd tanfolyam vagy minősítő munka,ha ebben a szakterületen volt.
• Felsorol egyedül végzett munkák. Tudományos munka A kemény tanterv szerint nincs idézve, "steril" munka a Codecademy és a Htmlacademy nem szükséges. Csak azok, ahol jelentős volt önálló munkavégzés. Még akkor is, ha egy független munka egy könyv tanulmányozásakor, még akkor is, ha kísérlet volt (blog, fórum, online áruház, fotógaléria), baráti projekt, osztály - osztály - ha mindent megtettél, akkor ez a munkád És az Ön tapasztalatait, értékelik őket.
• Ha egy részt vett a versenybenDe a munkád nem ment a győztesekhez - ez az Ön tapasztalatai, adjunk hozzá munkát.
• Ha egy tesztfeladat Ha a munkahelyi eszköz a munkája, akkor az eredmények bemutathatók (példa).

Minden munkához csatolnia kell egy leírást:

1. Dátum vagy végrehajtási időszak
2. Kinek és mit terveztek tenni. Ez lehet egy technikai feladat, a feladat leírását a megszokott stílusban, az elrendezés a prototípus rendszer, a grafikai elrendezés (PSD), a képernyőképet, a blokk diagram az algoritmus, a leírásban az API.
3. Mi a végén. A képernyőképek alkalmasak lesznek (nagyon jövedelmezőnek tűnnek képernyőképek javítása előtt és után), az eredményekkel vagy az aktuális webhely oldalán található biztonsági mentési oldalakra való hivatkozások, linkek a tárolóhoz forráskód.
4. Mi történt jól. Mi okozott büszkeség, öröm, inspiráció. Lehet, hogy a tiéd személyes leírás, felülvizsgálat Ügyfél a szabadúszók cseréjére, felülvizsgálat Kollégák, megjegyzések közösségi hálózatok. Talán díj Az ügyféltől vagy cégtől?
   Jelölje meg, hogy mely technikai és nem technikai készségek hasznosak vagy megjelentek.
5. (kezdőknek) Mi történt nem jó. Hogyan lehet rögzíteni.

A munkákat időrendi sorrendben kell elhelyezni, a legfrissebb első. A történelem maximális "mélysége" - 3-4 év. Az idősebbeknek törölni kell, vagy csak megemlítik őket. Azt is javasoljuk, hogy a foglalkoztatás megszünteti az ötödik munkaköri leírási pontot a portfólióból ("Mi történt nem jó ..."), hogy csak jó magáról és munkájáról. De hagyhatja el, ha rendszeresen frissíti a listát, és ebben az ötödik pontban frissítheti a hiányosságok kijavításának lehetőségét, figyelembe véve a modern ismereteket, módszereket, készségeket ("Most ...").

4. Megfelelő készségek (releváns készségek)

Nem kell őrültnek és felsorolni mindent, amit tudsz. Tarts ki amit te jöjjön a legjobban.

Ne vezessen be Itt van az, amit te szeretném tudni, vagy képesek legyek "Ez kijön az Ön számára, vagy az interjú alá esik, vagy rossz lesz, amit nem tehetsz."

4.1. Szakmai, műszaki készségek (kemény készségek)

Példa az egyik kadétom készségeinek listájára a támogatási programokról:

JavaScript programozási nyelv

• funkcionális programozás
• moduláris architektúra

jquery.

• jqueryui.
• kihívás ($ .tmpl)
• Útválasztás HTML5 ($ .ruting)

Szögletek.

• alapvető alkalmazási architektúra
• sablon
• útvonalválasztás

Mysql

• adatmodell tervezése
• indexek
• külső kulcsok
• import / export szerkezet és adatok konzol módban

• a projektfüggőség létrehozása
  • zeneszerző.
  • lugas
• előfeldolgozók
  • SCSS.
• a projektek összeszerelése
  • weboldal
  • röfög.
• a GIT Vadelity System segítségével dolgozik
  • github.
  • bitbuckket.
  • + A termék telepítése a git tárolóból az Ubuntu szerverre
• PHP programozási nyelv
  • funkcionális programozás, alapvető vezérlőkartők, objektumorientált programozás
• framing Lardavel 5 (PHP)
  • Útválasztás, egyszerűsített
  • dolgozzon az alapgal, egyszerűsítve
  • pihenés.
  • dolgozzon JSON-val.
  • adatforma feldolgozása
• CMS WordPress (PHP)
  • a témák létrehozása és változása
  • eszközök beállítása
• CMS Joomla (PHP)
  • a témák létrehozása és változása

Nagylista, nem igaz? És az egyes elemek mindegyikében meg kell határozni, hogy mely feladat megerősítheti a készségeket, azaz a hiperhivatkozások meghatározását az első portfóliópontból való munkavégzéshez. Kő, hogy nem voltak "törött" linkek.

Nagyon fontos a technikai készségek megerősítéséhez. Néha rendkívül nehéz, például az aláírt nem közzétételi megállapodás (NDA) miatt. Ebben az esetben nem tudod beilleszteni a munkájának eredményeit a portfólióban, és nem számít, mennyire meglepő, nem különbözteti meg az ugyanazon üres portfólióval rendelkező kezdő programozóval. Például ezért van egy üres profilom a felfelé, és néhány legrégebbi munkát fl.ru - több mint öt éve dolgoztam zárt projektekkel. Van tapasztalat, de nincs példa a munkára.

Ahhoz, hogy "bezárja a zenekart", meg kell jönnie és végrehajtania, amely bemutatja a készségeit. Az Ön különbsége a kezdőtől - helyesen tervezheti és gyorsan megvalósítható. Szó szerint egy pár hétvégén és kész új szolgáltatás, mint a. Ne feledje, hogy az eredményt a tárolóba hozza, és hozzátesz egy minőségi utasítást, például itt, az egyik korai vizsgálati feladatban, a linkek csökkennek.

4.2. Játéktechnikai készségek, személyes tulajdonságok (lágy készségek)

Olyan készségjegyzék, amely nem tartozik a specialitáshoz, de a munkáltatók és az ügyfelek nagyon értékelik

• Technikai levelek készségek - műszaki feladatok, üzenetek, jegyzetek írása; gyűjtsük össze az összes részletet a feladatról; szemléltet; Röviden és kompetensen írjon, lényegében érthető
• Együttműködés a csapatban - nem a problémákkal való visszavonás, hanem a megoldás; Ossza meg a feladatokat a párhuzamosan; Védje a csapat tagjait; segíteni; Ossza meg ismereteit és készségeit; Ismerje meg a csapatot; képesnek kell lennie azonosítani a csapat belső problémáit, és megtalálja a megoldásaik lehetőségeit
• Ahhoz, hogy megoldásokat találhasson - a probléma meghatározásának képessége, függetlenül a problémák megoldására, a különböző lehetőségeket próbálva, hogy ne kérjen segítséget anélkül, hogy megpróbálná eldönteni, ne üljön meg tehetetlenül a megoldásokat; Emellett értékeli a tudást - akinek milyen problémákkal kell alkalmazni, hogy a programozók nem mozdulják el a bútorokat, és a mozgók nem írnak programokat
• Ahhoz, hogy rugalmas megoldásokat tegyenek - a rövid távú üzleti igények megoldásainak gyors megváltoztatásának képessége, minimális időköltséggel, minőségi, stabilitási, megértés nélkül
• Legyen felelős a döntéseikért - a technikai megoldások megteremtésének képessége és a nehézségek és a rövid feltételek ellenére; a feladatra koncentrál; lélek
• A képesség, hogy fenntartsa a nyugalmat az elme - ne hozza a problémát az oldhatatlan, keressen konstruktív megoldásokat a problémák, hogy ne fordítsa meg a beszélgetést a vitába, ne haladjon át a személyiség, találjon ki egy utat a konfliktusokból, képes legyen megnyugtatni
• A távolról való munka képessége - hatékony készsége van együttműködés olyan kollégákkal, amelyek nem közel vannak; Független végrehajtásának technikai képességek távoli munka, megvitatása dolgozó kérdések távoli módban, összehangolása az időben a földrajzilag elosztott csapat közös rendezvények, csere megoldások távoli munkatársaival
• Képesség koncentrálni - az operációs mód gyors elérésének képességét, a működési módot, a probléma megoldásának problémáját, a feladat prioritásait, a kontroll eltávolításának képességét az oldalról a távoli üzemmóddal
• Legyen egy elkötelezett üzlet - a belső motiváció fenntartása, a csapat és a vállalat céljainak megőrzése és fenntartása, bizalom a csapatban, hűség a céghez
• A helyzetet - a helyzet alatti öltözködés, mindig kiutasítja magát, csapatot és céget a legjobb fényben

Bizonyít ilyen Személyes tulajdonságok a portfólióban - még több nehéz feladatmint a technikai készségek bizonyítása. De úgy gondoljuk, hogy a szakmai fejlődés által biztosított 15% -os technikai készségek és 85% -os személyi, így bár nehéz, nos, ez szükséges.

Van ötleted, amit tudsz bizonyít A portfólióban és hogyan kell csinálni? Cseréljük ötleteket, és a lehető leghatékonyabbá tegyük portfólióját. Annak érdekében, hogy az ügyfél vagy a munkáltató nézett és mondta - "Ó, ez a különleges az arany súlyához! Ő az, akire szükségem van! ".

Itt van egy ötlet, mivel a tesztelő a tesztelés során talált hibák készségének portfóliójában jelenítheti meg: Gyakorlati tanácsok a tesztelők portfóliójának kidolgozására.

5. Tanúsítvány, tanúsítványok, oklevelek (tanúsítás, tanúsítványok, oklevelek)

A fontosság növelése érdekében

1. csak egy lista az átadott kurzusokról
2. linkek olyan oldalakra, ahol a felsorolt \u200b\u200bleckék befejeződnek, befejezett feladatok (htmlacademy.ru, codewars.com), vagy legalábbis a beijiki eredményekért (Codecademy.com)
3. linkek a tanfolyamokhoz, ahol a virtuális tanúsítványokat kiadják
4. az online tanúsítvány (elektronikus vagy papír opció)
5. tanúsítvány, amikor offline tesztelés (elektronikus vagy papír opció)
6. magasabb vagy speciális oktatás diplomája

A negyedik és az ötödik pont - az erőforrások listája, ahol tanúsítványt kaphat:

A harmadik pont szerint - olyan szolgáltatások listája, amelyek nem igényelnek, nem nagyon szigorú értékeléssel, míg a munkáltatók és az ügyfelek figyelmet fordítanak az eredményekre:

Gyakran látom a profilok grafikus mutatóit a tudás szintjének, az úgynevezett készségsárga. Azt javaslom, hogy a szolgáltatásom kérdőívet használjak egy kötegtechnológiával egy webfejlesztő számára, hogy ilyen grafikonokat építsenek.

Az idegen nyelvek ismerete értékelhető, ezért az idegen nyelvtanfolyamok igazolása megfelelő lesz.

6. Megfelelő szociális profilok (szociális profilok)

• Github.
• LinkedIn.

A BitBucket alacsonyabb, mint a Github, de a szolgáltatás profiljára is jó. A Linkedin orosz analógja Moisikrug, találkoztam kiváló webfejlesztő profilokkal, egyenes cukorkával.

Egy jó kiegészítője lesz egy link StackOverflow, Hachcode, toster és egyéb szakmai fejlődés közösségek, különösen, ha van egy jó hírnevét.
Ha van professzionális blogja vagy professzionális csatorna a YouTube-on értékes kapcsolat a portfólióhoz.
Tegye a csúszkákat a SlideShare-re vonatkozó konferenciákról - Kiváló.

Természetesen adhatja meg a Twitter, a Facebook, a Vkontakte, ha van. Én személyesen félénk őket, mert nagy kockázatot jelent a szalagod kitöltése mindenféle nem súlyos huskies és közvélemény-kutatás, de ezek a profilok lehetővé teszik az ügyfelek vagy a munkáltató számára, hogy jobban megértsük Önt, mint személy. Általában szakmai képességei idővel nyilvánulnak hobbi, hobbi, érdeklődési kör és kapcsolatot más emberekkel (ez az úgynevezett szakmai deformáció).

7. Új tudás megszerzése (öngondoskodás, elsajátítás, készség növekvő)

"A szemhéjak - egy évszázados tanulás" az információs technológiákról szólnak. Meg kell tanulnod egy újat. És jó lenne tükrözni a portfólióban.

Találkoztam minősített szakemberekkel, akik különböző okokból, erőltetetlenül vagy tudatosan megállították a technológiákat. Egy keskeny specializációban magas szintű készségeket értek el. De az élet megváltoztatta a lakóhelyük helyét, vagy menjen távoli munka És kiderült, hogy nincsenek jó mondatokat a specializáció, és több mint 10 éves tapasztalattal rendelkezik a szűk specializáció nem elegendőek az új piacon. Néhányan nem tudják, milyen web és http vannak. Néhányan nulla adatbázisból írnak a C helyett a népszerű SQL / NOSQL megoldások használata helyett.

2003-ban elhagytam a vállalat, a fejlesztés egy számlázási rendszer a lakás-és kommunális szolgáltatások, mert úgy éreztem - én zárva egy szűk specializáció, egy technológia, nehéz lenne nekem, hogy változtatni a munkavégzés helye és a Mindörökké maradok ehhez a céghez. Most nagyon sok mindent tudok különböző Számlázás I. fizetési rendszerek és több mint két tucatnyi Programozási nyelvek. Nem mindegyik akár 50%, de meg tudom találni valaki más kódját. Ez lehetővé teszi számomra, hogy egy univerzális webfejlesztő legyen.

Egy 45 éves programozó megkérte, hogy tegyen egy tervet a technológiák tanulmányozására 5 évig ... ne hagyja ki a nyugdíjakat, és ne tegye az államtól. Igen, ha befejezi a tervet, akkor nem fog unatkozni vagy éhezni. Informatika - A leggyorsabban növekvő irány - 100% -os ismerete hasznos lesz.

És hogyan csinálsz az önkifejlesztéssel? Hol tervezel tanulni? Mit tervez tanulni? Mit tanulsz most? Mit kísérletezsz?

Mutassa be a munkáltatót, aki nem állította le a képzést. A nagylista nem írja meg, hogy ne okozza az érzés, hogy elég 10 esetben, és letölti a tetejét. A tervezéshez használjon más eszközöket, például a Todoist feladatot vagy a SmartProgress objektív szolgáltatást.

8. szakmai érdekek

Ezek csak szakmai érdekek, semmi személyes.

Ez a portfólió szakasz van szükség annak érdekében, hogy meggyőzze az ügyfél, vagy a munkáltató, hogy az Ön érdekeit metszik, és most metszi a jövőben. A közös érdekek jelenléte jó motiváló tényező és bizonyos garanciavállaló mindkét fél számára a hatékony együttműködés stabilitásának.

8.1. Jelenlegi érdekek (szakmai érdekek)

Fel kell jegyeznie a jelenlegi szakmai érdekeket, amellyel a munkáltató vagy az ügyfél meghatározza, hogy mit akar most.

Példák a szakmai érdekekre:

1. Gyakorlat a PHP fejlesztésében
2. Vizsgálja meg az Yii, a Zend és a Symfony2 kereteit.
3. Get Certificate Zend Certified PHP mérnök
4. Mélyen tudás JavaScript, Angular.js, Node.js

8.2. Szakmai célok (szakmai célok)

Az Ön érdekeit a következő 3-5 évben, hogy a munkáltató megértse hol fogsz fejlődni.

Példák szakmai célokra:

• Végezze el a webfejlesztés teljes ciklusát a tervezéshez
• Speciális használatra szakmai webeszköz (keret, CMS, CRM)
• Dolgozzon a végfelhasználókkal, az ügyfelekkel
• Hozzon létre egy nagy betöltött webes alkalmazást
• Hozzon létre egy többnyelvű webes projektet
• Multiplatform webes alkalmazás fejlesztése
• Legyen fejlesztési csapat vezetője
• Vizsgálja meg az internetes marketinget és a SEO-t
• Távolról dolgozni
• Kommunikálni angolul

Mennyire részletezett az érdekek és célok közzétételéhez - megoldani Önt. Csak a tereptárgyak körvonalazhatók (egy ilyen TODO-lista), és részletesen leírhatja az elrendezést a címkék jelzésével az időskála, amint az SmartProgress-ben történik. A tervezés kiváló készség, még akkor is, ha a terv nem valósul meg időben.

9. Fotó (fotó)

A portfólió szükségszerűen a kiváló minőségű fotó. Az emberek inkább az embereket látják. A szemek találkozása sokat megold. Az emberek bíznak maguk azoknak, akiket látnak. Valójában már úgy érzik, hogy közel állnak, és úgy tesznek, ahogy belépsz a csapatba.

Válassza ki a legmagasabb minőségű fotót. Stílus - üzlet, de nem túl szigorú (üzleti alkalmi). Az inspirációhoz - Nézd meg a Google-t a "férfi fotóportfólió" kifejezésre. Ha a fotón voltál, milyen hivatalos találkozó lenne, de a bankett elkezdett.

Alkalmazottai személyzeti osztályok panaszkodnak strand fotók fürdőruhák, bár sör körök, elbűvölő képek egy párt, valamint egy fotót egy csoportban. A sikertelen fotókat hideg időben kapják meg, amikor az arc ruhával (sál, sapka, kapucnis) zárva van. Selfie (egy hosszúkás kar vagy speciális eszköz), egy fotó a park sötét sarkában, a vad bozótokban, a szőnyeg és a régi háttérképek hátterében is negatív benyomást kelt - mintha a személy elrejti, félénk, nem kérhet barátokat vagy járókelőket, hogy képeket készítsen róla.

Próbáljon meg legalább egy kiváló minőségű fotót készíteni a stúdióban vagy az utcán. Mielőtt a portfólióba feltárna - adjon nekem egy másik, lehetőleg személyzeti kiválasztási szakembert.

10. Töltse le a verziót (nyomtatható másolat, kemény másolat)

Sokan inkább az összefoglaló vagy portfólió példánya van papíron. Összefoglaló dokumentum formájában, amely kinyomtatható vagy nyomtatóbarát portfólió webhelyet készíthet. A HR szakemberek szerint nincs "legjobb" dokumentumformátum, ezért javaslom, hogy azonos változatok legyenek pDF formátumok És Doc, csak az ODT és csak HTML esetében. Ha elmondja neked egy linket a szolgáltatáshoz, hogy mindezek a formátumok azonnal támogatják - a hatalmas köszönöm!

Javasolok, hogy adjunk hozzá egy rövid linket és QR-kódot egy nyomtatáshoz, hogy az internetportfólió online verziójához menjen egy okostelefonról vagy táblagépről. Jobb, ha a webes portfóliót a "reagáló" elrendezés (érzékeny elrendezés) támogatásával hajtják végre.

Szeretné, ha a levél kézben van? Töltse le az egész cikket elektronikus formában teljes (formátum: html vagy pdf, kötet ~ 10 oldal A4, olvasási idő 5 perc)

Keresse meg a jó weboldal fejlesztőjét vagy alkalmazásait ma nem olyan egyszerű. Különösen, ha nem tudod, milyen különleges készségekkel és tapasztalattal rendelkeznek, saját.

Sok jó ötleted van az Ön vállalkozásának, miközben nem rendelkezik technikai készségekkel az őket. Bármit is bérelsz - szabadúszó, webes stúdió vagy teljes munkaidős szakember - alaposan átmegy a jelölt fejlesztési portfólióján, különös figyelmet fordít az alábbi hat elemre.

Olyan weboldalak, amelyekre tetszik

Nyomon követheti az első benyomását a jelölt portfóliójában bemutatott munkákból. Próbáld meg magának helyezni az ügyfelek helyett ezeket a webhelyeket. Tetszik ezek a munkák? Vigyázzon nem csak a tervezésre, hanem az elrendezés minőségére, a meta címkékre és más fontos részletekre is. Nos, ha a portfólió már rendelkezik olyan weboldalon, amely sok kritériumban egybeesik a feladataival. Tehát könnyebb lesz, hogy feltételezzük, hogy elégedett-e a fejlesztő munkájának eredményével.

Helyszín teljesítménye

A weboldalaknak gyorsan be kell tölteniük, mert modern felhasználó Nem vár sokáig, amíg az oldal megnyílik. Ha az oldal nem jelenik meg az azonos másodpercben, akkor csak egy másik webhelyre megy. A Kismetrics szerint 4 és több másodpercenként letöltött webhelyek elveszíthetik a látogatók 25% -át. Vagyis hosszú terhelés esetén a négy látogató egyike el fog menni és anélkül, hogy az oldal megnyitása lenne.

Ezért azt javasoljuk, hogy ellenőrizze a sebességet néhány helyszínen a potenciális fejlesztő portfóliójából. A legegyszerűbb módja a Google Pagepeed Insights használatával.

Adja meg az oldal URL-jét az oldalon PÁLÁSOK INFORMÁCIÓK. És ellenőrizze a sebességét.

A Pagepeed Insights megmutatja a weboldal sebességét az asztalon és mobil eszköz. Ez a mutató olyan, mint a tanúsítvány értékelése. 85 a 100-ból négyből. Mindez 60 alatt van, - kettő. A PageSpeed \u200b\u200bInsights jelentés számos ajánlást is nyújt a letöltési idő javítására.

A Pagepeed Insights értékeli a helyszíni letöltés sebességét.

Ha további webhelyértékesítést szeretne kapni, próbálja meg a Pingdom honlapsebesség tesztjét, amely megmutatja a letöltési időt és az oldal méretét.

A Pingdom sebesség tesztje megmutatja a letöltési időt és az oldal méretét.

Ha a fejlesztő portfóliójának szakaszai lassan vannak betöltve, akkor egy másik jelöltet kereshet. De először beszélj vele a rendszerindítási sebességről, mert az oldalsebesség minden aspektusa a fejlesztő irányítása alatt áll. Például az ügyfél szigorúan meghatározta a teljesítményt vagy szolgáltatót, amely befolyásolta a teljesítményt.

Helyszín funkcionalitás

Teszthelyek a potenciális fejlesztő portfóliójából a funkcionalitáson. Minden tiszta, töltse ki az űrlapot, vagy vásároljon. Fontos megérteni, hogy a funkcionalitás legkisebb pontjai megakadályozhatják a kereskedelmi webhelyen történő értékesítést. Jó fejlesztőre van szüksége, aki intuitív, könnyen használható webhelyet készíthet gazdag funkciókkal és képességekkel.

Ezen mutatóknál érdemes összpontosítani:

• navigáció;
• keresés az oldalon;
• áruk válogatása és szűrése;
• áruk hozzáadása a kosárba;
• a megrendelés elhelyezésének folyamata.

Webes hozzáférhetőség

Az igazán magas színvonalú webhely létrehozása magában foglalja a felhasználói kategóriák elérhetőségét, függetlenül a szerkentyű és a számítógépek fizikai lehetőségeitől.

Ezért vizsgálja meg a jelölt portfólióját a webes elérhetőség általános ajánlásainak való megfelelés érdekében. Ez segít a Web Web Accessibility Értékelési eszközhullámban. Csak adja meg az oldalak URL-címét - A hullám jelentést készít lehetséges problémák Hozzáférhetőséggel.

Nem minden, ami a hullám jelentése valójában tudatosság, de ez a jó eszköz a potenciális hibák meghatározásához.

Tiszta kód

A tiszta kód meglehetősen szubjektív dolog, de minden esetben olyan kódként definiálható, amely könnyen olvasható és módosítható. A Clear Code fontos, mert lehetővé teszi a webhelyének gyors módosítását. Képzeld el, hogy például a frisner fejlesztője hirtelen mozog, vagy állandó munkát végez, és újra kell venned valakit, hogy dolgozzon a webhelyén. Ha a kód tiszta, akkor egy új személy sokkal könnyebb lesz, hogy gyorsan foglalkozzon vele.

Sajnos az oldalkód nagy része elrejthető tőled. Gyakran ez egy alapkód írva PHP, Ruby stb. Fontos, hogy minden itt tiszta legyen. De meg tudod nézni néhány dolgot a felszínen, amely lehet mutatók, hogy mennyit jelent a jelölt. Például a HTML validatort a World Wide Web Consortium (W3C) segítségével használhatja. Ez az eszköz megadja a HTML webhelyen található figyelmeztetések és hibák listáját.

A W3C html validátor lehetséges HTML hibák.

Szinte minden olyan hely, amelyet így tesztel, hibákkal és figyelmeztetésekkel jár, de a ez az eset Fontos a viszonylag mérsékelt mennyiség.

Személyes projektek

A legjobb webfejlesztők mindig őszintén szenvedélyesek a munkájukról, és általában sok személyes projektje van a portfólióban. Ezek lehetnek webhelyek vagy alkalmazások barátok, HTML5-játék, érdekes személyes blog stb. Értékelje ezeket a munkát a portfólióban. De figyeljen a munkák egyensúlyára is. A portfólió nem csak személyes projektekből állhat.

Nyilvánvaló, hogy a webfejlesztő nagyon fontos személy a projekthez. Végtére is felelős a márka, az online képe, valamint az ügyfelek kölcsönhatásáért. Ezért, annak érdekében, hogy ne károsítsa a saját üzletét, nagyon fontos, hogy ne tévesszen meg egy megfelelő személy választásával, amit kívánunk!

Mi legyen a programozó portfóliója? Minden hozzászóláshoz ez az, de van Általános jellemzőkAmelyre a munkáltatók figyelmet fordítanak.

Általában kezdők megpróbálják lenyűgözni a nagy portfóliót. De gyakran a munkáltató iránt érdeklő területen, nincs semmi megmutatni. Ez közvetlenül befolyásolja a béreket, és általában az a lehetőség, hogy egy személy megteszi.

Tekintsünk különböző lehetőségeket.

Programozó portfóliója

Az első dolog, ami eszébe jut, a github, és nem semmit sem: Ma teljesen minden olyan projekt és haladás van a saját munkájukban, kényelmes tárolókon tárolódnak. De ez nem olyan nehéz kezelni a git, mint pontosan pontosan az "táskát". Ez a második, amit meg fogunk érteni.

Először is, absztrakt a gondolatból, hogy a tanfolyamok és a rövid video tutorils feladatok elég lesznek ahhoz, hogy megfeleljenek a munkáltató érdekeinek. A könyvek, a YouTube, a tanár, a Projects Projects, stb.

Mi lehetne?

1. Standard projekt nem szabványos csomagolásban. Tegyük fel, hogy ugyanazt a számológépet, de egy gyönyörű animációval, vagy a válogatás megjelenítésével, szórakoztató játékot készítve.
2. A válogatásról való beszélgetés lehetetlenné válik az algoritmikus feladatokat. Ha a portfóliója ilyen megoldásokkal rendelkezik - ez egy hatalmas plusz. Ügyeljen arra, hogy megismerje a cikkeket és.
3. A komplex munkának érvényesülnie kell. Jó, ha az egységvizsgálatokkal, naplófájllal és jelvényekkel rendelkeznek a Readme-ben a szoftverek összeszerelésére és tesztelésére szolgáló szolgáltatásra.

Ne szüntesse meg az összes olyan program összefoglalását, amelyet megmagyaráztak, hogy megmagyarázzák a működési elvét, vagy ezt az eszközt. A munkáltató 100% -a ismeri ezeket a "zsetonokat", és ha tényleg szeretnél valamit megvalósítani, tegye azt, mint a lehető legnagyobb és érdekes.

Ugyanezen okból nem szükséges megmutatni a projekteket "a fejlesztési folyamatban", még akkor is, ha jól vannak -szerűen hűvösek. Íme, hogy befejezze - bátran bizonyítja. Plusz személyesen lesz az Ön számára, hogy ösztönözze a végét.

A programozó portfóliójának tartalmaznia kell, hogy mit jelent az üresedési követelmények. Például, ha ez egy Java fejlesztő állás, és az feltételeinek ismeretében Hibernate, ne legyen lusta hozzá megfelelő fejlesztést a portfólió. Továbbá ne hagyja ki az adatbázisok bevezetésének lehetőségeit: ez egy kéretlen törvény, amely releváns, ha nem minden, akkor pontosan az üres álláshelyek 99,99% -ára.

Ami a munka sorrendjét illeti, a legérdekesebbek a munkáltató számára felsoroltak, mivel az első benyomás fontos szerepet játszik, és néha meghatározó.

Szintén nem kell folytatni önéletrajzát szóban vagy más szöveges dokumentumban. Kreativitás létrehozása: Indítsa el a blogot, amelyben a munkájához kapcsolódó linkeket gyűjtik össze. Ha ez a blog is kérdései vannak az újonnan érkezőktől, és az értelmes megjegyzéseihez hasonlóan hatalmas plusz: higgy nekem, ezt nem hagyják figyelmen kívül.

Webfejlesztő portfólió

Most megyünk a leginkább lédús - az a tény, hogy nem csak olvasni, hanem "megduzzad." A webfejlesztők az aktatáskák tekintetében tele vannak káros kérdésekkel: bármilyen tudás és készség bizonyítható egy személyes webhelyen-egyoldalas vagy kapcsolat kész projektekHa ez már korábban tapasztalt tapasztalat.

Aranyszabály: Ne hagyja, hogy a munkáltató csak egy webes tervezőt gyanítsa be. Gyönyörű dekoráció - Nagyszerű, de először is megmutatja a programozó portfólióját. Mutassa be, hogy milyen funkcionalitást tud nyújtani egy weboldalt: nem postai formákkal vagy valami mást banális, hanem teljes körű eszközzel.

Például ez egy olyan webhely, amely az autóalkatrészek szállítója, amely ügyfeleivel kommunikál, nem közvetlenül, hanem az üzemeltetők révén. Csatlakoztassa a hívásokért felelős programot a webhelyre, azzal a képességgel, hogy visszaszerezze a hívás időpontját az üzemeltetőből az adatbázisban.

Például:

• van tapasztalata a MongoDB elemzésével és naplózásával;
• a vállak mögött a szerver ilyen részeinek optimalizálása;
• fejlesztés egy ilyen szerver forgatókönyvben.

Ez különösen fontos. Csak B. további információ Lehet, hogy valami ilyesmi:

• a webhely karcolásának fejlesztése;
• a készterületek finomítása;
• plug-inek telepítése a WordPresshez;
• terhelés optimalizálás stb.

De minden visszatér a munkáltató követelményeinek, hogy figyelmet fordítsunk. Például a cég szoftver logikai szakembert keres, és az elrendezés és a tervezés mások után marad. Vagy a helyzet visszafordulhat, és a követelmények teljes körűek lesznek.

Mi általában tartalmazhat névjegykártya webhelyet programozó portfóliójaként?

A Freciters programozó portfóliója

Itt nem kell megnyitni Amerikában, mivel a külsős szolgáltatások már jelenlétére utalnak a portfolió, és kitalálni a különböző üzleti kártyák nem kell.

Amint gyorsan kitöltheti a portfólióját kiváló minőségű munkával. Az Ön hatalma az, hogy választhatsz, és ha a projekt őszintén gyengébbnek tűnik - csak kövesse, igazán érdekes lehetőségek.

Nem hiszem, hogy a szabadúszó politikák túl különböznek a szokásos foglalkoztatási politikáktól, különösen, ha hosszú távú együttműködésről beszélünk. Próbáld meg érdeklődni, lenyűgözni, felismerni a munka részleteit, kérve a legmegfelelőbb kérdéseket.

Itt van egy példa arra, hogy jó választ adjon az egyik szabadúszó álláshelyre:

A küszöbérték fejlesztője azt mutatja, hogy tudja, mit tud, és mi a hozzávetőleges szintje. Ez egy igazán lenyűgöző válasz, amely erősítő, amely erős portfólió (még csak a Githubra való hivatkozások formájában) garantált irodát kaphat.

Ebben a kiválasztásban sablonokat vettek részt különböző szakmákra, de elsősorban a programozók, a webes tervezők vagy a verziók témái értékelik, mivel alkalmasabbak a tervezés és a szerkezet.

Korábban már közzétettük választásokat sablonokkal a portfólió létrehozásához. Például:

Tiszta.

Professzionális, tisztítsa meg, hogy hozzon létre egy független webfejlesztő személyes portfólióját és személyes oldalát. Tökéletes a tervezők, versek vagy programozók számára.
A sablon teljesen adaptív, hűvös az elemek megjelenésének animációja görgetés közben Teljesen érvényes kóddal.

Gorgo portfólió.

Ingyenes, nagyon tiszta és stílusos tervező portfólió sablon. Végrehajtott a minimalizmus stílusában . Szintén osztály van teljes képernyős menü.
A rács példájával a munka példája egy sakktábla, amely nagyon örül, mivel ez egy trend. Maga a munkaoldal nagyon lenyűgözött, valószínűleg a kiváló minőségű demo töltés miatt. Ha ezt a tervezést személyes oldalként kívánja használni, vigyázzon a munka minőségének kialakítására.

Lítium.

Ingyenes adaptív sablon stílusosan Lakásaki szinte minden szabadúszóra alkalmas, legyen ez egy webfejlesztő vagy fotós, mivel a faluban ismerős portfólióként van ellátva, szűrővel a munka kategóriáival és képgaléria.

Pálinka

Egy másik rendkívüli minőségi sablon személyes portfólió létrehozásához. Sok zsemle van, amit mindenki szeret: Parallaxis Hatások, a blokkok megjelenésének hatása görgetés közben, sima görgetés, különböző számlálók és természetesen a portfólió blokkja.
A sablon teljesen ingyenes, és alkalmas bármilyen szellemi szakember számára.

Kong.

Érdekes hTML sablon Portfólió tervező. Az első képernyőn elhelyezheti fotóját, bemutatja magát, és írja meg a specialitását.
A sablonban szinte minden blokkot azokat hajtják végre, amelyeket a szabványos hitelezésben használtunk.
A színskála tekintetében - megváltoztatnám. Túl méreg.

Myfolio.

Nagy adaptív egyoldalas portfólió Zöld árnyalatokban. Freelancer egyetlen és csapatfejlesztésként alkalmas. A sablont minőségi módon végezzük, és megérdemli a figyelmet.

Alapvető.

Szigorú minta kék tónusokban Portfólió létrehozásához. Beépített bootstrsp 3.2. Ha kicseréli az ikonokat az első képernyőn, használhatja szabadúszók bármely tevékenységi területét.

Kicsi

Kicsi egyoldalas HTML sablon lapos stílusban. A 100% -os magasságú három képernyőre oszlik. Első képernyő - Fénykép és rövid információ a szabadúszóról.
A második képernyő portfólió. Megjeleníti az utóbbit 8 a portfólióból a dribbleble-on működik. Ez azt jelenti, hogy mindent meg kell tennie, hogy integrálódjon, és ez minden. A képeket naprakészen fogják frissíteni, szinkron módon a Dribbleble-on.
Harmadik képernyő - Kapcsolatfelvételi adatok.

Kelvin.

Minőség, univerzális HTML5 CSS3 sablon. Nagyon emlékeztet Ceevee, ami ebben a fenti kiválasztás, de vannak bizonyos különbségek a koncepció egy blokk példákkal a munka és a diagramok kijelző szabadúszó képességeit. Lehetőség van részletes történetet készíteni magáról a különböző blokkok segítségével.

Portio.

Érdekes, univerzális minta, bár sok pillanat van, mivel nem használnám ezt: ezek hülye betűtípusok, rossz gombok. Talán valaki érdekli ezt az opciót. Mint semmilyen módon - világos színséma. Ha egy kicsit korrigált CSS stílusok, Jó eredményre jöhetsz.

Kikötő.

Ingyenes, és én is megemlíteném egy elegáns egyoldalas sablont a bootstrap alapján. Személy szerint szeretem a piros aktív elemeket. A blokk példáival dolgozik egy wisen háló formájában, és ez egy plusz. Ez a sablon kiváló megoldás lesz a létrehozáshoz web Designer orthholio vagy programozó.

Hexa.

Több lapos sablon egy csúszkával a kalapban a színséma jellemző stílusában - zöld. Ezzel a megoldással kiváló üzleti kártya webhelyet hozhat létre példákkal és egy blogmal.

Szabadúszó.

Nagy egyoldalas lapos stílusban és zöld színséma. Az első képernyő egy helyet a fotó alatt, és jobb, ha nem rontja el a stílus design által húzott az önarckép a terület tulajdonosának.
A sablon kicsi, és ez egy hatalmas plusz, mivel a "kikötők" használatára nincs szükségünk. Elkészült, meglepő módon nagyon jó minőségű. Teljesen adaptív és a bootstrap kereten alapul.

Dribble portfólió.

Egy másik minta, amelyben egy portfólió integrálva a dribbleble-szel.. Csak a legújabb művek kirakodásának testreszabása szükséges, és felejtsük el a portfólió állandó, unalmas frissítését személyes oldalán.
A sablon szigorú, modern színsémában készült. Minden nagyon tiszta.
Amellett, hogy az előző dribbble sablon, kicsi. Azt is mondanám, hogy tömör. Általában a minősítésem 10-ből 9.

Kockafej.

Nem rossz, bár egy kicsit nehéz, sablon a szabadúszó portfólió létrehozásához mint site oldal. Különféle diagramokkal rendelkezik a készségek vizuális megjelenítéséhez a tevékenységük profiljaikban - érdekes. Van egy csúszka is, amelynek van egy csúszka, és egy blokk, amely szimpatikus rács található a fényképek bemutatására használható.

Dribbleble Folio v2.

Ingyenes minta az automatikus töltött portfólióval. A webhelyről importálódik Dribbleble.. Használat előtt ez a megoldásNe felejtse el beállítani az integrációt a dribbleble profiljával.
Sajnos nincs demó.

Kikötő.

Eredeti hTML CSS. Piolet Tone Pattern Személyes webhely létrehozása. Ez egy többoldalas téma, ahol a fő dolog az egyoldalas stílusban készült, de viszont is rendelkezésre áll. házi oldalak. Alkalmas létrehozásra személyes webhely Szabadúszó Bármilyen specialitás.