Zusammenstellen eines großartigen Webentwickler-Portfolios

Ein solides Portfolio ist ein Muss für jeden Webentwickler. Es ist schwer für einen Arbeitgeber, eine Entscheidung für eine Stelle auf der Grundlage von Anschreiben, Lebensläufen oder Lebensläufen zu treffen, die einfach nur Projekte beschreiben, die Sie durchgeführt haben. Ihr Talent und Ihre Fähigkeiten kommen auf diese Weise nicht wirklich zum Vorschein. Ein großartiges Webentwickler-Portfolio zu haben, das Sie einbeziehen können, ist also genauso wichtig wie alles andere. Aber einen großartigen zu haben, im Gegensatz zu einem, der gut genug ist, ist riesig. Und es könnte der Unterschied sein, den Job zu bekommen und übergangen zu werden. Schauen wir uns also an, was Sie tun können, um so viel Erfolg wie möglich zu gewährleisten.

Was macht ein großartiges Webentwickler-Portfolio aus?

Wenn man sich im Internet umschaut, ist das Konzept eines Entwicklungsportfolios ziemlich weit gefasst. Einige Leute geben jedes Projekt an, an dem sie jemals gearbeitet haben, um ihre Verbesserung im Laufe der Zeit zu zeigen, einige Leute machen es zu einem nackten Lebenslauf mit viel Text und Links, während wieder andere sich auf die erlernten Sprachen und die allgemeinen Fähigkeiten konzentrieren, während sie die Portfolio-Site selbst als Beispiel dafür, wie sie ihre Fähigkeiten praktisch anwenden.

Sie werden keinen richtigen oder falschen Weg finden, dies zu tun. Sie werden jedoch einige Elemente finden, die sich in den erfolgreichsten Webentwicklungsportfolios befinden. Wir werden uns diese Elemente ansehen und aufschlüsseln, warum sie funktionieren und wie Sie sie einfach in ein neues Portfolio oder ein Update Ihres bestehenden Portfolios implementieren können.

1. Ihr Name und berufliche Kontaktinformationen

Es ist eigentlich ziemlich leicht zu übersehen, Ihren Namen und Ihre Kontaktdaten in Ihrem Lebenslauf und Portfolio anzugeben. Es könnte Ihnen so wichtig sein, sicherzustellen, dass Ihr beruflicher Werdegang und Ihr Talent so gut glänzen, dass Sie das Einfachste vergessen. Oder Sie denken darüber nach, platzieren es aber nicht prominent in Ihrem Portfolio und lassen den Personalvermittler oder Personalchef dafür arbeiten. Schließlich versuchst du, für sie zu arbeiten und nicht umgekehrt.

Sicher, es ist großartig, die Informationen oben zu halten, aber erwägen Sie, eine schwebende Box oder einen kleinen Abschnitt zu verwenden, der mit dem Benutzer scrollt. Auf diese Weise sind Sie nie mehr als einen Klick von einem Anruf oder einer E-Mail entfernt. Sie könnten sogar noch einen Schritt weiter gehen und einen Facebook-Messenger-Tab erstellen, auf dem sie Sie direkt per IM kontaktieren können. Was auch immer Sie tun, vergraben Sie die Informationen nicht in der Fußzeile. Oder am Ende eines langen Abschnitts oder schwer oder verwirrend zu finden.

Stellen Sie außerdem sicher, dass es sich ausschließlich um professionelle Kontaktdaten handelt. Sicher haben Sie das schon einmal gehört, aber wenn Ihre E-Mail [email protected] lautet, werden Sie weniger ernst genommen, als wenn sie [email protected] sehen .

1a. Ein Foto

Wir wollten dies nicht als vollständigen Eintrag in die Liste aufnehmen, fanden es aber erwähnenswert. Wenn Sie eine Möglichkeit finden, ein Bild von sich neben Ihrem Portfolio zu haben (die Kontaktdaten sind ein großartiger Ort, um es zu platzieren), wird es Sie weit mehr menschlich machen, wenn Sie potenziellen Arbeitgebern eine Möglichkeit geben, der Arbeit ein Gesicht zu geben, als nur einen Namen zu sehen und Liste der Programmiersprachen, die Sie kennen. Einstellungsmanager neigen dazu, auch nach Persönlichkeitsanpassungen innerhalb von Unternehmen einzustellen. Wenn Sie also offene Aufnahmen haben, die in Ihre gewünschte Branchennische passen und zeigen, dass Sie sich dort wohl fühlen, verwenden Sie diese irgendwo.

2. Ziehen Sie in Erwägung, Bio, Erfahrung und Bildung zu einer Erzählung zu kombinieren

Storytelling im Marketing ist enorm. Ihr Portfolio ist, wie Sie sich selbst vermarkten. Es macht also nur Sinn, dass Sie sich so interessant und menschlich wie möglich machen möchten. Und eine Aufzählung von Universitäten, Bootcamps, Zertifizierungen, Firmennamen und Anstellungsterminen ist nicht besonders interessant oder einprägsam.

Ihre Geschichte hingegen ist. Und obwohl es möglich ist, Ihre Geschichte aus diesen Listen zu entnehmen, ist es besser, sie in eine narrative Form zu bringen. Die Sache ist, es gibt Möglichkeiten, dies zu tun, die dennoch alle Informationen hervorheben und leicht zugänglich machen. Aber es macht viel mehr Freude, es zu lesen. Und lässt dich mehr wie ein Mensch erscheinen.

Außerdem besteht eine gute Chance, dass Sie bereits einen Abschnitt mit Biografie/Über uns als Teil Ihres Portfolios haben. Streuen Sie die gleichen Informationen wie in die Listen ein, aber machen Sie sie zu etwas, das sie lesen und nach Highlights durchsuchen können.

Ihre Geschichte wird wahrscheinlich länger sein, als es ein Abschnitt mit Biografie/Über uns zulässt, aber das Einfügen von Links und Highlights, während Sie über sich selbst erzählen, ist eine großartige Möglichkeit, sich abzuheben.

Hier ist eine Überarbeitung meiner aktuellen Biografie mit einigen meiner Erfahrungen und meiner Geschichte:

Abgesehen davon, dass ich einfach nur großartig bin, habe ich einen Master-Abschluss in Englisch von der University of North Alabama im Jahr 2009 , verbrachte fast 10 Jahre damit, College-Englisch zu unterrichten (Literatur und Komposition auf verschiedenen Ebenen) und arbeitete als Direktor des Campus Writing Center in Martin Methodistische Hochschule in Pulaski, TN . Ich habe 2008 angefangen , mit WordPress zu arbeiten , was bedeutet, dass ich so ziemlich alles tun kann, was Sie brauchen.

Nachdem ich genug PHP , CSS und JavaScript gelernt hatte, um gefährlich zu sein, während WordPress mein Hobby war, wechselte ich zur Vollzeit-Freiberuflerin und baute die Websites, die Sie unten sehen. Ganz aufgeben wollte ich das Schreiben jedoch nicht und wurde von Zeitschriften wie Like the Wind und The No'Ala veröffentlicht . Das führte dazu, dass ich im Mai 2017 als Freelancer für Elegant Themes anfing und später im September als Vollzeit-Content Creator für ET anfing.

Jetzt wissen wir, dass Sie vielleicht denken: Ich bin Entwickler, kein Autor . Das ist ein sehr gültiger Punkt. So können Sie Ihrer Biografie, Ihrer Erfahrung und Ihrer Ausbildung immer noch eine erzählerische Note verleihen. Es muss keine Erzählung in Prosa sein. Es könnte so etwas wie eine Zeitleiste sein, die Ihre Geschichte erzählt.

2a. Verwenden Sie eine Zeitachse

Wir gehen davon aus, dass der Rat hier ist, Aufzählungen so weit wie möglich zu vermeiden. Wir denken, dass Kyle Ledbetter es mit seiner Arbeitsgeschichte sehr gut gemacht hat. Er platziert es auf einer Zeitleiste, die leicht verdaulich und scanbar ist und einen Eindruck von seiner bisherigen Geschichte vermittelt.

Obwohl dies ein fantastisches Beispiel für ein Webentwickler-Portfolio ist, sagt oder zeigt er nicht, was diese Projekte sind. In traditioneller Lebenslauf-Manier beschreibt Kyle seine Rolle in den Teams, mit denen er zusammengearbeitet hat. Keine der Arbeiten hier verweist jedoch auf die tatsächlichen Projekte, die er beschreibt. Sein Portfolio ist völlig getrennt und enthält diese Beispiele. Sie sind von der Zeitachse getrennt, und obwohl dies ein gutes Beispiel ist, würde es großartig sein , direkte Beispiele für die Endergebnisse jedes Jobs zu geben .

3. Zeigen und beschreiben Sie Ihre Projekte

Das Fleisch-und-Kartoffeln eines jeden Webentwickler-Portfolios ist, nun ja, das Portfolio. Es ist nicht ungewöhnlich, dass ein Portfolio ein einfaches (und nützliches und funktionales) Raster mit Miniaturansichten ist. In unseren Augen gibt es keine Notwendigkeit zu reparieren, was kaputt ist. Diese Art von Rastern eignen sich hervorragend , um Ihr Talent, Ihre Projekte, Ihr Können und Ihre Kreativität zu präsentieren (wie dieses von Adham Dannaway).

Was sie jedoch nicht besonders gut können, ist, die Geschichte dieses Projekts zu erzählen, die Feinheiten des Projekts aufzuzeigen und ein vollständiges Bild davon zu geben, wie erstaunlich Sie darin sind, es so erstaunlich zu machen, wie es ist. Hier hat Adham sein Webentwickler-Portfolio wirklich zum Glänzen gebracht. Es ist großartig.

Denn wenn Sie auf einen der Einträge aus dem Raster klicken, gelangen Sie nicht zum Endergebnis des Projekts . Dies ist bei weitem die häufigste Verwendung dieser Portfolios. Der Click-to-see-what-I-do-Ansatz. Was Adham jedoch tut, braucht eine gute Idee und macht sie großartig. Er schlüsselt jedes Projekt von der Konzeption bis zur Fertigstellung auf. Er ist völlig transparent über die Gründe für jede Entscheidung, die im Laufe des Projekts getroffen wurde.

Diese Aufschlüsselung zeigt nicht nur die großartige Arbeit, die aus dem Projekt hervorgegangen ist, sondern zeigt auch die Talente und Fähigkeiten des Entwicklers, die nicht unbedingt sichtbar sind, wenn man sich ein fertiges Produkt ansieht.

Möglicherweise haben Sie nicht die Zeit oder Lust, für jedes Projekt eine vollständige Fallstudie einzubeziehen; Sie können jedoch durchaus einige Klappentexte und Beschreibungen zu wichtigen Aspekten des Projekts erhalten, die potenzielle Kunden und Arbeitgeber kennen sollten.

Was ist, wenn Ihr Portfolio leer ist?

Eine Einschränkung bei der Zusammenstellung eines großartigen Webentwickler-Portfolios besteht darin, dass Sie Erfahrung in der Webentwicklung haben müssen. Wenn Sie keine Projekte vorzuweisen haben, ist es ziemlich schwierig, ein robustes Portfolio zu haben, das Ihre Expertise zeigt. Jeder war da. Es ist kein lustiger Ort, aber es ist ein ziemlich einfacher Ort, um wegzukommen.

Sehen Sie sich zunächst nur Erstbesucher an. Diese Seite wurde speziell für Leute entwickelt, die ihren allerersten GitHub-Pull-Request akzeptiert bekommen. Es gibt Tags auf GitHub, die Projekte einschließen können, um anzuzeigen, dass ihr Open-Source-Projekt einige einfache und zugängliche Anforderungen hat. Diese Art von Beitrag ist erstaunlich , um Ihr Portfolio (und Ihre wirkliche Entwicklerkarriere im Allgemeinen) in Gang zu bringen. Einige dieser Arten von Beiträgen können viel dazu beitragen, zu zeigen, wozu Sie fähig sind. (Und dass Sie in dem, was Sie tun, gut genug sind, um von einem zufälligen Internet-Fremden in ihr Projekt aufgenommen und akzeptiert zu werden).

Zweitens, fang an, Sachen zu machen. Oder wirklich, Dinge zu aktualisieren, die Sie bereits gemacht haben. Sie kommen nicht an den Punkt, ein Webentwicklungsportfolio zu benötigen, ohne etwas dafür vorzuweisen. Denken Sie an Projekte, die Sie in der Schule gemacht haben oder zum Spaß, die Sie aufpolieren und online veröffentlichen können. Dann haben Sie nicht nur ein aktualisiertes Projekt, das Ihre aktuellen Fähigkeiten zeigt, sondern Sie haben auch die Möglichkeit, das Wachstum zu zeigen, das Sie seit der Erstellung des Originals hatten, indem Sie es auch veröffentlichen.

Auch die Arbeit für gemeinnützige Organisationen, Freunde oder Familienmitglieder ist eine großartige Möglichkeit, Ihr Portfolio zu erweitern. Wir garantieren, dass Sie jemanden (oder viele andere) kennen, der Arbeit benötigt, die Sie erledigen können. Sie sind möglicherweise nicht in der Lage, die Gebühren zu zahlen, die typische Webentwickler verlangen. Vor allem gemeinnützige. Wir befürworten nicht, dass Sie kostenlos arbeiten . Sie haben Fähigkeiten und arbeiten und verdienen es, für diese Arbeit bezahlt zu werden.

Die Zahlung muss jedoch nicht mit Geld erfolgen. Vielleicht betreibt Ihr Onkel eine Bäckerei und kann im Austausch für eine neue Website Ihre Hochzeitstorte backen. Das ist ein ziemlich gutes Geschäft. Oder vielleicht hat die Non-Profit-Organisation ein Budget zu zahlen, aber es ist sehr klein. Vielleicht können Sie sogar die Stunden, die Sie für sie arbeiten, steuerlich absetzen. Das ist wiederum ein ziemlich gutes Geschäft.

In jedem Fall bekommen Sie neue Projekte, die Sie präsentieren können, und wenn Sie diese mit den oben genannten Ideen kombinieren, sind Sie auf dem Weg zu einem großartigen Webentwicklungsportfolio.

Ganz zu schweigen von der Zeit, Sorgfalt und Perfektionismus, die Sie in die Portfolio-Website selbst investieren. Das ist genauso ein Projekt, das es zu präsentieren gilt (und eine ziemlich gute Fallstudie obendrein).

Abschluss

Ein großartiges Webentwickler-Portfolio zu haben, trägt viel dazu bei, eingestellt zu werden. Es zeigt nicht nur, was Sie getan haben, sondern auch, welche Fähigkeiten und Persönlichkeit Sie in jedes Team einbringen, dem Sie beitreten. Potenzielle Kunden und Einstellungsmanager sehen sich Portfolios an, um zu sehen, ob sie mit dem Entwickler kompatibel sind, um zu sehen, was Sie am besten können, um zu sehen, was Sie Ihrer Meinung nach am besten können, und um einen Blick in den Teil Ihres Gehirns zu werfen das setzt den Code so zusammen, wie Sie es tun. Vor diesem Hintergrund glauben wir, dass Sie jetzt über die Tools verfügen, um Ihr Webentwickler-Portfolio von gut zu großartig zu machen. Und vielleicht sogar darüber hinaus.

Auf welchen Teil Ihres Webentwickler-Portfolios sind Sie am meisten stolz?

Beitragsbild des Artikels von 0beron / shutterstock.com