[PYTHON] Roadmap und Referenzmaterialien für das Selbststudium der Webentwicklung

Web Entwicklung

Schreiben Sie einen Lehrplan für den ersten Start für Ihre Freunde. Während ich mir das anschaue, mache ich eine Studienrichtlinie, suche selbst danach und studiere an verschiedenen Studienorten. Sie müssen nicht alles versuchen. Wird von Zeit zu Zeit aktualisiert. Die Umgebung wird als Fenster angenommen.

Einführung

Die Programmierung ist leicht zu frustrieren. Versuchen Sie nicht, alles zu verstehen, aber wenn Sie können, geben Sie es bis zu einem gewissen Grad aus und lernen Sie das nächste Neue. Geben Sie Ihr Bestes, um sich nicht zu langweilen oder zu frustrieren. Wenn Sie Fragen haben, auch wenn Sie googeln, sollten Sie jemanden fragen, der dies so schnell wie möglich tun kann. Es ist wahrscheinlich, dass Sie Ihre Zeit verschwenden.

Bau der Entwicklungsumgebung

Erstellen Sie zunächst eine Programmierumgebung auf Ihrem eigenen Computer.

Installieren Sie VSCode

Dies ist ein Editor. Ich werde ein Programm damit schreiben. Einführung in nützliche Erweiterungen

Befehl

Es gibt einige nützliche Befehle, die Sie beachten sollten. Die Verwendung von Befehlen reduziert Stress und beschleunigt die Entwicklung. Persönlich halte ich Multi-Header für praktisch. VScode Cheet Sheet

Installieren Sie die zu verwendende Sprache

Ich werde es Ihnen später zeigen, aber installieren Sie die Sprache, die Sie verwenden möchten. Beispiel: Python Laden Sie den neuen zunächst so oft wie möglich herunter.

Verwenden Sie die Google Chrome Developer Tools

Ich denke, es ist besser, Chrome als Browser zu verwenden. (Ich habe es nie benutzt) Es wird durch Überprüfen von Strg + Umschalt + I oder Rechtsklick angezeigt. Verwenden Sie es also auf verschiedene Arten.

Lassen Sie uns Qiita verwenden

Es ist eine gute Idee, nicht nur nachzuschlagen, sondern auch aufzuschreiben, was Sie gelernt haben. Sie können etwas anderes als Qiita verwenden, aber ich denke, es ist gut, das Gelernte auszugeben, damit Sie Ihr eigenes Wissen organisieren und später darauf zurückgreifen können. Qiita ist in MarkDown-Notation geschrieben. Referenz → Cheet Sheet markieren

HTML und CSS

Genau genommen sind HTML und CSS keine Programmiersprachen, sondern Auszeichnungssprachen. Berühmte kostenlose Unterrichtsmaterialien sind Progate, Paiza Learning und dot install. /)Etc. Lassen Sie uns danach das offizielle Dokument so weit wie möglich lesen. Wer entwerfen will, sollte sich darauf konzentrieren. Wenn Sie Python oder Backend schnell ausführen möchten, lassen Sie es uns moderat tun.

HTML, CSS MDN usw.

JavaScript Wenn Sie jQuery leichtfertig ausführen, können Sie die Verwendung von JavaScript verstehen. Es ist leicht zu glauben, dass jQuery alt ist, aber ich denke, es gibt immer noch viele Websites, die es tatsächlich verwenden. Wenn Sie mehr Frontend machen möchten, reagieren Sie auf js, vue.js, Typoskript usw. JavaScript-spezifische Online-Lernseite JS-Pro

Bootstrap Es ist auch interessant, dies zu verwenden, da die Seite so schnell erstellt werden kann, dass Sie überrascht sein werden. Ich denke, dass aribnb an berühmten Orten Bootstrap verwendet hat. Sie können ganz einfach eine reaktionsschnelle WEB-Seite erstellen. (Wenn Sie Responsive nicht verstehen, lesen Sie bitte [Einführung] Was ist Responsive Web Design? Eine ausführliche Erläuterung der Gliederung und deren Erstellung)

Ausgabe

Wenn Sie jedes Progate usw. durchgehen, können Sie eine Seite für die Ausgabe erstellen. Wie wäre es mit einer Selbsteinführungsseite? Es ist eine schlechte, aber ich werde meine eigene, die ich richtig gemacht habe, mit Bootstrap als Referenz setzen. For Recruiter Page Dies wird in GitHub Pages erwähnt, einer Funktion von Github, die später beschrieben wird.

Programmiersprache

Jede Sprache hat ihre eigenen Eigenschaften und Stärken. Sehen Sie sich dies für Anfänger in der Programmierung an! ← Es gibt eine Erklärung der wichtigsten Sprachen Um sich an die Sprache zu gewöhnen, versuchen Sie, die früheren Fragen von Wettbewerbsprogrammierungsseiten wie AtCoder und HuckerRank zu erklären. Ich empfehle es. Im Folgenden sind einige der wichtigsten und ihre Web-Frameworks aufgeführt. C

C++

C#

Go Echo、Gin

Dart Flutter

Java Spring

JavaScript Node.js, React.js, Vue.js

PHP CakePHP, Laravel

Python

Als Übung von Django, Django Brothers und [DjangoGirls](https: // tutorial.djangogirls.org/ja/) und so weiter.

Ruby Ruby on Rails

Swift

Objektorientierung

Erfahren Sie mehr über Klassen und Instanzen.

Web-Technologie

Sie können keine Web-App erstellen, ohne die Web-Technologie zu kennen. Erfahren Sie mehr über Kommunikation, Netzwerke und Sicherheit. Ich habe "Einführung in die Web-Technologie, um ein Profi zu werden" gelesen und es zusammengefasst [Teil 1]

Datenbank und SQL

Datenbankstruktur, Middleware wie MySQL, Beziehungsmechanismus usw. SQL ist eine Sprache für Datenbankoperationen.

Git Git ist in der Entwicklung unverzichtbar. Wenn Sie also geschäftlich unterwegs sind, sollten Sie es besonders gut studieren. Saruwaka war ziemlich einfach zu verstehen.

Docker Sie müssen die Anwendung ausführen, die Sie lokal erstellt haben. Früher war es notwendig, eine virtuelle Umgebung mit Vagrant usw. zu erstellen, aber Fortschritte in der Technologie haben es möglich gemacht, Dokcer auch unter Windows zu verwenden. Mit dem Windows-Update im April können Sie mit Windows 10 Version 2004 wsl2 und Docker Desktop für Windows verwenden. Mit Dokcer können Sie ganz einfach einen Server lokal einrichten und Anwendungen ausführen, und Sie können die Infrastruktur mit Code verwalten, sodass die Lernkosten etwas hoch sind, aber wir sollten sie aktiv nutzen. Docker Official Einführung in den verständlichsten Container & Docker der Welt Einführung in Docker # 1 [Was ist Docker]

Cloud-Wissen

Zu den wichtigsten Cloud-Diensten gehören GCP, AWS, Es gibt Azure und Heroku. Sie können es für den persönlichen Gebrauch innerhalb des kostenlosen Frames verwenden. Wenn Sie die App also tatsächlich ausführen möchten, versuchen Sie es. Ich erstelle auch eine WEB-Anwendung mit GCP und Firebase.

Nützliches Material

Recommended Posts

Roadmap und Referenzmaterialien für das Selbststudium der Webentwicklung
Web-Lehrmaterialien zum Erlernen von Python
6 Python-Bibliotheken für schnellere Entwicklung und Debugging
[Version 2020] Entwicklungsverfahren für Personal Crawler und seine Vorsichtsmaßnahmen
[Für Anfänger] Django Häufig verwendete Befehle und Referenzsammlung