devmap

Webentwicklerentwicklungskarte

Inhalt

• Jeder Selbstbeachtungsentwickler sollte wissen:

  • Bücher
  • Englische Sprache
  • Computerarchitektur
  • Linux, Befehlszeile Bash
  • Datenstrukturen
  • HTML & CSS
  • Objektorientierte Programmierung
  • Funktionelle Programmierung
  • Versionenmanagementsysteme
  • HTTP -Protokoll
  • Testen
  • Sicherheitsstellen
  • Zeitmanagement

• Entwicklerentwicklungskarte Entwickler:

  • Algorithmen
  • Server -Programmiersprachen
  • Programmiermuster
  • Programmierprinzipien
  • Reguläre Ausdrücke
  • Sql
  • Datenbankdesign
  • Freiimvorki
  • Paketmanager
  • Webserver Geräte- und Interaktionsmethoden
  • Entwicklung von Projekten

• Entwicklerentwicklungskarte Entwickler:

  • JavaScript
  • Adaptiv/reaktionsschnell Webdesign
  • JavaScript -Bibliotheken
  • CSS -Präprozessoren
  • Projektsammler
  • Paketmanager
  • CSS Freiimvorki
  • JavaScript Freiimvorki
  • Eine -Seite -Anwendung

---

Jeder Selbstbeachtungsentwickler sollte ↑ wissen,

Bücher ↑

Dies sind die Bücher "für alle Zeiten". Das Beste ihrer Art und wichtig für Programmierer aller Richtungen.

• Leben:

  • Ziel. Der Prozess der kontinuierlichen Verbesserung (Eliya M. Goldrat, Jeff Cox)
  • Ein idealer Programmierer. Wie man professioneller Entwicklungsprofi wird (Robert K. Martin)
  • Joel über das Programmieren (Joel H. Spolski)
  • Joel und wieder über das Programmieren (Joel H. Spolski)

• Computerarchitektur:

  • Code. Geheime Sprache der Informatik (Charles Petzold)

• Programmierung:

  • Die Struktur und Interpretation von Computerprogrammen (Harold Abelson, Gerald Jay Sassman)
  • Algorithmen. Einführungskurs (Thomas H. Korn)
  • Abgeschlossener Code (Steve MacConnell)
  • Clean Code: Erstellung, Analyse und Refactoring (Robert Martin)
  • Refactoring. Verbesserung des vorhandenen Code (Martin Fowler)

• Betriebssysteme:

  • UNIX -Betriebssystem (Andrey Robachevsky, Sergey Smesnyugin, Olga Stesik)
  • Linux Administrator Management (Evi Nemet, Gart Snyder, Trent R. Hein)

• Menschen:

  • Der menschliche Faktor. Erfolgreiche Projekte und Teams (Tom Demarko, Timothy Lister)
  • Mythischer Mannmonatsmonats oder wie Softwaresysteme erstellt werden (Hill Chapel, Frederick Brooks)
  • Wie verschiebert ich Mount Fuji? Ansätze führender Weltunternehmen, um nach Talenten zu suchen (William Poundstone)

---

Englisch ↑

Warum - die meisten der besten Kurse, Referenz- und Bildungsmaterialien sind in Englisch erhältlich. Wenn Schwierigkeiten auftreten, sind die Chancen, im World Wide Web eine Antwort zu finden, mit Kenntnis von Englisch höher. Auch wenn Sie in einer coolen prestigeträchtigen Kampagne arbeiten möchten, dann ohne Englisch in irgendeiner Weise.

• Nützliche Ressourcen:
  • Duolingo
  • Lingualeo
  • Babadum
  • ANKI und 4000 Essentielle englische Wörter (alle Bücher) [en-en] m4r4m
  • TechRocks viele Artikel, die aus Englisch übersetzt wurden
  • Englische E-Seader adaptierte Bücher in englischer Sprache
  • Der britische Rat ist viele nützliche und strukturierte Informationen zum Studium
  • Jazzgesänge Trainingstempo und Sprachgeschwindigkeit, um natürlicher zu klingen
  • Engou Daily News -Artikel auf Englisch mit einer Aufschlüsselung von Level
  • Youoglish -Suche nach der Aussprache eines Wortes oder einer kurzen Phrase in YouTube

---

Computerarchitektur ↑

Ziel ist es, die konzeptionelle Struktur von Computern kennenzulernen.

• Buch:
  • Code. Geheime Sprache der Informatik (Charles Petzold)

---

Linux, Befehlszeile Bash ↑

Ziel ist es zu verstehen, wie Betriebssysteme funktionieren. Grundlegender Verwaltung lernen.

• Ressourcen:
  • Kurs: Bash: Die Grundlagen der Kommandozeile (Hexlet)
  • Artikel: Befehlszeilenkunst (Artikel)
  • Buch: UNIX -Betriebssystem (Andrey Robachevsky, Sergey Smesnyugin, Olga Zhesik)
  • Buch: Administrator Linux (Evi Nemet, Gart Snyder, Trent R. Hein)
  • Buch: Fortgeschrittene Programmierung in der UNIX -Umgebung (Richard Stevens)

---

Datenstrukturen ↑

Datenstrukturen sind eine Softwareinheit, mit der Sie viele der gleichen Art und/oder logisch verwandten Daten in der Computertechnologie speichern und verarbeiten können. Daten können auf unterschiedliche Weise dargestellt werden. Abhängig davon, welche Art von Daten es ist und was Sie mit ihnen machen werden, passt eine Leistung besser als andere.

Es wird empfohlen, mindestens auf der Grundstufe Algorithmen kennenzulernen. Da Datenstrukturen mit Algorithmen implementiert werden, Algorithmen - unter Verwendung von Datenstrukturen.

• Verständnis:

  • Listen
  • Hesh-table
  • Stapel
  • Warteschlange
  • Graph
  • Ruhige Liste
  • Bäume
  • Doppelte Suchbaum

• Artikel:

  • Datenstrukturen für die kleinsten

• Bücher:

  • Perfekter Code (Steve MacConnell) Kapitel 12 Hauptdatentypen
  • Die Struktur und Interpretation von Computerprogrammen (Harold Abelson, Gerald Jay Sassman)
  • Grunzalgorithmen. Illustriertes Handbuch für Programmierer und Neugierige (Aditya Bhargava)

---

HTML & CSS ↑

• Konzepte lernen:

  • Layout
  • HTML 5
  • Markierung
  • Semantik
  • Sagte
  • Gelteur
  • Animation

• Dokumentation, Kurse:

  • HTMLBOOK
  • Mdn
  • HTML Academy
  • Einführung in schema.org (yandex)

---

Objektorientierte Programmierung ↑

• Konzepte lernen:

  • Klasse
  • Objekt
  • Datenabstraktion
  • Verkapselung
  • Nachlass
  • Polymorphismus

• Buch:

  • Objektorientiertes Design von Softwaresystemen (Bertrand Meyer)

---

Funktionelle Programmierung ↑

• Konzepte lernen:

  • Datenabstraktion
  • Funktionen höherer Ordnung
  • Reine Funktionen
  • Rekursion
  • Schließungen
  • Verbessertes Objekt

• Artikel:

  • Funktionelle Programmierung für alle (Habrahabr)
  • Abstraktion

• Buch:

  • Die Struktur und Interpretation von Computerprogrammen (Harold Abelson, Gerald Jay Sassman)

---

Versionenmanagementsysteme ↑

• Konzepte lernen:

  • Verzweigung
  • Fusionen
  • Konflikte und ihre Lösung
  • Projektversionen, Tags
  • Grundprinzipien der Softwareentwicklung in VCs
  • Täglicher Arbeitszyklus

• Also:

  • Git wie zu

• Buch:

  • Pro Git (Scott Chacon, Ben Straub)

• Artikel:

  • Wie man sinnvolle Commits erzeugt. Wir verwenden den herkömmlichen Commit -Standard

---

Protokoll http ↑

Ziel ist es zu verstehen, wie der Browser mit dem Webserver interagiert.

• Konzepte lernen:

  • Benutzer-Agent
  • DNS
  • Unterschiede HTTP 2.0 und Versionen 1.x
  • Die Karosserie von HTTP -Anfrage
  • Datenübertragung
  • Senden von Formularen
  • Übertragungskodierung
  • Umleiten
  • Grundlegende Authentifizierung
  • Kekse

• Artikel:

  • Einfache Sprache über HTTP (Habrahabr)
  • HTTP: Ein Protokoll, das jeder Entwickler wissen muss (Teil 1)
  • HTTP: Ein Protokoll, das jeder Entwickler kennen muss (Teil 2)
  • HTTP -Anfrage
  • HTTP -Antwort

• Also:

  • HTTP -Protokoll (Hexlet)

---

Test ↑

• Arten von Tests:

  • Blocktests (modular, Einheitstests)
  • Integrationstests
  • Systemtests

• Methoden untersuchen:

  • Entwicklung durch Tests (TDD)
  • Entwicklung basierend auf Funktionen (BDD)

• Artikel:

  • Arten von Tests und Ansätzen ihrer Verwendung (Habrahabr)
  • Testgetriebene Entwicklungskart oder Pferd? (Habrahabr)

---

Sicherheitsstellen ↑

• Verwundbarkeit:

  • SQL -Injektion
  • Intershyte -Skripte oder XSS
  • Demonstration von Fehlern für den Benutzer
  • Zugänglichkeit von Daten über die Eigenschaften des Benutzersystems
  • Injektion durch Datei -Download
  • E-Mail-Infektion
  • Diebstahl der Sitzung

• Buch:

  • Die Geheimnisse von Hackern. Web -Application Security -Ready -hergestellte Lösungen (Joel Scambray, Mike Shema)

• Artikel:

  • Top 5 Schwachstellen PHP -Sicherheit

---

Zeitmanagement ↑

Zeitmanagement - Die Technologie, Zeit zu organisieren und die Effizienz der Verwendung zu erhöhen.

Methoden:

• Tomatenmethode
• Pareto -Methode
• ALP -Methode
• Eisenhower Matrix

Sie können eine oder mehrere Methoden verwenden oder Ihre eigene Methode entwickeln. Die Hauptsache ist, dass es bequem ist und wirklich profitiert.

• Artikel:
  • Wie man Zeit plant: 7 beliebteste Zeitmanagementtechniken
  • Zeitmanagement für den Entwickler
  • Wikipedia Management

---

Entwickler Back-End-Entwicklungskarte ↑

Algorithmen ↑

• Lernen Sie die Algorithmen kennen:

  • Sortierung
  • Suche in einer Zeile
  • Bypass und Suche in Datenstrukturen
  • Auf den Spalten

• Artikel:

  • Blasensortierung und All-All-All (Habrahabr)
  • Liniensuchalgorithmen (Habrahabr)
  • Algorithmen und Struktur von Datendaten. Vorträge und Kurse von Yandex (Habrahabr)
  • Der Dekstra -Algorithmus. Suche nach optimalen Routen in der Spalte (Habrahabr)

• Bücher:

  • Grunzalgorithmen. Illustriertes Handbuch für Programmierer und Neugierige (Aditya Bhargava)
  • Algorithmen. Einführungskurs (Thomas H. Korn)

• Ressourcen:

  • Hackerrank
  • Codewars
  • Leetcode

---

Server -Programmiersprachen ↑

Ziel ist es, mehrere Serverprogrammiersprachen zu beherrschen.

Sie können sich nicht mit derselben Sprache befassen, da Sie möglicherweise über ein "Java -Gehirn" verfügen - nicht in der Lage, über Ihre Programmiersprache nachzudenken.

Der Slogan: Sie müssen nicht in der Programmiersprache programmieren, sondern sie verwenden.

• Beispiele für Serversprachen:

  • Php
  • Python
  • Rubin
  • Node.js

• Artikel:

  • Datentypen
  • Funktionelle Programmierung
  • Objektorientierte Programmierung
  • Testen

---

Programmiermuster ↑

• Lernen Sie die passenden Arten von Mustern kennen:

  • Schleifdesignvorlagen
  • Strukturdesign Vorlagen
  • Verhaltensdesignvorlagen

• Artikel:

  • DesignPatternSPHP
  • Wikipedia -Vorlage)
  • Käufer für Designvorlagen (Habrahabr)
  • Verzeichnis "Muster des Designs"
  • Entwurfsmuster für Menschen (Github)
  • Katalog der Entwurfsmuster

• Video:

  • Webinar: Muster (Hexlet)

• Buch:

  • Empfänge von objektorientiertem Design. Entwurfsmuster (E. Gamma, R. Helm, R. Johnson, D. Vlissel.)

---

Programmierprinzipien ↑

• Machen Sie sich die Prinzipien kennen:

  • Trocken
  • Kuss
  • Yagni
  • Solide

• Artikel:

  • Programmierprinzipien (Wikipedia)

---

Reguläre Ausdrücke ↑

• Konzepte lernen:

  • Quantifizierung
  • Gier
  • Gruppe

• Artikel:

  • Reguläre Ausdrücke (Wikipedia)
  • Gierige und faule Quantifizierer (Learn.JavaScript)

---

SQL ↑

• Konzepte lernen:

  • DDL, DML, DQL
  • Erstellen und Löschen einer Datenbank, Tabellen
  • Hinzufügen, Aktualisieren und Entfernen von Datensatz
  • Schema (Schema)
  • Aufführungen (Ansichten)
  • Was
  • Begrenzung, Offset
  • Bestellen von
  • Gruppe von
  • Verbinden
  • Abonnenten

• Artikel:

  • Was ist SQL (Wikipedia)
  • Datenbankschema (Wikipedia)
  • Aufführungen in MySQL (Habrahabr)
  • Qualifizierte Wahl bei der Verwendung von Vorschlägen
  • Full -Text -Suche und ihre Fähigkeiten (Habrahabr)

• Kurse:

  • Datenbank: SQL (DDL/DML) (Hexlet)
  • Datenbank: SQL (DQL) (Hexlet)

---

Datenbankdesign ↑

• Konzepte lernen:

  • Normalisierung
  • Denormalisierung
  • Verbindung

• Artikel:

  • Datenbankdesign (Wikipedia)
  • Normale Form (Wikipedia)
  • Normalisierung der Beziehungen. Sechs normale Formen (Habrahabr)
  • Denormalisierung der Datenbank. Wofür? Wann? Wie? (Habrahabr)

---

Freiimvorki ↑

Für verschiedene Programmiersprachen gibt es verschiedene Frameworks. Sie müssen nicht alles gleichzeitig studieren, Sie müssen mehrere Frameworks als Grundlage einnehmen.

• Php Freiimvorki:

  • Slim Mikroframework
  • Laravel
  • Symfony
  • Yii

• Python Freiimvorki:

  • Django
  • Flasche

• Ruby Freiimvorki:

  • Rubin auf Schienen

• Node.js Freiimvorki:

  • Äußern
  • KOA
  • Nächste

• Artikel:

  • Freisimvon (Wikipedia)
  • Unterrichten Sie keine Rahmenbedingungen, lehren Sie Architektur (Habrahabr)

---

Paketmanager ↑

• Liste der Paketmanager:

  • Für PHP - Komponist
  • Für Python - Pip
  • Für Ruby - Bundler
  • Für JavaScript - NPM, Garn

• Artikel:

  • Komponist - Abhängigkeit Manager für PHP (Habrahabr)
  • NPM für einfache Sterbliche (Habrahabr)

---

Das Gerät von Webservern und Interaktionsmethoden ↑

• Konzepte lernen:

  • Http
  • Nginx
  • Apache
  • Themen
  • Arbeitnehmer
  • CGI
  • Fastcgi
  • Ereignisschleife

• Artikel:

  • HTTP -Protokoll (DevMap)
  • Webserver (Wikipedia)
  • Arbeitsmodelle von Webservern

---

Bestimmung von Projekten ↑

• Konzepte lernen:

  • DEET
  • Migration
  • Veröffentlichungen
  • UMFELD
  • Kontinuierliche Integration (CI)

• Artikel:

  • Versionsmigration der Datenbankstruktur: Grundlegende Ansätze (Habrahabr)
  • Nummerierungsversionen für Anfänger und nicht nur (Habrahabr)
  • Automatisierte GIT -Bereitstellungen von Bitbucket
  • So verwenden Sie Vagrant für die lokale Webentwicklung
  • Vagrant für Babys oder wie auf Windows es einfach ist, einen abgestimmten Server für die Entwicklung von Webanwendungen zu erhalten

---

Entwickler Front-End-Karte ↑

JavaScript ↑

• Lernen Sie solche Konzepte kennen wie:

  • Variablen
  • Datentypen
  • Funktionen
  • Rekursion
  • Schließungen
  • Umfang
  • Objekte
  • Ereignisse
  • Dom

• Dokumentation, Bücher:

  • Eloquentes JavaScript
  • lern.javaScript
  • Mdn
  • ECMascript 6 Merkmale

---

Adaptiv/reaktionsschnell Webdesign ↑

• Konzepte lernen:

  • Adaptives Webdesign
  • Responsive Webdesign
  • Medienfragen
  • Mobil zuerst
  • Anmutiger Erniedrigung
  • Ress

• Artikel:

  • 9 Unterschiede im adaptiven Design von "Gummi" bei GIF -Feierlichkeiten
  • Vergleich von Methoden zum Erstellen mobiler Versionen von Websites (Habrahabr)

---

JavaScript -Bibliothek ↑

Ziel ist es, die beliebtesten JavaScript -Bibliotheken kennenzulernen. Wissen Sie, wo und wann Sie sie benutzen müssen.

Liste der Bibliotheken:

• JQuery
• Reactjs
• Unterstriche - eine Reihe nützlicher Funktionen
• Modernizr - Erkennt HTML5- und CSS3 -Funktionen im Benutzerbrowser
• Babel - JavaScript -Compiler der nächsten Generation
• Drei - 3d
• Wow - Animation beim Scrollenseite
• Moment - Arbeit mit Datum und Uhrzeit arbeiten
• Mokka - Schreiben von Tests

Die Liste der beliebtesten Bibliotheken ist auf Javascripting

---

CSS -Präprozessoren ↑

• Konzepte lernen:

  • Variablen
  • Mixins
  • Funktionen
  • Import
  • Minifikation

• Liste der CSS -Transzeptoren:

  • Sass/SCSS
  • Weniger
  • Stift

• Artikel:

  • Leitfaden zum Schreiben eines vernünftigen, unterstützten und skalierbaren Sass

---

Projektsammler ↑

Der Projektsammler ist eine kleine Anwendung, mit der Bohr- und Routineaufgaben automatisiert werden, die Sie im Prozess der Projektentwicklung ständig ausführen müssen. Zu diesen Aufgaben gehören beispielsweise der Start modularer Tests, Dateibeton, Minimierung und CSS -Vorverarbeitung.

• Projektsammler:

  • Schluck
  • Grunzen
  • Webpack
  • Vite

• Artikel:

  • Angenehme Versammlung des vorgefertigten Projekts (Habrahabr)
  • Schlucken - wie ein Schluck frischer Luft nach Grunzen
  • Der Gulp -Dateigenerator

---

Paketmanager ↑

• Liste der Paketmanager:

  • Laube
  • NPM
  • Garn

• Artikel:

  • Backend
  • NPM für einfache Sterbliche (Habrahabr)

---

CSS Freiimvorki ↑

• Liste der Frameworks:

  • Bootstrap
  • Skeleton
  • Stiftung

• Artikel:

  • Langer Wagen über Stiefel

---

JavaScript Freiimvorki ↑

Es gibt verschiedene Frameworks, Sie müssen nicht alles auf einmal untersuchen, Sie müssen mehrere Frameworks als Grundlage einnehmen.

Liste der Frameworks:

• Eckig
• Vue
• Sufle
• Glut

---

Eine Seite Anwendung ↑

Eine einseitige Anwendung oder eine SPA-Website (Einzelseiten) -A-Site oder eine Webanwendung, die ein einzelnes HTML-Dokument als Shell für alle Webseiten verwendet und die Interaktion mit einem Benutzer über dynamisch geladene HTML, CSS, JavaScript, normalerweise nach AJAX, organisiert.

• Studie:

  • JavaScript Freiimvorki
  • Routing
  • Schmelonizer
  • API, zum Beispiel Ruhe
  • Ajax

• Artikel:

  • Eine Seitenanwendung (Wikipedia)
  • Schreiben Sie einseitige Webanwendungs-Framework in 60 Codezeilen (Habrahabr).