Portofoliul este o selecție de lucru efectuat. Portofoliul ia cele mai bune lucrări care demonstrează cele mai puternice abilități, stil, metode de lucru. Portofoliul este folosit pentru a arăta angajatorilor ca lucrări diferite au fost bine efectuate, dovedesc versatilitatea artistului.

Portofoliul artiștilor include reproduceri ale picturilor sau copiilor electronice, muzician - înregistrări audio, compozitor - note, operator video - fragmente de înregistrări video (listă condiționată, totul poate fi mai dificil). O diferență semnificativă între portofoliu pentru specialități asociate cu tehnologiile web este interactivitatea, deoarece este de obicei efectuată ca un set de pagini web cu navigație hipertext. Portofoliul web poate fi vizualizat mai mult - acesta este un blog, arhiva web a fișierelor pentru toate lucrările, site-ul web. Portofoliul web poate include informații despre calitățile personale și profesionale ale unui specialist, istoria dezvoltării sale și a intereselor profesionale.

Care este diferența dintre portofoliul (portofoliu) din rezumat (CV, curriculum vitae)

Rezumatul este un document care conține informații despre abilități, experiență, educație și alte informații referitoare la caz, de obicei necesare atunci când ia în considerare candidatura unei persoane pentru angajarea de a lucra.

Rezumatul poate fi bazat pe portofoliu. Din rezumat puteți face referiri la locul de muncă publicat în portofoliu.

Unde să plasați un portofoliu

Opțiuni pe care le-am folosit sau ar profita de:

• Site-urile de portofoliu atractiv pot fi realizate utilizând constructorul site-ului Wix - nu necesită cunoștințe despre programare și straturi - se potrivește chiar celor care intenționează doar să studieze tehnologiile web
• Pagini GitHub - serviciu gratuit Pentru a publica informații statice, strâns legate de depozitele GitHub
• ca unitate de depozitare (HTML + CSS + JS), puteți utiliza CodePen (eșantion http://codepen.io/copist) - mulți oameni îi plac, deoarece lucrările interesante pot fi copiate și experimentare
• portofoliu sub forma unui blog bazat pe WordPress pe o hosting gratuit sau plătit
• asigurați-vă site-ul dvs. de portofoliu pe un limbaj de programare și plasați-l în cloud Service. Cloud9, care este, de asemenea, un mediu de dezvoltare convenabil în locul desktop IDE.

Lista de portofoliu Servicii de specialitate: unde și cum să vă creați un site de vizită, portofoliu sau galerie [Lifehacker]

Pe baza experienței personale, vreau să vă recomand să stocați copii de rezervă ale tuturor proiectelor completate (site-uri întregi sau pagini web individuale) pe găzduirea dvs. Am întâmpinat faptul că timp de 15 ani câteva site-uri pe care le-am lucrat nu mai există Iar partea sa schimbat semnificativ. Și dacă aveți copie de rezervă Unele pagini sau un întreg proiect, puteți pune link-uri la copiile dvs. dacă proiectele originale nu mai funcționează sau s-au schimbat mult.

Acest blog WordPress este situat pe un grup de gazduire partajat, cu un panou de control convenabil, există mai multe proiecte scrise în JavaScript și PHP. Pentru proiecte mai complexe bazate pe NODEJS, Python, Ruby și PHP, folosesc serverul virtual dedicat pe First și Digitalocean.

Ce să găzduiți în portofoliu?

1. Detalii de contact

După ce ați citit povestea din portofoliu cu dvs., veți dori să contactați. Este necesar să se ofere mai multe moduri, dar nu prea mult. Adrese e-mail Va fi de ajuns, puteți adăuga încă un serviciu schimbul rapid Mesaje (Skype, Whatsapp sau Telegram), numărul de telefon de pe site este nedorit. Puteți utiliza serviciile pe care le voi înlocui pe Imale și numărul de telefon în imagini.

2. Biografie (bio, aproximativ)

Nu specificați fiecare minciună, mai ales dacă aveți mai mult de 10 ani. Listează numai ceea ce se aplică activităților profesionale. Nu utilizați fraze standard, adăugați o anumită individualitate. Nu folosiți glume sau alt mod de a demonstra un sentiment de umor - aceasta este o trăsătură bună de caracter, dar din moment ce biografia de la începutul portofoliului, puteți impresiona involuntar o persoană non-serioasă.

Scrieți o poveste despre dvs. o limbă bună rusă. Acesta este un consiliu universal pentru toate ocaziile: totul poate fi spus și explicat și, dacă nu puteți trata gândurile interesante și de înțeles, atunci aceasta este caseta de selectare roșie - va fi mai rău: poate autorul unei astfel de biografii nu poate negocia cu Angajatorul, nici nu înțeleg sarcina și nici nu descrie soluția.
Și două sau trei paragrafe interesante vor garanta atenția, vă alocă printre celelalte. Discursul competent fără erori va provoca încredere.

Indicați de obicei ceea ce vă condus în zona tehnologiei informației - un fel de hobby, idee, pasiune, pasiune - spune-mi despre asta, pentru că a fost asta și te-a făcut cine ești tu. Acesta poate fi descris ca, ca rezultat, sa dovedit, dar nu listarea de tehnologii bine cunoscute - pentru aceasta există alte secțiuni de portofoliu.

Biografia bine compilată pentru a vă ajuta să vă deplasați la nivelul de nivel I "Citiți - și ca o persoană a fost familiarizată de mult cu o persoană". Nu am văzut încă, dar deja vreau să vorbesc și să comunice deja pe un anumit subiect interesant.

3. Experiență adecvată (experiență relevantă)

Avem nevoie doar de lucrări care aparțin muncii pe care doriți să le efectuați. Poate că în trecut ai fost un designer sau a făcut SEO și acum am decis să devin un programator web. Exclusiv Din portofoliul celor muncă, pe care nu ați dori să faceți mai mult, precum și cele care nu pot veni la îndemână Când lucrați în această poziție.

• Ați efectuat lucrul la SEO cu atenție și punctual, a făcut totul și în timp? OK, va fi potrivit ca o demonstrație a acurateței, mai ales dacă site-ul a venit în partea de sus.
• Ați desemnat modelele de site-uri? Este potrivit pentru.
• Ai oferit o echipă acasă? Este clar că acesta este un lucru bun, dar acest element nu este necesar.

Când căutați un nou loc de muncă pe același profil, portofoliul a fost înfundat cu munca efectuată. Dar ce să faci novice? Unde să obțineți un loc de muncă dacă nu a fost încă făcut nimic valoros?

Lista de lucrări pentru începători:

• Pentru studenți - al tău curs sau muncă de calificare,dacă era în această specialitate.
• Listează totul singur a efectuat lucrări. Lucrare academica Conform curriculum-ului dur, nu este citat, lucrarea "sterilă" de la codecademică și Htmlacademy nu este necesară. Numai cei în care a existat o semnificație semnificativă muncă independentă. Chiar dacă este o lucrare independentă atunci când studiați o carte, chiar dacă a fost o încercare de a face (blog, forum, magazin online, galerie foto), proiect pentru prieteni, clasa - clasa - dacă ai făcut totul singur, atunci asta e treaba ta Și experiența dvs., sunt apreciați.
• În cazul în care un participarea la concursDar munca ta nu a mers la câștigători - aceasta este experiența ta, adaugă locul de muncă aici.
• În cazul în care un test sarcina. Când un dispozitiv de lucru este munca dvs., rezultatele care pot fi demonstrate (exemplu).

Pentru fiecare lucrare trebuie să atașați o descriere:

1. Data sau perioada de execuție
2. Pentru cine și ce a fost planificat să facă. Poate fi o sarcină tehnică, o descriere a sarcinii în stil obișnuit, layout-ul din sistemul de prototipare, aspectul grafic (PSD), screenshot-ul, diagrama bloc a algoritmului, specificația de pe API.
3. Ce a făcut în cele din urmă. Imaginile de ecran vor fi potrivite (vor arata foarte profitabile imagini înainte și după îmbunătățire), referințe la paginile de backup cu rezultate sau pe pagina site-ului curent, link-uri către depozitare cod sursa.
4. Ce sa întâmplat bine. Ce a cauzat mândrie, bucurie, inspirație. Poate fi al tău descriere personala, revizuire Client la schimbul de freelancers, revizuire colegii, comentarii în retele sociale. Poate premiu De la client sau companie?
   Indicați ce abilități tehnice și non-tehnice au fost utile sau apărute.
5. (Pentru începători) ce sa întâmplat nu este bun. Cum ar putea fi rezolvată.

Lucrările trebuie să fie plasate în ordine cronologică, mai întâi cea mai proaspătă. Maximă "adâncime" a istoriei - 3-4 ani. Mai în vârstă trebuie să ștergeți sau să lăsați doar mențiuni despre ele. De asemenea, recomandăm după locul de muncă pentru a elimina punctul de vedere al cincea loc de muncă din portofoliu ("Ceea ce sa întâmplat nu este bun ..."), astfel încât să existe doar despre tine și despre lucrările lor. Dar puteți pleca, dacă actualizați în mod regulat lista și în acest cincime punct pentru a actualiza opțiunile de corectare a deficiențelor, luând în considerare cunoștințele, metodele, abilitățile moderne (acum ... ").

4. Abilități adecvate (abilități relevante)

Nu este nevoie să mergeți nebun și să enumerați tot ce puteți. Rezista ce tu vino cel mai bun.

Nu introduceți Aici este ceea ce tu aș vrea să știu sau să pot "Acest lucru va ieși din partea voastră: fie căderea interviului, fie veți fi răi să faceți ceea ce nu puteți."

4.1. Abilități profesionale, tehnice (abilități grele)

Un exemplu de listă de abilități ale unuia dintre cadetele mele privind programele de asistență:

Limba de programare JavaScript.

• programare funcțională
• arhitectura modulară

jquery.

• jQueryui.
• provocare ($ .tmpl)
• routing HTML5 ($ .RUTING)

Angularjs.

• arhitectura de aplicații de bază
• Șablon
• rutarea

Mysql.

• proiectarea modelului de date
• indexuri
• taste externe.
• import / export structura și datele în modul consolă

• configurarea dependenței de proiect
  • compozitor.
  • bower.
• preprocesoare
  • SCSS.
• asamblarea proiectelor
  • webpack.
  • grunt.
• lucrul cu sistemul GIT de vergelitate
  • github.
  • bitbuckket.
  • + Instalarea produsului din depozitul GIT la serverul Ubuntu
• Limba de programare PHP
  • programare funcțională, structuri de bază de bază, programare orientată pe obiecte
• Încadrarea Laravel 5 (PHP)
  • rutare, simplificată
  • lucrați cu baza, simplistă
  • odihnă.
  • lucrați cu JSON.
  • procesarea formei de date
• CMS WordPress (PHP)
  • crearea și schimbarea subiectelor
  • configurarea widget-urilor
• CMS Joomla (PHP)
  • crearea și schimbarea subiectelor

Listă mare, nu-i așa? Și pe fiecare dintre elementele este necesar să specificați ce locuri de muncă poate confirma abilitatea, adică să specificați hyperlink-urile de a lucra din primul punct de portofoliu. Piatra, astfel încât să nu existe legături "sparte".

Este foarte important să se confirme abilitățile tehnice. Uneori este extrem de dificil, de exemplu, datorită acordului semnat de non-dezvăluire (NDA). În acest caz, nu veți putea introduce rezultatele muncii dvs. în portofoliu și, indiferent cât de surprinzătoare, nu distingeți cu un programator de novice cu același portofoliu gol. De exemplu, din acest motiv, am un profil gol pe upwork și o cea mai veche lucrare pe fl.ru - am lucrat mai mult de cinci ani cu proiecte închise. Există experiență, dar nu există exemple de muncă.

Pentru a "închide trupa", va trebui să veniți și să implementați, ceea ce vă va demonstra abilitățile. Diferența dvs. față de începător - puteți proiecta corect și implementați rapid. Literalmente câteva săptămâni și un serviciu nou pregătit, cum ar fi. Nu uitați să postați rezultatul în depozit și să adăugați o instrucțiune calitativă, cum ar fi, aici, într-una din sarcinile de testare timpurie, legăturile sunt reduse.

4.2. Abilități notehnice, calități personale (abilități soft)

Lista de competențe care nu aparțin specialității, dar sunt foarte apreciate de angajatori și clienți

• Scrisori tehnice Abilități - Scrierea sarcinilor tehnice, mesaje, note; Colectați toate detaliile despre sarcină; ilustra; scrieți scurt și competent, în esență de înțeles
• Colaborarea în echipă - să nu reușească cu probleme, ci să rezolve împreună; Împărtășesc sarcini pe partea de a face în paralel; Protejați membrii echipei; a ajuta; Împărtășiți cunoștințele și abilitățile; Aflați din echipă; Fiți capabili să identificați problemele interne ale echipei și să găsiți opțiuni pentru soluțiile lor
• Pentru a putea găsi soluții - capacitatea de a defini problema, căutați în mod independent rezolvarea problemelor, încercarea de diferite opțiuni, pentru a nu cere ajutor fără a încerca să decidă, nu stați fără ajutor în așteptare pentru soluții din partea respectivă; de asemenea, apreciază cunoștințele - la care, cu ce probleme trebuie să aplicați că programatorii nu mișcă mobilierul, iar mișcările nu au scris programe
• Pentru a putea lua soluții flexibile - abilitatea de a-și schimba rapid soluțiile pentru cerințele de afaceri pe termen scurt, cu costuri minime de timp, fără pierderi de calitate, stabilitate, înțelegere
• Fiți responsabili de deciziile lor - capacitatea de a face soluții tehnice și de a le aduce la final, în ciuda dificultăților și termenilor scurți; concentrați asupra sarcinii; suflet
• Abilitatea de a menține pacea minții - nu aduceți problema unui insolubil, găsiți soluții constructive la probleme, nu pentru a traduce conversația în litigiu, nu traversează personalitatea, să găsească o cale de ieșire din conflicte, să poată să se calmeze
• Abilitatea de a lucra la distanță - aveți o abilitate eficientă colaborare cu colegii care nu sunt aproape; Implementarea independentă a capacităților tehnice Lucrările la distanță, discutarea problemelor de lucru în modul la distanță, coordonarea timpului echipei distribuite din punct de vedere geografic pentru evenimente comune, schimb de soluții cu colegii de la distanță
• Abilitatea de a se concentra - capacitatea de a merge rapid la modul de funcționare, să adere la modul de funcționare, problema rezolvării problemei, prioritățile de lucru, capacitatea de a se concentra în absența controlului din partea laterală cu modul de funcționare la distanță
• Fii o afacere dedicată - abilitatea de a menține motivația internă, înțelege și de a menține obiectivele echipei și compania, păstrează încrederea în echipă, loialitate față de companie
• Abilitatea de a privi - rochia sub situație, vă expuneți întotdeauna, echipa și compania în cea mai bună lumină

Demonstra astfel de Calitățile personale în portofoliu - și mai mult sarcină dificilădecât să dovedească abilitățile tehnice. Dar se crede că creșterea profesională este asigurată de 15% prin abilități tehnice și 85% personale, deci, deși este dificil, bine, este necesar.

Aveți idei pe care le puteți demonstra În portofoliu și cum să o faci? Să schimbăm idei și să facem portofoliul nostru cât mai eficient posibil. Astfel încât clientul sau angajatorul să privească și a spus - "Oh, acest special pentru greutatea aurului! El este cel care am nevoie! ".

Iată o idee, deoarece un tester ar putea să arate în portofoliul de abilități Descrierea erorilor găsite în timpul testării: Sfaturi practice privind întocmirea portofoliului pentru testere.

5. Certificarea, certificatele, diplomele (certificate, certificate, diplome)

Pentru a spori importanța

1. doar o listă de cursuri care au trecut
2. linkuri către paginile în care lecțiile listate au fost finalizate, sarcini completate (Htmlacademy.ru, Codewars.com) sau cel puțin Beijiki pentru realizări (codecademy.com)
3. link-uri către cursuri unde sunt emise certificate virtuale
4. certificat obținut online (opțiune electronică sau de hârtie)
5. certificat atunci când testarea offline (opțiune electronică sau de hârtie)
6. diplomă de educație superioară sau specială

Pentru punctele a patra și a cincea - o listă de resurse în care puteți obține un certificat:

Potrivit celui de-al treilea punct - o listă de servicii care au chestionare fără o evaluare foarte strictă, în timp ce angajatorii și clienții acordă atenție rezultatelor:

Adesea văd în profilurile grafice ale nivelului de cunoștințe, așa-numitele bare de calificare. Vă propun să folosesc serviciul meu un chestionar pe o tehnologie de stivă pentru un dezvoltator web pentru a construi astfel de grafice.

Cunoașterea limbilor străine sunt evaluate, astfel încât certificatele de la cursurile de limbă străină vor fi adecvate.

6. Profile sociale adecvate (profile sociale)

• Github.
• LinkedIn.

Bitbucket este evaluat mai mic decât GitHub, dar referința la profilul dvs. în acest serviciu este, de asemenea, bun. Analogul rus al LinkedIn este un moisikrug, am întâlnit profilele excelente ale dezvoltatorilor web acolo, bomboane drepte.

O completare bună va fi o legătură cu Comunitățile de Dezvoltare Stackoverflow, Hachcode, Explos și alte comunități de dezvoltare profesională, mai ales dacă aveți o reputație înaltă.
Dacă există blogul dvs. profesional sau canalul profesional pe YouTube este un link valoros la portofoliu.
Puneți diapozitivele de la conferințele dvs. la Slideshare - excelent.

Puteți, desigur, să specificați Twitter, Facebook, Vkontakte, dacă există. Eu personal-le timid, pentru că există un risc mare de a umple panglica cu tot felul de huskies și sondaje non-grave, dar aceste profiluri vor permite clientului sau unui angajator să facă o mai bună înțelegere a dvs. ca persoană. De obicei, calitățile profesionale în timp se manifestă în hobby-uri, hobby-uri, interese și relații cu alte persoane (se numește deformare profesională).

7. Obținerea unei noi cunoștințe (auto-studiind, mastering, creșterea abilităților)

"Pleoapele - un secol de învățare" se referă la tehnologiile informaționale. Trebuie să înveți unul nou. Și ar fi frumos să-l reflectez în portofoliu.

Am întâlnit specialiști calificați care, din diverse motive, forced sau conștient, au oprit vizionarea tehnologiilor. Au atins un nivel ridicat de îndemânare într-o specializare îngustă. Dar viața le-a făcut să-și schimbe locul de reședință sau să meargă la munca la distanță Și sa dovedit că nu există propoziții bune în specializarea lor, iar cei 10 ani de experiență în specializarea îngustă nu sunt suficiente pe noua piață. Unii nu știu ce web și http sunt. Unele scriu din baza de date zero pe C, în loc să utilizeze soluții populare SQL / Nosql.

În 2003, am părăsit compania angajată în dezvoltarea unui sistem de facturare pentru locuințe și servicii comunale, pentru că am simțit - am fost blocat într-o specializare îngustă, într-o singură tehnologie, ar fi dificil să schimb locul de muncă și Voi rămâne legat de această companie pentru totdeauna. Acum știu foarte mult despre diferit Facturarea I. sisteme de plată și Știu mai mult de două duzini Limbaje de programare. Nu toți sunt chiar 50%, dar îmi dau seama în codul altcuiva. Acest lucru îmi permite să fiu un dezvoltator web universal.

Un programator de 45 de ani ia cerut să facă un plan de studiere a tehnologiilor timp de 5 ani în scopul ... nu pentru a pierde pensiile și nu depinde de stat. Da, dacă termină planul, el nu va fi plictisit sau înfometat. Tehnologia de informație - direcția cea mai rapidă în creștere - cunoașterea sa de 100% va fi utilă.

Și cum faci cu auto-educație? Unde intenționați să mergeți să învățați? Ce intenționați să învățați? Ce studiezi acum? La ce experimentați?

Demonstrați angajatorul că nu v-ați oprit pregătirea. Lista mare nu scrie, astfel încât să nu provoace sentimentul că sunteți suficient pentru 10 cazuri și descărcați de sus. Pentru planificare, utilizați alte mijloace, cum ar fi sarcina todoistă sau serviciul Obiectiv SmartProgress.

8. Interese profesionale

Acestea sunt doar interese profesionale, nimic personal.

Această secțiune de portofoliu este necesară pentru a convinge clientul sau angajatorul că interesele dvs. se intersectează acum și se va intersecta în viitor. Prezența intereselor comune este un factor bun de motivare și un anumit garant al stabilității unei cooperări eficiente pentru ambele părți.

8.1. Interesele curente (interese profesionale)

Trebuie să enumerați interesele profesionale actuale, prin care angajatorul sau clientul va determina ceea ce doriți acum.

Exemple de interese profesionale:

1. Obțineți practici în dezvoltarea pe PHP
2. Examinați cadrele Yii, Zend și Symfony2.
3. Obțineți certificatul Zend Certified PHP Inginer
4. Aprofundați cunoștințele JavaScript, angular.js, nod.js

8.2. Obiective profesionale (obiective profesionale)

Interesele dvs. pentru următorii 3 - 5 ani, astfel încât angajatorul să înțeleagă unde vă veți dezvolta.

Exemple de scopuri profesionale:

• Efectuați un ciclu complet de dezvoltare web de la design la escorta
• Dezvoltați un instrument web profesional (cadru, CMS, CRM sau altele) pentru o utilizare specială
• Lucrați cu utilizatorii finali, cu clienții
• Creați o aplicație web de înaltă încărcată
• Creați un proiect web multilingv
• Dezvoltați aplicația Web multiplatform
• Deveniți un lider de echipă de dezvoltare
• Examinați marketingul pe Internet și SEO
• Pentru a lucra de la distanță
• Comunicați în limba engleză

Cât de detaliat pentru a publica interesele și obiectivele - pentru a vă rezolva. Numai reperele pot fi subliniate (o astfel de listă de todo) și puteți descrie aspectul în detaliu cu o indicație a etichetelor de pe scara de timp, așa cum se face în SmartProgress. Planificarea este o abilitate excelentă, chiar dacă planul nu este implementat la timp.

9. Fotografie (foto)

În portofoliu ar trebui să fie o fotografie de înaltă calitate. Oamenii preferă să vadă oamenii. Întâlnirea prin ochi rezolvă foarte mult. Oamenii au încredere în aceia pe care îi văd. De fapt, ei deja simt că sunteți aproape și prefaceți cum intrați în echipă.

Alegeți fotografia de cea mai bună calitate. Stil - Afaceri, dar nu prea stricte (afaceri casual). Pentru inspirație - uitați-vă în Google pe fraza "Portofoliul de fotografie masculin". Dacă ați fi în fotografie, ce fel de întâlnire oficială s-ar fi terminat, dar banchetul a început.

Angajații departamentelor de personal se plâng de fotografiile de pe plajă în costume de baie, bar cu cercuri de bere, fotografii pline de farmec de la o petrecere, precum și o fotografie într-un grup. Fotografiile nereușite sunt obținute în timpul rece când fața este închisă cu haine (eșarfă, capac, hota). Selfie (Fotografia cu un braț alungit sau un dispozitiv special), o fotografie în colțul întunecat al parcului, în pădurile sălbatice, pe fundalul covorului și imaginile de fundal vechi provoacă, de asemenea, o impresie negativă - ca și cum persoana se ascunde, timidă, Nu pot pune prietenii sau trecătorii să-i facă poze cu el.

Încercați să faceți cel puțin o singură fotografie de înaltă calitate în studio sau pe stradă. Înainte de a expune portofoliul - dă-mi un altul, de preferință un specialist de selecție a personalului.

10. Descărcați versiunea (copie tipăribilă, copie hard)

Mulți preferă să aibă o instanță a unui rezumat sau portofoliu pe hârtie. Rezumat sub forma unui document care poate fi tipărit sau face un site de portofoliu prietenos cu imprimante. Potrivit specialiștilor HR, nu există niciun format de documente "cel mai bun", astfel încât recomand să aveți versiuni identice formate PDF. Și DOC, doar în cazul ODT și doar HTML. Dacă vă spuneți un link către serviciul pe care toate aceste formate îl suportă imediat - imensa mea vă mulțumesc!

Vă sfătuiesc să adăugați o scurtă legătură și un cod QR la o imprimare pentru a accesa versiunea online a portofoliului web de la un smartphone sau tabletă. Este mai bine dacă portofoliul web va fi implementat cu sprijinul layout-ului "receptiv" (aspect receptiv).

Vrei să ai această frunză la îndemână? Descărcați întregul articol în formularul electronic întreg (format: HTML sau PDF, volum ~ 10 pagini A4, Timp de citire 5 minute)

Găsiți un site web dezvoltator de site-uri web sau aplicații astăzi nu este atât de ușor. Mai ales dacă nu știți ce abilități și experiență specifice, ar fi trebuit să dețină.

Puteți avea multe idei bune pentru afacerea dvs., fără a poseda abilități tehnice pentru a le implementa. Indiferent ce angajați - Freelancer, un studio web sau un specialist cu normă întreagă - se deplasează complet prin portofoliul de dezvoltare a candidatului, acordând o atenție deosebită celor șase articole descrise mai jos.

Site-urile pe care le doriți

Urmăriți prima impresie din lucrările prezentate în portofoliul candidatului. Încercați să vă puneți în locul clienților acestor site-uri. Îți plac aceste lucrări? Acordați atenție nu numai la design, ci și asupra calității aspectului, a etichetelor meta și a altor detalii importante. Ei bine, dacă portofoliul are deja un site web care coincide în multe criterii cu sarcinile dvs. Deci, va fi mai ușor să presupunem dacă sunteți mulțumit de rezultatul lucrării dezvoltatorului.

Performanța site-ului

Site-urile web trebuie să se încarce rapid, pentru că utilizator modern Nu va aștepta mult timp până când pagina dvs. se deschide. Dacă pagina nu apare în fața lui în aceeași secundă, va merge doar la un alt site. Potrivit lui KissMetrics, site-urile care sunt descărcate de 4 și mai multe secunde pot pierde 25% din vizitatori. Aceasta este, în cazul unei încărcături lungi, unul dintre cei patru vizitatori va dispărea și fără a aștepta deschiderea paginii.

Prin urmare, vă sfătuim să verificați viteza câteva site-uri din portofoliul potențialului dvs. Developer. Cea mai ușoară modalitate de a face este utilizarea unor cunoștințe Google PagesPeed.

Introduceți adresa URL a site-ului de pe pagină Promovarea perspectivelor. Și verificați viteza sa.

Insightele PartesPeed vor arăta viteza site-ului pe desktop și dispozitiv mobil. Acest indicator este ca o evaluare în certificat. 85 din 100 - Firma Four. Tot ce este sub 60, - doi. Raportul PartesPeed Insights va oferi, de asemenea, mai multe recomandări pentru îmbunătățirea timpului de descărcare.

Insightele PartesPeed vor evalua viteza descărcării site-ului.

Dacă doriți să obțineți o evaluare suplimentară a site-ului, încercați testul de viteză al site-ului Pingdom, care vă va arăta ora de descărcare și dimensiunea paginii.

Testul de viteză al lui Pingdom vă va arăta ora de descărcare și dimensiunea paginii.

Dacă etapele din portofoliul dezvoltatorului sunt încărcate încet, puteți căuta un alt candidat. Dar mai întâi, discutați cu el despre viteza de pornire, deoarece nu fiecare aspect al vitezei paginii este sub controlul dezvoltatorului. De exemplu, clientul ar putea specifica cu strictețe platforma sau furnizorul, care a influențat performanța.

Funcționalitatea site-ului

Site-uri de testare din portofoliul unui potențial dezvoltator pe funcționalitate. Toate clare, completați formularul sau faceți o achiziție. Este important să înțelegeți că chiar și cele mai mici punctaje din funcționalitate pot împiedica vânzările pe site-ul comercial. Aveți nevoie de un bun dezvoltator care poate face un site intuitiv și ușor de utilizat cu caracteristici și capabilități bogate.

La acești indicatori, merită focalizat:

• navigare;
• căutați pe site;
• sortarea și filtrul mărfurilor;
• adăugând bunuri în coș;
• procesul de plasare a unei comenzi.

Accesibilitate web

Crearea unui site cu adevărat de înaltă calitate implică disponibilitatea sa pentru toate categoriile de utilizatori, indiferent de posibilitățile fizice ale gadget-urilor și computerelor.

Prin urmare, site-urile de testare din portofoliul candidatului dvs. pentru respectarea recomandărilor generale de disponibilitate web. Acest lucru vă va ajuta să vizitați instrumentul de evaluare a accesibilității web. Doar introduceți adresa URL a paginilor - valul generează un raport cu probleme posibile Cu accesibilitate.

Nu tot ceea ce raportul valului este de fapt conștientizare, dar totuși acesta este un instrument bun pentru determinarea erorilor potențiale.

Codul curat

Codul pur este un lucru destul de subiectiv, dar în orice caz poate fi definit ca un cod ușor de citit și modificat. Codul clar este important deoarece face posibilă efectuarea rapidă a site-ului dvs. Imaginați-vă, de exemplu, că dezvoltatorul dvs. frisner se mișcă brusc sau merge la un loc de muncă permanent și trebuie să angajați pe cineva nou pentru a lucra cu site-ul dvs. Dacă codul este pur, o persoană nouă va fi mult mai ușor de rezolvat rapid totul.

Din păcate, cea mai mare parte a codului paginii poate fi ascunsă de dvs. Adesea este un cod de bază scris în PHP, Ruby, etc. Este important ca totul să fie curat. Dar puteți privi unele lucruri de pe suprafață care pot fi indicatori cât de mult merge candidatul. De exemplu, puteți utiliza validatorul HTML de la Consorțiul Web World Wide (W3C). Acest instrument vă va oferi o listă de avertismente și erori în site-ul HTML.

Validatorul HTML de la W3C va afișa eventuale erori HTML.

Aproape fiecare site pe care îl veți testa, va avea erori și avertismente, dar în acest caz Este important pentru cantitatea relativ moderată.

Proiecte personale

Cei mai buni dezvoltatori web sunt mereu pasionați de munca lor și de obicei au o mulțime de proiecte personale în portofoliu. Acestea pot fi site-uri sau aplicații pentru prieteni, html5-joc, interesant blogul personal etc. Evaluați aceste lucrări ca orice altceva în portofoliu. Dar, de asemenea, acordați atenție echilibrului în aceste lucrări. Portofoliul nu trebuie să cuprindă numai proiecte personale.

Evident, un dezvoltator web este o persoană foarte importantă pentru proiectul dvs. La urma urmei, el este responsabil pentru fața mărcii dvs., a imaginii sale online, precum și pentru interacțiunea cu clienții. Prin urmare, pentru a nu vă aduce rău propria afacere, este foarte important să nu fiți confundați cu alegerea unei persoane potrivite în această poziție, pe care vă dorim!

Care ar trebui să fie portofoliul programatorului? Pentru fiecare post este, dar există caracteristici generalePentru care angajatorii acordă atenție.

De obicei, începătorii încearcă să impresioneze portofoliul mare. Dar adesea în zona care este interesată de angajator, ei nu au nimic de arătat. Acest lucru afectează în mod direct salariile și este, în general, șansa ca o persoană să ia o persoană.

Luați în considerare diverse opțiuni.

Portofoliul programatorului

Primul lucru care vine în minte este GitHub și nu pentru nimic: astăzi există absolut toate proiectele și progresul pe munca lor pe ele sunt stocate la depozite convenabile. Dar nu este atât de dificil să se ocupe de git, ca și cu ce anume să vă înscrieți "servieta". Este cu cea de-a doua vom înțelege.

În primul rând, rezumatul de la gândul că sarcinile de la cursuri și tutelor scurte vor fi suficiente pentru a satisface interesul angajatorului. Va trebui să creați ceva cu adevărat interesant, fără ajutorul cărților, YouTube, profesor, partener pentru proiecte etc.

Ce ar putea fi?

1. Proiect standard într-un înveliș non-standard. Să presupunem că puteți depune același calculator, dar cu o animație frumoasă sau vizualizați sortarea făcând un joc distractiv de la acesta.
2. Vorbind de sortare, este imposibil să nu mai vorbim de sarcini algoritmice. Dacă portofoliul dvs. va avea astfel de soluții - acesta este un plus imens. Asigurați-vă că vă cunoașteți cu articolele noastre și.
3. Lucrările complexe trebuie să prevaleze. Este bine dacă sunt cu testele unității, fișierul jurnal și insigna în readme de la orice serviciu pentru asamblare și testare software.

Nu vânați rezumatul tuturor tipurilor de programe care au fost chemate pentru a explica principiul funcționării acestui cont sau a acestui instrument. Angajatorul 100% știe toate aceste "chipsuri" și, dacă chiar vrei să-ți dai seama ceva, fă-o cât mai încântat și interesant.

Din același motiv, nu este necesar să se arate proiecte "în procesul de dezvoltare", chiar dacă acestea sunt foarte bune - foarte cool. Iată cum termini - demonstrează cu îndrăzneală. În plus, va fi personal pentru dvs. stimulent pentru a aduce la început până la sfârșit.

Portofoliul programatorului trebuie să includă ceea ce este anunțat în cerințele vacante. De exemplu, dacă acesta este poziția dezvoltatorului Java și în condițiile cunoașterii hibernetului, nu fi leneși să adăugați o dezvoltare adecvată în portofoliu. De asemenea, nu ratați ocazia de a introduce baze de date: aceasta este o lege nesolicitată, ceea ce este relevant dacă nu pentru toți, atunci exact 99,99% din vacanțe.

În ceea ce privește secvența de muncă, faceți cele mai interesante pentru angajator au fost enumerate mai sus, deoarece prima impresie joacă un rol important și, uneori, chiar decisiv.

De asemenea, nu este necesar să se emită CV-ul său în cuvânt sau în orice alt document text. Creați creativitate: Porniți blogul în care vor fi colectate legăturile cu munca dvs. Dacă acest blog va avea, de asemenea, întrebări din partea noilor veniți și comentariile dvs. semnificative ale acestora sunt un plus imens: Crede-mă, acest lucru nu este ignorat.

Portofoliul dezvoltatorului web

Acum mergem la cel mai suculent - la faptul că nu numai că nu numai că ați citit, ci și "umflați". Dezvoltatorii web în ceea ce privește servietele sunt pline de detrimentul: orice cunoaștere și abilități pot fi demonstrate pe un site personal - o singură pagină sau contact proiecte gataDacă înainte de aceasta a fost deja experiență experiență.

Regula de aur: Nu lăsați angajatorul să suspecteze doar un designer web în tine. Frumos de decorare - Este minunat, dar în primul rând, arătați portofoliul programatorului. Demonstrați ce funcționalitate puteți oferi un site web: nu prin formulare poștale sau altceva banal, ci de un instrument cu drepturi depline.

De exemplu, acesta este un site pentru un furnizor de piese auto, care comunică cu clienții săi nu este direct, ci prin operatori. Legați programul responsabil pentru apelurile către site, cu capacitatea de a recupera timpul de apel de la operator din baza de date.

De exemplu:

• există experiență cu analizarea și conectarea la Mongodb;
• În spatele umerii optimizarea acestor părți ale serverului;
• dezvoltare într-un astfel de scenariu de server.

Acest lucru este deosebit de important. Și numai B. informații suplimentare Puteți face ceva de genul:

• dezvoltarea site-ului de la zero;
• rafinamentul locurilor finite;
• instalarea plug-in-urilor pentru WordPress;
• optimizarea încărcăturii etc.

Dar totul se întoarce la cerințele angajatorului care să fie acordate atenție. De exemplu, compania caută un specialist logic software, iar aspectul și designul rămân după alții. Sau situația poate fi inversă, iar cerințele vor fi un site cu drepturi depline.

Ce poate conține, în general, un site de card de vizită ca portofoliu al programatorului?

Portofoliul programatorului Freisthers

Aici nu aveți nevoie să deschideți America, deoarece serviciile independente sugerează deja prezența unui portofoliu și inventează diverse cărți de vizită nu trebuie.

Așa cum puteți completa rapid portofoliul dvs. cu o muncă de înaltă calitate. Puterea dvs. este că puteți alege și dacă proiectul pare sincer slab - urmați-l, preferând opțiuni foarte interesante.

Nu credeți că politicile independente sunt prea diferite de politicile standard de ocupare a forței de muncă, mai ales dacă vorbim de cooperare pe termen lung. Încercați să vă interesează, să impresionați, să recunoașteți detaliile muncii, întrebând cele mai corecte întrebări.

Iată un exemplu de răspuns bun la una dintre locurile vacante independente:

Dezvoltatorul de la prag arată că știe ce poate, și care este nivelul său aproximativ. Acesta este un răspuns cu adevărat impresionant, consolidarea care este un portofoliu puternic (chiar și sub formă de referințe la GitHub), puteți obține un birou garantat.

În această selecție, au fost incluse șabloanele pentru diverse profesii, dar, în principal, subiectele programatorilor, designerii web sau versiunilor sunt apreciate, deoarece acestea sunt mai potrivite pentru design și structură.

Anterior, am publicat deja selecții cu șabloane pentru a crea un portofoliu. De exemplu:

Curat.

Profesional, curat pentru a crea un portofoliu personal și o pagină personală a unui dezvoltator web independent. Perfect pentru designeri, versuri sau programatori.
Șablonul este complet adaptabil, are un răcit animația aspectului elementelor în timpul deplasării Cu un cod complet valid.

Gorgo Portfolio.

Gratuit, foarte curat și elegant Șablonul portofoliului de designer. Executat În stilul minimalismului . De asemenea, are clasa meniul cu ecran complet.
Grila cu exemple de muncă este făcută în exemplul unei tablouri de șah, care este foarte mulțumită, deoarece este o tendință. Pagina de lucru în sine a fost foarte impresionată, probabil din cauza umplerii demo de înaltă calitate. Dacă intenționați să utilizați acest design ca o pagină personală, aveți grijă de proiectarea calității muncii în sine.

Litiu.

Gratuit modelul adaptiv în stil Apartament.Cine este potrivit pentru aproape orice freelancer, fie el un dezvoltator web sau fotograf, deoarece este oferit pe sat ca un portofoliu familiar cu un filtru pe categorii de lucru si galerie foto.

coniac

Un alt extraordinar Șablon de calitate pentru crearea unui portofoliu personal. Are multe chifle pe care toată lumea le iubește așa: Parallax Efecte, efectul apariției blocurilor în timpul derulării, derularea netedă, diverse contoare și, desigur, blocul portofoliului în sine.
Șablonul este absolut liber și potrivit pentru freelancerii oricărei profesii IT.

Kong.

Interesant Șablonul HTML. Portofoliu Designer.. În primul ecran puteți plasa fotografia, introduceți-vă și scrieți specialitatea.
Aproape toate blocurile din șablon sunt implementate de cele pe care le-am folosit pentru a vedea în împrumuturile standard.
În ceea ce privește gama de culori - aș schimba-o. Prea otravă.

Myfolio.

Un mare portofoliu adaptiv cu o singură pagină În tonuri verzi. Potrivit ca o dezvoltare unică și de echipă independentă. Șablonul este realizat calitativ și merită atenție.

De bază.

Strict model în tonuri albastre Pentru a crea un portofoliu. Construit pe bootstrsp 3.2. Dacă înlocuiți pictogramele din primul ecran, puteți utiliza freelanceri din orice domeniu de activitate.

Mic

Mic Șablonul HTML cu o singură pagină în stil plat. Este împărțită în trei ecrane cu o înălțime de 100%. Primul ecran - informații și informații scurte despre Freelancer.
Al doilea ecran este un portofoliu. Afișează ultima dată 8 Lucrează din portofoliul dvs. pe dribbble. Adică, tot ce trebuie să faceți este să vă configurați integrarea și asta e tot. Imaginile vor fi actualizate, sincron cu acțiunile dvs. pe Dribbble.
Al treilea ecran - informații de contact.

Kelvin.

Calitate, șablon universal HTML5 CSS3. Foarte reamintește Ceevee, care a fost în această selecție de mai sus, dar există unele diferențe în conceptul unui bloc cu exemple de muncă și în diagrame care afișează abilități independente. Este posibil să faceți o poveste detaliată despre dvs. cu ajutorul diferitelor blocuri.

Portio.

Un model interesant, universal, deși există multe momente, din cauza cărora nu l-aș folosi: acestea sunt fonturi stupide, butoane slabe. Poate că cineva va interesa această opțiune. Ca în nici un caz - schema de culori strălucitoare. Dacă un pic corectat Stiluri CSS., Puteți ajunge la un rezultat bun.

Port.

Gratuit și, chiar aș spune un șablon elegant de o pagină bazat pe bootstrap. Personal, îmi place elementele roșii active. Blocul cu exemple de muncă este realizat sub forma unei ochiuri de înțelepciune, iar acesta este un plus. Acest șablon va fi o soluție excelentă pentru crearea orthpholio sau programator de designer web.

Hexa.

Șablon plat cu un cursor într-o pălărie în stilul caracteristic al schemei de culori - verde. Folosind această soluție, puteți crea un site excelent de carte de vizită cu exemple de muncă și un blog.

Liber profesionist.

Un mare o singură pagină în stil plat și schema de culori verde. Primul ecran oferă un loc sub fotografie și mai bine să nu strică designul stilului, desenat de autoportretul proprietarului site-ului.
Șablonul este mic, iar acesta este un plus imens, deoarece pentru scopurile noastre de a folosi "porturi" nu este nevoie să utilizați. Completat, surprinzător, foarte de înaltă calitate. Este complet adaptabil și bazat pe cadrul Bootstrap.

Portofoliul Dribbble.

Un alt model, un portofoliu în care integrat cu dribbble.. Este necesar doar să personalizați descărcarea celor mai recente lucrări și să uitați de actualizarea constantă și plictisitoare a portofoliului de pe pagina dvs. personală.
Șablonul se face într-o schemă de culori strictă și modernă. Totul pare foarte curat.
Pe lângă șablonul anterior dribble, este mic. Aș spune chiar concis. În general, evaluarea mea este de 9 din 10.

Geek.

Nu rău, deși se simte puțin greu, Șablon pentru crearea unui portofoliu de freelancer la fel de pagina de site. Are diverse diagrame pentru afișarea vizuală a abilităților în profilurile activităților lor - este interesant. Există, de asemenea, un cursor cu recenzii și un bloc cu o rețea simpatică din fotografii care pot fi folosite pentru a-și demonstra lucrările.

Dribbble folio v2.

Gratuit model cu portofoliu automat. Lucrările sunt importate de pe site Dribbble.. Inainte de folosire această soluțieNu uitați să configurați integrarea cu profilul dvs. pe Dribbble.
Din păcate, nu există demo.

Port.

Original hTML CSS. Modelul tonului Piolet. Pentru a crea un site personal. Acesta este un subiect cu mai multe pagini, unde principalul lucru este realizat în stilul unei singure pagini, dar, la rândul său, sunt disponibile și ele. pagini interne.. Potrivit pentru crearea site-ul personal Freelancer Orice specialitate.