10 Projekte, um Sie im Jahr 2020 an Ihren ersten Dev-Job zu bringen

Fr diejenigen, die Sie mit Ihrem ersten Dev-Job in die Welt der Webentwicklung integrieren mchten, kann der Betrag der Dinge, mit denen Sie wissen Befehlszeile. Die Liste geht weiter ...

aber niemals Angst! In diesem Beitrag mchte ich Ihnen ein wenig Anleitungen anbieten, indem ich zehn Fhigkeiten umreiŸt, die Ihnen dabei helfen, Ihren ersten Dev-Job im Jahr 2020 zu landen. Fr jede Fertigkeit empfehle ich ein praktisches Projekt, um Sie zu beginnen und Sie zu zeigen zu angemessenen Ressourcen auf SitePoint-Prmien fr den weiteren Lesen.

Lernen Sie Ihren Code-Editor kennen

Als Codierer werden Sie viel Zeit in Ihrem Herausgeber der Wahl verbringen. Deshalb sollten Sie die Mhe machen, zu erfahren, was er tun kann und wie sie richtig konfiguriert werden kann. Das Thema, dessen Verwendung des Editors schnell umstritten werden kann, aber wenn Sie gerade erst anfangen, wrde ich Sie dazu ermutigen, den VS-Code (oder vscodium, wenn Sie sich um Privatsphre kmmern) ansehen.

vs code versendet mit vielen coolen Merkmalen, z. B. Emmet-Abkrzungen, Intellisenense, verschiedene Tastenkombinationen und Git-Integration. Es gibt auch Hunderte (wenn nicht Tausende) Erweiterungen, die Sie installieren knnen, um Ihren Workflow anzupassen.

Projektidee

Installieren Sie den vs.-Code auf Ihrem Computer und verpflichten Sie es zu benutzen. Verbringen Sie einige Zeit damit, beliebte Erweiterungen fr Ihre Wahlsprache zu erforschen, und installieren Sie mindestens drei davon. Sie sollten auch hbscher installieren und konfigurieren, um Ihren Code auf Speichern sowie ESLINT zu formatieren, wodurch JavaScript-Fornfehler in der Konsole der VS-Code angezeigt wird. Bei Bonuspunkten knnen Sie das Tastenkombinations-Referenzblatt fr Ihre Plattform ausdrucken und versuchen, zwei oder drei Verknpfungen pro Woche auswendig zu lernen.

Weiterlesung

œber eine Referenz wrde ich Visual Studio Code empfehlen: End-to-End-Bearbeitung und Debugging-Tools fr Webentwickler. Dieses aktuelle Anleitung deckt alle wesentlichen vs. Codebauteile ein, einschlieŸlich der Bearbeitungsfunktionen des Arbeitsbereichs, der fortschrittlichen Funktionalitt, z. B. Code-Refactoring und Schlsselbindungen sowie Integration mit Grunzen, GULP, NPM und anderen externen Werkzeugen. Kapitel Zwei, das Sie in die Benutzeroberflche einfhrt, und das Kapitel Neun, um mit Erweiterungen zu arbeiten, sollte von besonderem Interesse sein.

Erstellen Sie ein Kontaktformular

Wenn Sie eine Webanwendung erstellen, ist es nur eine Frage der Zeit, bis Sie HTML-Formulare treffen. Sie sind ein groŸer Teil des Weberlebnisses, und sie knnen kompliziert sein. Beispielsweise mssen Sie sie zugnglich machen, und Sie mssen sicherstellen, dass sie auf verschiedenen Browsern und kleineren Bildschirmen gut rendern mssen. Es kann auch eine Herausforderung sein, sie konsequent zu gestalten, ohne ihre Benutzerfreundlichkeit zu brechen.

-formen sind ein kritischer Teil einer Besucherreise auf Ihrer Website. Selbst wenn Ihr Besucher an dem, was Sie anbieten, verkauft wird, knnte eine gebrochene oder sogar eine schlecht angelegte Form ausreichen, um das Schiff aufzugeben. Das bedeutet, dass Sie die Umwandlung verlieren.

Projektidee

Build und Stil ein Kontaktformular. Konzentrieren Sie sich auf die Ausrichtung der Formularfelfelder, eine prominente CTA und stellen Sie sicher, dass die Formularvorschau auf Browsern und Gerte aufwiegt. Versuchen Sie, verschiedene Formularsteuerungen, z. B. Elemente und Kontrollkstchen, einzuschlieŸen, whrend Sie das Layout einfach und elegant halten.

Sie knnen auch Ihr abgeschlossenes Formular an Codepen hochladen, eine Online-Community zum Testen und Anzeigen von User-erstellten HTML-, CSS- und JavaScript-Code-Snippets. Bei der Beantragung eines Jobs knnte ein gut kuriertes Codepen-Konto mglicherweise als Mini-Portfolio dienen.