logo
 JavaScript >> Javascript-Tutorial >  >> Tags >> map

Roadmap für Front-End-Entwickler

Hey Leute 👋

Dieser Artikel wirft einen Blick auf eines der spannenden Themen, die für jede Entwicklerstufe geeignet sind. Darüber hinaus werde ich eine wertvolle Ressource für jeden Schritt einer Roadmap teilen, die ich zuvor verwendet habe, um das Front-End zu lernen.

Ich habe hier einige Bücher geteilt, aber jeder weiß, dass Bücher in Entwicklungsländern zu schnell veraltet sind, also ist es Ihre Entscheidung, sie zu kaufen oder nicht.

HTML, CSS 👨‍🎨

Die Grundstufe, die Neulinge manchmal vermissen 😉
Die eigentliche Grundlage habe ich in einem Buch CSS3:The Missing Manual , und meistens empfehle ich, im Internet nach schönen und herausfordernden Designrahmen zu suchen und zu versuchen, oder viele davon finden Sie kostenlos in der Figma-Community

Ressourcen:

  1. Code-Grundlagen
  2. CSS:Das fehlende Handbuch
  3. Flexfrosch
  4. Gittergarten
  5. MDN-HTML
  6. MDN-CSS

JavaScript ❤️

Die Grundlage des Webs.

  1. Bestes JavaScript-Buch
  2. JavaScript:Die guten Teile

Reagiere ⚛️

Ich bin wirklich verliebt in dieses Framework, möchte aber Svelte ausprobieren und WebComponents .
Ressourcen:

  1. Dokumentation - alle Lernmaterialien finden Sie hier
  2. Egghead Hier findest du viele gute Kurse kostenlos, aber wenn du es erreichst, kannst du sogar eine PRO-Version kaufen🤴)
  3. Learning React Functional Development - kann derzeit veraltet sein, aber dennoch finden Sie hier einige gute Techniken.

Typoskript 🏢

Mehrere Jahre habe ich kein Projekt ohne TS gesagt 🫡

  1. Dokumentation ist immer die beste Ressource 😄
  2. React + TS Cheatsheet – dieses großartige Cheatsheet empfehle ich fast jedem, der React+TS macht

Docker

Es ist eine wesentliche Technologie in der Projekt- und Unternehmensentwicklung mittlerer Größe.

  1. Info über die Docker-Engine
  2. Einführung in Container
  3. Bester Artikel über Docker-Anatomie

Diese drei Ressourcen gaben mir ein grundlegendes Verständnis. Für weitere Informationen empfehle ich Ihnen, sich über eine Docker-Website zu informieren.

Algorithmen

In der Frontend-Entwicklung müssen Sie nicht alle Algorithmen kennen, aber es ist gut, einige Grundlagen zu lernen.

  1. Grokking-Algorithmen können Ihnen gute Grundlagen geben
  2. Kostenloser Kurs von Princeton

Testen

Ein wertvoller Teil des Entwicklungsprozesses, der gut zu wissen ist.

  1. Scherz
  2. Zypresse
  3. testingjavascript von Kent

Wenn Sie gerade keinen Computer haben, scheinen Sie meine ersten Schritte zu teilen, weil ich angefangen habe, das Programmieren ohne Laptop zu lernen, also würde ich empfehlen, mit einer mobilen App namens SoloLearn zu beginnen.

Und natürlich ist YouTube 🎥

einer der besten Orte, um etwas Neues zu lernen

Teilen Sie Ihre besten Ressourcen für Frontend-Entwickler in den Kommentaren 🥇

Umschlaggestaltung von Julia Mazur