devmap

Peta Pengembangan Pengembang Web

Isi

• Setiap pengembang yang menghargai diri sendiri harus tahu:

  • Buku
  • Bahasa Inggris
  • Arsitektur Komputer
  • Linux, pesta baris perintah
  • Struktur data
  • HTML & CSS
  • Pemrograman berorientasi objek
  • Pemrograman fungsional
  • Sistem Manajemen Versi
  • Protokol HTTP
  • Pengujian
  • Situs pengaman
  • Manajemen waktu

• Pengembang Peta Pengembangan Pengembang:

  • Algoritma
  • Bahasa pemrograman server
  • Pola Pemrograman
  • Prinsip Pemrograman
  • Ekspresi reguler
  • SQL
  • Desain Basis Data
  • Freimvorki
  • Manajer Paket
  • Perangkat server web dan metode interaksi
  • Pengembangan proyek

• Pengembang Peta Pengembangan Pengembang:

  • Javascript
  • Desain web adaptif/responsif
  • Perpustakaan JavaScript
  • Preprosesor CSS
  • Kolektor Proyek
  • Manajer Paket
  • CSS Freimvorki
  • Javascript Freimvorki
  • Satu aplikasi -page

---

Setiap pengembang yang menghargai diri sendiri harus tahu ↑

BUKU ↑

Ini adalah buku -buku "untuk sepanjang masa." Yang terbaik dari jenis mereka dan penting bagi pemrogram dari arah apa pun.

• Kehidupan:

  • Target. Proses Perbaikan Berkelanjutan (Eliya M. Goldrat, Jeff Cox)
  • Seorang programmer yang ideal. Cara Menjadi Profesional Pengembangan Profesional (Robert K. Martin)
  • Joel tentang pemrograman (Joel H. Spolski)
  • Joel dan lagi tentang pemrograman (Joel H. Spolski)

• Arsitektur Komputer:

  • Kode. Bahasa Rahasia Ilmu Komputer (Charles Petzold)

• Pemrograman:

  • Struktur dan interpretasi program komputer (Harold Abelson, Gerald Jay Sassman)
  • Algoritma. Kursus Pengantar (Thomas H. Korn)
  • Kode selesai (Steve MacConnell)
  • Kode Bersih: Pembuatan, Analisis, dan Refaktor (Robert Martin)
  • Refactoring. Meningkatkan kode yang ada (Martin Fowler)

• Sistem Operasi:

  • Sistem Operasi UNIX (Andrey Robachevsky, Sergey Smesnyugin, Olga Stesik)
  • Manajemen Administrator Linux (Evi Nemet, Gart Snyder, Trent R. Hein)

• Rakyat:

  • Faktor manusia. Proyek dan tim yang sukses (Tom Demarko, Timothy Lister)
  • Mythical Man-Month, atau bagaimana sistem perangkat lunak dibuat (Hill Chapel, Frederick Brooks)
  • Bagaimana cara menggeser Gunung Fuji? Pendekatan perusahaan dunia terkemuka untuk mencari bakat (William Poundstone)

---

Bahasa Inggris ↑

Mengapa - Sebagian besar kursus terbaik, referensi, dan materi pendidikan tersedia dalam bahasa Inggris. Jika kesulitan muncul, maka dengan pengetahuan bahasa Inggris, kemungkinan menemukan jawaban di web di seluruh dunia lebih tinggi. Juga, jika Anda ingin bekerja dalam kampanye bergengsi yang keren, maka tanpa bahasa Inggris dengan cara apa pun.

• Sumber daya yang berguna:
  • Duolingo
  • Lingualeo
  • Babadum
  • Anki dan 4000 Kata Bahasa Inggris Esensial (semua buku) [en-en] m4r4m
  • TechRocks Banyak artikel yang diterjemahkan dari bahasa Inggris
  • Bahasa Inggris E-Seader yang diadaptasi dalam bahasa Inggris
  • British Council adalah banyak informasi yang berguna dan terstruktur untuk dipelajari
  • Jazz nyanyian melatih kecepatan dan kecepatan bicara untuk terdengar lebih alami
  • Engoo Daily News Artikel dalam Bahasa Inggris dengan Breakdown Berdasarkan Level
  • Pencarian Youoglish untuk pengucapan kata atau frasa pendek di YouTube

---

Arsitektur Komputer ↑

Tujuannya adalah untuk berkenalan dengan struktur konseptual komputer.

• Buku:
  • Kode. Bahasa Rahasia Ilmu Komputer (Charles Petzold)

---

Linux, Command Line Bash ↑

Tujuannya adalah untuk memahami cara kerja sistem operasi. Pelajari administrasi dasar.

• Sumber daya:
  • Kursus: Bash: Dasar -dasar baris perintah (hexlet)
  • Artikel: Command Line Art (artikel)
  • Buku: Sistem Operasi UNIX (Andrey Robachevsky, Sergey Smesnyugin, Olga Zhesik)
  • Buku: Administrator Linux (Evi Nemet, Gart Snyder, Trent R. Hein)
  • Buku: Pemrograman Lanjutan di Lingkungan UNIX (Richard Stevens)

---

Struktur Data ↑

Struktur Data adalah unit perangkat lunak yang memungkinkan Anda untuk menyimpan dan memproses banyak jenis yang sama dan/atau data yang terkait secara logis dalam teknologi komputer. Data dapat diwakili dengan cara yang berbeda. Bergantung pada data jenis apa itu dan apa yang akan Anda lakukan dengan mereka, satu kinerja akan lebih cocok daripada yang lain.

Disarankan untuk berkenalan dengan algoritma setidaknya di tingkat dasar. Karena struktur data diimplementasikan menggunakan algoritma, algoritma - menggunakan struktur data.

• Memahami:

  • Daftar
  • HESH-TABLE
  • Tumpukan
  • Antre
  • Grafik
  • Daftar Tenang
  • Pohon
  • Pohon pencarian ganda

• Artikel:

  • Struktur data untuk yang terkecil

• BUKU:

  • Kode Perfect (Steve MacConnell) Bab 12 Jenis Data Utama
  • Struktur dan interpretasi program komputer (Harold Abelson, Gerald Jay Sassman)
  • Algoritma Grunt. Manual Illustrated untuk Programmer dan Penasaran (Aditya Bhargava)

---

HTML & CSS ↑

• Untuk mempelajari konsep:

  • Tata letak
  • Html 5
  • Tanda
  • Semantik
  • Dikatakan
  • Gelektor
  • Animasi

• Dokumentasi, Kursus:

  • HTMLBook
  • Mdn
  • HTML Academy
  • Pengantar schema.org (Yandex)

---

Pemrograman berorientasi objek ↑

• Untuk mempelajari konsep:

  • Kelas
  • Obyek
  • Abstraksi data
  • Enkapsulasi
  • Warisan
  • Polimorfisme

• Buku:

  • Desain sistem perangkat lunak yang berorientasi objek (Bertrand Meyer)

---

Pemrograman Fungsional ↑

• Untuk mempelajari konsep:

  • Abstraksi data
  • Fungsi urutan yang lebih tinggi
  • Fungsi murni
  • Rekursi
  • Penutupan
  • Objek yang ditingkatkan

• Artikel:

  • Pemrograman Fungsional untuk Semua (Habrahabr)
  • Abstraksi

• Buku:

  • Struktur dan interpretasi program komputer (Harold Abelson, Gerald Jay Sassman)

---

Sistem Manajemen Versi ↑

• Untuk mempelajari konsep:

  • Percabangan
  • Merger
  • Konflik dan resolusi mereka
  • Versi proyek, tag
  • Prinsip Dasar Pengembangan Perangkat Lunak di VCS
  • Siklus kerja harian

• Dengan baik:

  • Git bagaimana caranya

• Buku:

  • Pro Git (Scott Chacon, Ben Straub)

• Artikel:

  • Bagaimana menghasilkan komitmen yang bermakna. Kami menggunakan standar komitmen konvensional

---

Protokol http ↑

Tujuannya adalah untuk memahami bagaimana browser berinteraksi dengan server web.

• Untuk mempelajari konsep:

  • Agen pengguna
  • DNS
  • Perbedaan HTTP 2.0 dan Versi 1.x
  • Tubuh Permintaan HTTP
  • Transmisi data
  • Mengirim formulir
  • Pengodean transfer
  • Mengarahkan ulang
  • Otentikasi Dasar
  • Cookie

• Artikel:

  • Bahasa Sederhana Tentang HTTP (Habrahabr)
  • HTTP: Protokol yang harus diketahui oleh setiap pengembang (Bagian 1)
  • HTTP: Protokol yang harus diketahui oleh setiap pengembang (Bagian 2)
  • Permintaan HTTP
  • Jawaban http

• Dengan baik:

  • HTTP Protocol (Hexlet)

---

Pengujian ↑

• Jenis tes:

  • Pengujian blok (modular, pengujian unit)
  • Pengujian integrasi
  • Pengujian sistem

• Untuk mempelajari metodologi:

  • Pengembangan melalui pengujian (TDD)
  • Pengembangan Berdasarkan Fungsi (BDD)

• Artikel:

  • Jenis Pengujian dan Pendekatan untuk Penggunaannya (Habrahabr)
  • Pengembangan kereta atau kuda yang digerakkan oleh uji? (Habrahabr)

---

Situs pengaman ↑

• Kerentanan:

  • SQL menyuntikkan
  • Scripting intershyte atau XSS
  • Demonstrasi kesalahan kepada pengguna
  • Aksesibilitas data tentang karakteristik sistem pengguna
  • Injeksi melalui unduhan file
  • Infeksi email
  • Pencurian sesi

• Buku:

  • Rahasia peretas. Web -Application Security -Ready -Made Solutions (Joel Scambray, Mike Shema)

• Artikel:

  • 5 kerentanan teratas keamanan php

---

Manajemen Waktu ↑

Manajemen Waktu - Teknologi pengorganisasian waktu dan meningkatkan efisiensi penggunaannya.

Metode:

• Metode tomat
• Metode Pareto
• Metode ALP
• Matriks Eisenhower

Anda dapat menggunakan satu atau lebih metode atau mengembangkan metode Anda sendiri. Hal utama adalah bahwa itu nyaman dan benar -benar bermanfaat.

• Artikel:
  • Cara merencanakan waktu: 7 teknik manajemen waktu paling populer
  • Manajemen waktu untuk pengembang
  • Manajemen Wikipedia

---

Peta pengembangan back-end pengembang ↑

Algoritma ↑

• Kenali algoritma:

  • Penyortiran
  • Cari dalam satu baris
  • Memotong dan mencari di struktur data
  • Di kolom

• Artikel:

  • Penyortiran gelembung dan semua-semua-semua (Habrahabr)
  • Algoritma pencarian garis (Habrahabr)
  • Algoritma dan struktur data data. Ceramah dan Kursus dari Yandex (Habrahabr)
  • Algoritma Deikstra. Cari rute optimal di kolom (habrahabr)

• BUKU:

  • Algoritma Grunt. Manual Illustrated untuk Programmer dan Penasaran (Aditya Bhargava)
  • Algoritma. Kursus Pengantar (Thomas H. Korn)

• Sumber daya:

  • Hackerrank
  • Codewars
  • Leetcode

---

Bahasa Pemrograman Server ↑

Tujuannya adalah untuk menguasai beberapa bahasa pemrograman server.

Anda tidak dapat memikirkan bahasa yang sama, karena Anda mungkin memiliki 'otak java' - ketidakmampuan untuk berpikir di luar bahasa pemrograman Anda.

Slogan: Anda perlu memprogram bukan dalam bahasa pemrograman, tetapi menggunakannya.

• Contoh bahasa server:

  • Php
  • Python
  • Rubi
  • Node.js

• Artikel:

  • Tipe data
  • Pemrograman fungsional
  • Pemrograman berorientasi objek
  • Pengujian

---

Pola Pemrograman ↑

• Kenali jenis pola yang pas:

  • Template desain penggilingan
  • Templat Desain Struktural
  • Template Desain Perilaku

• Artikel:

  • DesignPatternSphp
  • Template Wikipedia)
  • Shopper on Design Template (Habrahabr)
  • Direktori "Pola Desain"
  • Pola Desain untuk Manusia (GitHub)
  • Katalog Pola Desain

• Video:

  • Webinar: Pola (Hexlet)

• Buku:

  • Resepsi desain berorientasi objek. Pola Desain (E. Gamma, R. Helm, R. Johnson, D. Vlissel.)

---

Prinsip Pemrograman ↑

• Berkenalan dengan prinsip -prinsipnya:

  • Kering
  • Ciuman
  • Yagni
  • Padat

• Artikel:

  • Prinsip Pemrograman (Wikipedia)

---

Ekspresi reguler ↑

• Untuk mempelajari konsep:

  • Hitungan
  • Ketamakan
  • Kelompok

• Artikel:

  • Ekspresi reguler (Wikipedia)
  • Kuantifikasi serakah dan malas (belajar.javascript)

---

SQL ↑

• Untuk mempelajari konsep:

  • DDL, DML, DQL
  • Membuat dan menghapus database, tabel
  • Menambahkan, memperbarui dan menghapus catatan
  • Skema (Skema)
  • Pertunjukan (tampilan)
  • Apa
  • Batas, Offseet
  • Memesan oleh
  • Grup oleh
  • Bergabung
  • Pelanggan

• Artikel:

  • Apa itu SQL (Wikipedia)
  • Skema Basis Data (Wikipedia)
  • Pertunjukan di MySQL (Habrahabr)
  • Pilihan yang memenuhi syarat saat menggunakan proposal
  • Pencarian Lengkap -Teks dan Kemampuannya (Habrahabr)

• Kursus:

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

---

Desain Basis Data ↑

• Untuk mempelajari konsep:

  • Normalisasi
  • Denormalisasi
  • Koneksi

• Artikel:

  • Desain Basis Data (Wikipedia)
  • Bentuk normal (Wikipedia)
  • Normalisasi hubungan. Enam bentuk normal (habrahabr)
  • Denormalisasi database. Untuk apa? Kapan? Bagaimana? (Habrahabr)

---

Freimvorki ↑

Untuk bahasa pemrograman yang berbeda, ada kerangka kerja yang berbeda, Anda tidak perlu mempelajari semuanya sekaligus, Anda perlu mengambil beberapa kerangka kerja sebagai dasar.

• PHP Freimvorki:

  • Microframework ramping
  • Laravel
  • Symfony
  • Yii

• Python Freimvorki:

  • Django
  • Labu

• Ruby Freimvorki:

  • Ruby on Rails

• Node.js freimvorki:

  • Cepat
  • Koa
  • Berikutnya

• Artikel:

  • Freimvork (Wikipedia)
  • Jangan mengajar kerangka kerja, mengajar arsitektur (habrahabr)

---

Manajer Paket ↑

• Daftar Manajer Paket:

  • Untuk php - komposer
  • Untuk python - pip
  • Untuk ruby ​​- bundler
  • Untuk javascript - npm, benang

• Artikel:

  • Composer - Manajer Dependensi untuk PHP (Habrahabr)
  • NPM untuk manusia sederhana (Habrahabr)

---

Perangkat server web dan metode interaksi ↑

• Untuk mempelajari konsep:

  • Http
  • Nginx
  • Apache
  • Utas
  • Pekerja
  • CGI
  • Fastcgi
  • Loop acara

• Artikel:

  • HTTP Protocol (DevMap)
  • Server Web (Wikipedia)
  • Model kerja server web

---

Penentuan proyek ↑

• Untuk mempelajari konsep:

  • DEET
  • Migrasi
  • Pelepasan
  • LINGKUNGAN
  • Integrasi kontinu (CI)

• Artikel:

  • Versi Migrasi Struktur Database: Pendekatan Dasar (Habrahabr)
  • Versi penomoran untuk pemula dan tidak hanya (habrahabr)
  • Penempatan git otomatis dari bitbucket
  • Cara menggunakan vagrant untuk pengembangan web lokal
  • Vagrant untuk bayi, atau bagaimana pada windows mudah untuk mendapatkan server yang disetel untuk pengembangan aplikasi web

---

Pengembang peta front-end ↑

JavaScript ↑

• Mengenal konsep seperti:

  • Variabel
  • Tipe data
  • Fungsi
  • Rekursi
  • Penutupan
  • Cakupan
  • Objek
  • Acara
  • Dom

• Dokumentasi, Buku:

  • Javascript yang fasih
  • belajar.javascript
  • Mdn
  • Fitur Ecmascript 6

---

Desain web adaptif/responsif ↑

• Untuk mempelajari konsep:

  • Desain web adaptif
  • Desain Web Responsif
  • Kueri media
  • Mobile pertama
  • Degradasi anggun
  • Ress

• Artikel:

  • 9 Perbedaan dalam Desain Adaptif dari "Karet" dalam Perayaan GIF
  • Perbandingan Metode untuk Membuat Situs Versi Seluler (Habrahabr)

---

Perpustakaan Javascript ↑

Tujuannya adalah untuk berkenalan dengan perpustakaan JavaScript paling populer. Ketahui di mana dan kapan menggunakannya.

Daftar Perpustakaan:

• jQuery
• Reaksi
• Underscore - Satu set fungsi yang berguna
• Modernizr - Mendeteksi fungsi HTML5 dan CSS3 di browser pengguna
• Babel - Compiler JavaScript generasi berikutnya
• Tiga - 3d
• Wow - animasi saat menggulir halaman
• Momen - Bekerja dengan Tanggal dan Waktu
• Mocha - Tes Menulis

Daftar perpustakaan paling populer adalah di javascripting

---

CSS Preprocessors ↑

• Untuk mempelajari konsep:

  • Variabel
  • Mixin
  • Fungsi
  • Impor
  • Minifikasi

• Daftar Transceptors CSS:

  • Sass/SCSS
  • Lebih sedikit
  • Stylus

• Artikel:

  • Panduan untuk menulis sass yang masuk akal, didukung dan dapat diskalakan

---

Kolektor Proyek ↑

Project Collector adalah aplikasi kecil yang digunakan untuk mengotomatisasi tugas membosankan dan rutin yang harus Anda lakukan terus -menerus dalam proses pengembangan proyek. Tugas -tugas tersebut termasuk, misalnya, peluncuran tes modular, konkret file, minimalisasi, preprocessing CSS.

• Kolektor Proyek:

  • Meneguk
  • Mendengus
  • Webpack
  • Vite

• Artikel:

  • Perakitan yang menyenangkan dari Proyek Depan (Habrahabr)
  • Tegp - seperti seteguk udara segar setelah mendengus
  • Generator file gulp

---

Manajer Paket ↑

• Daftar Manajer Paket:

  • Punjung
  • NPM
  • Benang

• Artikel:

  • Backend
  • NPM untuk manusia sederhana (Habrahabr)

---

CSS Freimvorki ↑

• Daftar Kerangka:

  • Bootstrap
  • Kerangka
  • Dasar

• Artikel:

  • Kereta panjang tentang sepatu bot

---

JavaScript Freimvorki ↑

Ada kerangka kerja yang berbeda, Anda tidak perlu mempelajari semuanya sekaligus, Anda perlu mengambil beberapa kerangka kerja sebagai dasar.

Daftar Kerangka:

• Angular
• Vue
• Langsing
• Bara

---

Satu aplikasi -page ↑

Aplikasi satu halaman atau SPA (Aplikasi Halaman Tunggal) -A Situs atau aplikasi Web yang menggunakan dokumen HTML tunggal sebagai shell untuk semua halaman web dan mengorganisir interaksi dengan pengguna melalui HTML yang dimuat secara dinamis, CSS, JavaScript, biasanya oleh Ajax.

• Belajar:

  • Javascript Freimvorki
  • Rute
  • Smelonizer
  • API, misalnya istirahat
  • Ajax

• Artikel:

  • Satu aplikasi -page (wikipedia)
  • Tulis kerangka kerja aplikasi web satu halaman dalam 60 baris kode (habrahabr)