Изучите веб-разработку из 50 лучших статей за последний год (версия 2019)

В период с января по декабрь 2018 года мы сравнили почти 14 000 статей о веб-разработке, чтобы выбрать 50 лучших, которые могут улучшить ваши навыки веб-разработки на 2019 год.

Это чрезвычайно конкурентоспособный список (вероятность 50/14 000 или 0,36%), в нем тщательно отбираются самые полезные статьи о веб-разработке, опубликованные за последний год. Mybridge AI оценивает качество, учитывая популярность, вовлеченность и новизну, а также другие человеческие факторы.

Учебники разделены на 17 соответствующих групп (см. Ниже).

Дайте достаточно времени, чтобы прочитать лучшие руководства по веб-разработке, которые вы, возможно, пропустили за последний год. Ознакомьтесь с лучшими статьями о React.js (v.2019): Здесь.

‹Рекомендуемое обучение›

А) От нуля до мастерства

Полный веб-разработчик в 2018 году: от нуля до мастерства.

[58 817 рекомендует, 4,7 / 5 звезд]

Б) Новичок

Новичок в веб-разработке полного стека: HTML, CSS, React & Node.

[93230 рекомендует, 4,5 / 5 звезд]

(Нажмите на номер ниже. Номера НЕ отсортированы по рейтингу в этом сообщении)

No 1

Современный Frontend Developer в 2018 году.

No 2

Как думать как программист - уроки решения проблем.

No 3

Основные принципы обучения программированию - и почему новички должны их осваивать.

No 4

Повышение производительности в Интернете стало проще: использование Lighthouse для повышения производительности загрузки страниц - Адди Османи и Эва Гасперович.

No 5

Веб-производительность 101: JS, CSS, HTTP, изображения и шрифты.

No 6

Speed ​​Essentials: ключевые методы для быстрых веб-сайтов (Chrome Dev Summit 2018).

No 7

Контрольный список производительности внешнего интерфейса 2018 [PDF, Apple Pages].

No 8

Пример использования Netflix Web Performance.

No 9

Контрольный список Front-End-Design: Контрольный список для дизайнеров для креативных веб-дизайнеров и терпеливых Front-End разработчиков [3095 звезд на Github].

No 10

Как написать хороший документ по дизайну программного обеспечения.

No 11

Твердые принципы, которые должен знать каждый разработчик.

‹Опыт разработчика›

No 12

Сосредоточенность и глубокая работа - ваше секретное оружие, чтобы стать 10-кратным разработчиком.

No 13

То, что я хотел бы знать, когда стал техническим директором.

No 14

Эффективный технический руководитель - 100-кратный инженер.

No 15

Что действительно делает старшего разработчика.

‹Практика программирования›

No 16

Правило письма и программирования 10: 1.

No 17

Проблема, которую вы решаете, важнее, чем код, который вы пишете.

No 18

Тестирование программного обеспечения Антипаттерны · Блог Codepipes.

No 19

Справочник по интерфейсному собеседованию: почти полные ответы на «Вопросы о внешнем собеседовании», которые вы можете использовать для собеседования с потенциальными кандидатами, проверить себя или полностью игнорировать [17187 звезд на Github].

No 20

30 секунд интервью для веб-разработчиков.

No 21

50+ вопросов для собеседований по структуре данных и алгоритмам для программистов.

No 22

Как я применил уроки, извлеченные из неудавшегося технического собеседования, чтобы получить 5 предложений о работе.

No 23

Истории 300 разработчиков, получивших свою первую техническую работу в возрасте 30, 40 и 50 лет.

No 24

Как я получил работу разработчика полного цикла без технического образования и опыта работы.

No 25

Как я получил свою первую работу разработчика в 40 лет после 10 месяцев упорной работы.

‹Git›

No 26

Как стать экспертом по Git.

No 27

Как больше не бояться Git.

No 28

Введение в Git Merge и Git Rebase: что они делают и когда их использовать.

No 29

Как научить ИИ преобразовывать макеты дизайна в HTML и CSS.

No 30

Автоматическая интерфейсная разработка с использованием глубокого обучения.

No 31

Распознавание голоса в Интернете с помощью IBM Watson.

‹Browser›

No 32

Взгляд изнутри на современный веб-браузер (часть 1–4) | Интернет | Разработчики Google.

No 33

Как работает рендеринг в браузере - за кулисами.

‹DevTools›

No 34

Оптимизируйте скорость веб-сайта с помощью Chrome DevTools | Инструменты для веб-разработчиков | Разработчики Google.

No 35

Крутые советы и хитрости Chrome DevTools, о которых вы бы уже мечтали.

‹Оптимизация›

No 36

Как мы уменьшили исходный размер JS / CSS на 67%.

No 37

Веб-кеширование на примере покупки молока в супермаркете.

No 38

Как оптимизация изображений снизила вес страницы моего веб-сайта на 62%.

‹PWA›

No 39

Подробное руководство по прогрессивным веб-приложениям.

No 40

Прогрессивные веб-приложения для iOS здесь.

No 41

Прогрессивные веб-приложения 101: что, почему и как.

‹Visual Studio›

No 42

Советы профессионалов по продуктивности Visual Studio Code в 2018 году ‍.

No 43

Безопасность вашего сайта, как в 1999 году.

‹Веб-безопасность›

No 44

Сильно обновите среду разработки с помощью этих расширений Visual Studio Code.

No 45

Я обнаружил ошибку в браузере.

No 46

Краткое введение в веб-безопасность.

‹Интернет-опрос›

No 47

Исследование Front-End Tooling Survey 2018 - результаты.

No 48

Опрос разработчиков 2018 от 100000 разработчиков.

‹WebAssembly›

No 49

Вызовы между JavaScript и WebAssembly, наконец, стали быстрыми.

No 50

Будущее WebAssembly после MVP: дерево навыков рисования - Mozilla Hacks - блог веб-разработчиков.

Вот и все учебники года по веб-разработке. Если вам нравится это наставление, читайте больше статей, оцененных Mybridge в нашем блоге.

Recommend & share..