Heim > Web-Frontend > js-Tutorial > 10 Projekte, um Sie im Jahr 2020 zu Ihrem ersten Entwicklerjob zu bringen

10 Projekte, um Sie im Jahr 2020 zu Ihrem ersten Entwicklerjob zu bringen

Joseph Gordon-Levitt
Freigeben: 2025-02-10 12:12:14
Original
123 Leute haben es durchsucht

10 Projects to Get You to Your First Dev Job in 2020

Die Landung Ihres ersten Webentwicklungsjobs kann sich entmutigend anfühlen, mit einer scheinbar endlosen Liste von Technologien, um zu meistern. Dieser Leitfaden beleuchtet zehn wichtige Fähigkeiten, um Ihre Arbeitsaussichten im Jahr 2020 und darüber hinaus zu steigern, mit Projektideen und empfohlenen Ressourcen.

Schlüsselfähigkeiten und Projektideen:

  1. Master Ihren Code -Editor (VS Code): Mit dem Code kompetent werden, Erweiterungen (wie hübscher und Eslint) und Tastaturverknüpfungen erforschen. Projekt: installieren vs Code, erkunden Sie drei Erweiterungen, konfigurieren Sie hübscher und Eslint und merken Sie sich Tastaturverknüpfungen. Ressource: Visual Studio Code: End-to-End-Bearbeitung und Debugging-Tools für Webentwickler .

  2. Erstellen Sie ein Kontaktformular: Erstellen Sie ein reaktionsschnelles, zugängliches und gut gestaltetes Kontaktformular mit verschiedenen Eingangstypen. Projekt: Entwerfen und erstellen Sie ein Kontaktformular, wodurch die Kompatibilität und ein elegantes Styling sicherstellen kann. Erwägen Sie das Hochladen auf CodePen. Ressource: Formularentwurfsmuster .

  3. clientseitige Validierung: Implementieren Sie die clientseitige Validierung in Ihrem Kontaktformular mit den entsprechenden Eingabetypen und benutzerdefinierten Validierung. Vermeiden Sie Warnkästen und berücksichtigen Sie die Bot -Erkennung. Projekt: addieren Sie die clientseitige Validierung in Ihr Kontaktformular und liefern intuitive Fehlermeldungen. Ressource: JavaScript: Anfänger zu Ninja, 2. Auflage .

  4. Währungsumrichter (Fixer -API): Erstellen Sie einen Wechselkursumfeld -Abrufen -Wechselkurse aus der Fixer -API, wobei die Benutzeroberfläche dynamisch aktualisiert wird, ohne dass Seiten aktualisiert werden. Projekt: Erstellen Sie einen Währungswandler mit der Fixer -API und den modernen JavaScript -Funktionen (Vanille -JS oder ein Framework wie React). Ressource: JavaScript: Best Practice .

  5. Portfolio -Website -Design: Entwerfen Sie Ihre Portfolio -Website, konzentrieren Sie sich auf Layout, Farbschema, Typografie und Inhaltspräsentation. Projekt: Entwerfen Sie Ihre Portfolio -Website unter Berücksichtigung der Benutzererfahrung und der visuellen Anziehungskraft. Ressource: Die Prinzipien des schönen Webdesigns .

  6. Portfolio -Website -Entwicklung: codieren Sie Ihre Portfolio -Website mit modernen CSS (Flexbox, Grid, VW/VH -Einheiten), Animationen und Ihr Kontaktformular. Projekt: Entwickeln Sie Ihre Portfolio -Website mit modernen CSS -Techniken und -Animationen. Ressource: CSS Master, 2. Auflage .

  7. Web Performance Auditing (Lighthouse): Prüfen Sie die Leistung Ihrer Portfolio -Website mit Lighthouse, in denen alle identifizierten Probleme behandelt werden. Projekt: Prüfen Sie Ihre Website mit Lighthouse und optimieren Sie die Leistung auf den gesamten Geräten. Ressource: Start -Web -Leistung .

  8. Befehlszeilenkompetenz (Bash): Machen Sie sich mit der Bash -Shell vertraut, verschiedene Aufgaben ausführen und Aliase erforschen. Projekt: Verwenden Sie Bash für eine Woche, führen Sie die Dateisystemnavigation, die Dateimanipulation und die Erkundung von Aliase durch. Erwägen Sie, ZSH zu erkunden. Ressource: Bash Quick Start Guide .

  9. Versionskontrolle (Git & GitHub): Verwenden Sie Git, um Ihre Projekte zu verwalten und Ihren Code in ein GitHub -Repository zu bringen. Projekt: Stellen Sie Ihre Währungskonverter -App unter Git -Versionskontrolle ein und drücken Sie sie auf GitHub. Ressource: Sprungstart Git .

  10. node.js Anwendung: Erstellen Sie eine einfache Node.js -Anwendung, integriert Routing, Vorlagen, Formulierung, Datenbankinteraktion und grundlegende Authentifizierung. Projekt: Folgen Sie einem Node.js -Tutorial (z. B. Erstellen einer einfachen Web -App) und passen Sie es an. Ressource: SitePoint -Foren.

häufig gestellte Fragen (FAQs):

Dieser Abschnitt enthält präzise Antworten auf häufige Fragen zur Landung eines ersten Entwicklerjobs, der Abdeckung von Portfolioprojekten, wesentlichen Fähigkeiten, Erfahrung in der realen Welt, der Vorbereitung von Interviews und den Lernressourcen. Die ursprünglichen FAQs werden für SUKTIVE und Klarheit neu geschrieben.

Schlussfolgerung:

Ein starkes Portfolio durch praktische Projekte erstellen, ist von größter Bedeutung. Kombinieren Sie diese Fähigkeiten mit konsequentem Lernen und aktivem Engagement in der Entwicklergemeinschaft, um Ihre Berufsaussichten erheblich zu verbessern.

Das obige ist der detaillierte Inhalt von10 Projekte, um Sie im Jahr 2020 zu Ihrem ersten Entwicklerjob zu bringen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage