- PVSM.RU - https://www.pvsm.ru -

Frontend-разработчики должны быть в теме всего

Frontend-разработчики должны быть в теме всего - 1

Мысли Криса Койера

Одна из мыслей, которая поселилась в моей голове: должен ли frontend-разработчик быть в курсе всего [1]? В общем смысле, frontend-разработчик может использоваться и на других рабочих местах. Вся команда разработчиков заканчивает разговор на frontend-разработчике. В этом смысл моей идеи. Frontend-разработчики создают те вещи, с которыми будут взаимодействовать люди. Все этапы разработки проходят вместе с frontend-разработчиком. Возможно, именно поэтому это такая забавная работа! Поскольку frontend-разработчик занимает центральное место в цепочке разработки, и при этом мы имеем дело с большим количеством разных специалистов, мы должны понимать их работу и иногда подсказывать, что и как сделать лучше.

От переводчика

Всем привет, с вами Максим Иванов, и сегодня мы поговорим на довольно острую тему в сфере веб-разработки. Как утверждает Крис Койер, frontend-разработчик должен разбираться в очень многих вещах [2], о которых не все даже и задумываются. Конечно, мы должны понимать, что frontend-разработчик не главный в процессе разработки любого онлайн-сервиса или ПО в целом. На ту же позицию frontend-разработчика вы найдете больше откликов на вакансию, чем на позицию backend-разработчиком. Но почему же тогда Крис Койер считает, что работать frontend-разработчиком сложнее, ибо ты должен специализироваться во всем. Конечно, ситуаций в жизни очень много, разные компании по-разному используют своих специалистов, но в чем наверняка должен разбираться frontend-разработчик? Об этом мы сегодня и поговорим. Жду комментариев на эту тему, а сейчас приступим.

Содержание

  1. Frontend-разработчик должен разбираться в дизайне [3]
  2. Frontend-разработчик должен разбираться в работе серверной части (backend) [4]
  3. Frontend-разработчик должен разбираться в работе сетей [5]
  4. Frontend-разработчик должен разбираться в производительности [6]
  5. Frontend-разработчик должен разбираться в контент-стратегии [7]
  6. Frontend-разработчик должен разбираться в базах данных [8]
  7. Frontend-разработчик должен разбираться в тестировании [9]
  8. Frontend-разработчик должен разбираться в системах сборки [10]
  9. Frontend-разработчик должен разбираться в методологиях разработки [11]
  10. Frontend-разработчик должен разбираться в настройке веб-серверов [12]
  11. Frontend-разработчик должен разбираться в юзабилити [13]
  12. Frontend-разработчик должен разбираться в мобильном дизайне [14]

Frontend-разработчик должен разбираться в дизайне

Если frontend-разработчик не является сам по себе дизайнером, он должен знать, насколько важен дизайн. Он должен иметь хороший вкус. Он должен знать об инструментах, участвующих непосредственно в разработке.

К прочтению:

1. Памятка дизайнеру сайтов [15]
2. Принцип цикады и почему он важен для веб-дизайнеров [16]
3. Стив Круг «Веб-дизайн или Не заставляйте меня думать» [17]
4. Якоб Нильсен «Веб-дизайн» [18]
5. Дональд Норман «Дизайн привычных вещей» [19]
6. Джеф Раскин «Интерфейс» [20]
7. Как за 15 лет изменились главные страницы Apple, Microsoft, IBM, Sony [21]
8. Ководство [22]
9. О дизайне [23]
10. Почему курсор мыши наклонён на 45°? [24]
11. Наберитесь смелости сделать не как все. 12 устаревших интерфейсных и технологических решений [25]
12. Имена людей и интерфейс [26]
13. User experience design: как построить сайт для клиентов, а не для себя [27]
14. Главные особенности китайского веб-дизайна и их истоки [28]

Frontend-разработчик должен разбираться в работе серверной части (backend)

Даже если вы и не backend-разработчик, то вы явно осознаёте всю важность серверной части. Вы понимаете, с чем взаимодействует backend, что передается на сервер, а что нет. Вы знаете об обязанностях backend-разработчика. Вы понимаете, какой язык используется на сервере, и при этом должны уметь объяснить, что должен дать вам backend и что нужно от серверной части frontend-а.

К прочтению:

1. Чему мы научились, разрабатывая backend [29]
2. Собеседование на должность PHP Backend Developer в Германии [30]
3. Пишем backend для мобильного приложения за несколько минут [31]
4. Что должно быть впереди фронтэнд или бекенд? [32]
5. Что нужно знать, чтобы стать Backend разработчиком? [33]
6. Что должен знать «PHP Junior Developer без опыта работы»? [34]
7. Какими технологиями должен обладать backend разработчик (уровень начальных знаний — новичок+)? [35]

Frontend-разработчик должен разбираться в работе сетей

Frontend-разработчик понимает, что сайты располагаются в интернете, данные передаются по сети, и что сеть — это дикое и непредсказуемое. Необходимо понимать, какие бывают сети, как они работают, и насколько они бывают быстрые и надежные.

К прочтению:

1. Принципы работы сети Интернет [36]
2. Архитектура и принципы работы сети [37]
3. Принцип работы торрент-сетей и как достигается высокая скорость [38]
4. Руководство по TCP/IP для начинающих [39]
5. Domain Name Service — cлужба Доменных Имен [40]

Frontend-разработчик должен разбираться в производительности

Если вы не сосредоточены на производительности, то знаете, что производительность имеет важное место в успехе вашего проекта. Frontend-разработчики знают об этом нелегком мире. Нужные навыки помогут вам одержать быструю победу в долгой борьбе. Необходимо понимать насколько быстрым должен быть backend, а также, что оставшиеся 80% времени это загрузка сайта, т.е. это frontend.

К прочтению:

1. Производительность web: Why Performance Matters [41]
2. Тонкости производительности [42]
3. Выигрыш в производительности для rel=noopener [43]
4. Измерение производительности веб-страниц [44]
5. Улучшаем UX посредством оптимизации [45]
6. Подходы к оптимизации (веб-)приложений [46]
7. Пример веб-производительности [47]
8. Производительность рендеринга картинок в Web [48]
9. 10 Ways to Test Your Website Performance [48]

Frontend-разработчик должен разбираться в контент-стратегии

Опять же, вы можете и не разрабатывать контент-стратегию, но должны понимать, что сайт живет и существует благодаря контенту на нем. Отсутствие определенного плана может вызвать определенные сложности, которые вы не сможете предотвратить во время разработки. Люди, которые будут пользоваться ресурсом, и те, кто что-то ищет, должны быть уверены в достоверности и корректности информации.

К прочтению:

1. Как создать контент-стратегию, которую будут обсуждать [49]
2. Супер контент-стратегия. 5 успешных примеров [50]
3. Нужна ли контент-стратегия при наполнении сайта? [51]
4. Эрин Киссейн «Основы контентной стратегии» [52]
5. Как построить SMM-стратегию: пошаговый план продвижения в социальных сетях [53]
6. Как оптимизировать контент для SEO и SMM? [54]

Frontend-разработчик должен разбираться в базах данных

Контент хранится в базе данных. База данных должна корректно работать с контентом. А frontend-разработчик должен уметь работать с тем, что приходит ему из этой самой базы данных. Frontend-разработчику при работе с ответом базы данных нужно уметь комбинировать контент с шаблонами на сайте.

К прочтению:

1. Введение в базы данных [55]
2. Базы данных: SQL (DDL/DML) [56]
3. Ускоряем базу данных веб-сайта [57]
4. Веб-интерфейс для баз данных размером в один .php файл [58]
5. Возможности PostgreSQL, которых нет в MySQL, и наоборот [59]
6. HTML 5. Работа с Web SQL базой данных [60]
7. Базы данных и NoSQL [61]
8. Как отобразить 350 миллионов строк из базы данных на Web-форме [62]
9. Встраиваемая JavaScript база данных с прицелом на API совместимость с MongoDB [63]

Frontend-разработчик должен разбираться в тестировании

Существует большое количество видов тестирования. Интеграционное тестирование. Регрессионное тестирование. Пользовательское тестирование!

К прочтению:

1. Тестирование программного обеспечения [64]
2. Зачем нужны тесты? [65]
3. Модульные тесты и интеграционные: в чём разница? [66]
4. Тестирование [67]
5. JavaScript Testing курс (eng) [68]
6. QUnit. Тестирование javascript кода [69]
7. Как развиваться начинающему тестировщику? [70]
8. Повышаем стабильность Front-end [71]
9. Бек Кент. Экстремальное программирование. Разработка через тестирование [72]
10. Пишем свой первый юнит-тест, на примере методологии BDD и библиотеки Jasmine [73]
10. Процесс тестирования мобильных приложений [74]
11. Макгрегор Джон, Сайкс Девид. Тестирование объектно-ориентированного программного обеспечения [75]
12. Тестирование JS. Кармический Webpack [76]

Frontend-разработчик должен разбираться в системах сборки

Frontend-разработчики пишут совместный код, и каждый должен брать на себя ответственность за внедрение чего-то нового в проекте. Если вы написали свою систему сборки, другие члены команды должны понимать, что это такое и для чего оно нужно. Даже если кто-то не использует систему сборки, он все равно должен понимать, как использовать такие вещи.

К прочтению:

1. Webpack – один из самых мощных и гибких инструментов для сборки frontend [77]
2. Grunt — Обзор системы сборки [78]
3. Автоматизация сборки [79]
4. Приятная сборка frontend проекта [80]
5. Сравнение популярных систем сборки для frontend-разработчиков [81]
6. Grunt vs Gulp сравнение систем сборки для front-end разработчика [82]
7. Gulp или Grunt, да всё равно [83]
8. Методология сборки БЭМ-проекта [84]

Frontend-разработчик должен разбираться в методологиях разработки

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

К прочтению:

1. Необходимый минимум для фронтенд-разработчика [85]
2. Методологии фронтенд-разработки [86]
3. Советы front-end разработчику [87]
4. Какими знаниями должен обладать Front-end разработчик в 2015 году [88]
5. Что нужно знать и уметь front end разработчику в 2015/2016 [89]
6. Карта развития веб-разработчика [90]
7. Основные навыки фронтенд-разработчика [91]
8. Isobar Front-end Code Standards [92]
9. Front-end Style Guides [93]
10. JavaScript Style Guide [94]
11. Coding style (Mozilla) [95]

Frontend-разработчик должен разбираться в настройке веб-серверов

Без них не было бы веб-сайтов.

К прочтению:

1. Основные типы серверов [96]
2. Что такое веб-сервер [97]
3. Веб-сервер [98]
4. Простым языком об HTTP [99]
5. Веб-сервисы в теории и на практике для начинающих [100]
6. Сравнение веб-серверов [101]
7. Web-сервера и их использование для управления нагрузкой на приложение. [102]
8. PHP. Встроенный web-сервер [103]
9. Локальный веб-сервер [104]
10. Использование преимуществ встроенного PHP сервера [105]
11. Как поднять сервер для python скриптов за 1 минуту [106]

Frontend-разработчик должен разбираться в юзабилити

Если frontend-разработчик не очень хорошо разбирается в юзабилити, в любом случае он должен понимать насколько это важно. Необходимо уметь тестировать и налаживать юзабилити. Frontend-разработчик должен знать, с кем поговорить на эту тему.

К прочтению:

1. Юзабилити [107]
2. Юзабилити сайта [108]
3. 10 советов по юзабилити сайта, основанных на результатах исследований [109]
4. Основы юзабилити (usability) сайтов [110]
5. Юзабилити-тестирование (ИТМО) [111]
6. Usability vs. User Experience [112]
7. What is the difference between UX and UI designer and web designer? [113]

Frontend-разработчик должен разбираться в мобильном дизайне

Frontend-разработчик должен понимать, что его сайтом могут пользоваться везде, на его сайт могут зайти с любого устройства, поэтому необходимо позаботиться заранее на этот счет. Большие экраны, маленькие, сенсорные, устаревшие устройства. Frontend-разработчик должен быть готов к неизвестному!

К прочтению:

1. Лучшие практики по мобильному UX от Ника Бабича [114]
2. Адаптивный веб-дизайн [115]
3. Responsive Web Design: What It Is And How To Use It [116]
4. Книга Итана Маркотта «Отзывчивый веб-дизайн» [117]
4. 10 адаптивных фреймворков для веб-дизайна [118]
5. Responsive Web Design Fundamentals курс (eng [119])

Заключение

Это всего лишь часть того, что должен знать frontend-разработчик. Чем больше, тем лучше. Все это, конечно, познается в работе. HTML, CSS, JavaScript, адаптивный дизайн, библиотеки и фреймворки — этот список может долго не заканчиваться.

Автор: splincodewd

Источник [120]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/170746

Ссылки в тексте:

[1] должен ли frontend-разработчик быть в курсе всего: https://css-tricks.com/front-end-developer-aware/

[2] должен разбираться в очень многих вещах: https://www.impressivewebs.com/skills-front-end-developers/

[3] Frontend-разработчик должен разбираться в дизайне: #s1

[4] Frontend-разработчик должен разбираться в работе серверной части (backend) : #s2

[5] Frontend-разработчик должен разбираться в работе сетей : #s3

[6] Frontend-разработчик должен разбираться в производительности: #s4

[7] Frontend-разработчик должен разбираться в контент-стратегии: #s5

[8] Frontend-разработчик должен разбираться в базах данных: #s6

[9] Frontend-разработчик должен разбираться в тестировании: #s7

[10] Frontend-разработчик должен разбираться в системах сборки: #s8

[11] Frontend-разработчик должен разбираться в методологиях разработки: #s9

[12] Frontend-разработчик должен разбираться в настройке веб-серверов: #s10

[13] Frontend-разработчик должен разбираться в юзабилити: #s11

[14] Frontend-разработчик должен разбираться в мобильном дизайне: #s12

[15] Памятка дизайнеру сайтов: https://habrahabr.ru/post/50497/

[16] Принцип цикады и почему он важен для веб-дизайнеров: https://habrahabr.ru/post/117160/

[17] Стив Круг «Веб-дизайн или Не заставляйте меня думать»: http://design4site.ru/blog/wp-content/books/web_design_stiva_kruga.pdf

[18] Якоб Нильсен «Веб-дизайн»: http://www.bigpi.biysk.ru/bibl/_fullpage/webed/Nil'sen_YA._Veb-dizayn_kniga_YAkoba_Nil'sena.pdf

[19] Дональд Норман «Дизайн привычных вещей»: http://xn--90acg2babefdpm.xn--p1ai/static/books/2015/02/13/normandonalddizajnprivyichnyihveschej2006.pdf

[20] Джеф Раскин «Интерфейс»: https://new.vk.com/doc2315639_412075253?hash=6dc98f65957cbbfa98&dl=ffcea84fdbbc5d4253

[21] Как за 15 лет изменились главные страницы Apple, Microsoft, IBM, Sony: http://charliehoehn.com/2013/01/14/15-years-of-apple-dot-com-homepage/

[22] Ководство: http://www.artlebedev.ru/kovodstvo/sections/

[23] О дизайне: https://www.smashingmagazine.com/tag/web-design/

[24] Почему курсор мыши наклонён на 45°?: https://habrahabr.ru/post/212939/

[25] Наберитесь смелости сделать не как все. 12 устаревших интерфейсных и технологических решений: https://habrahabr.ru/company/luxoft/blog/152967/

[26] Имена людей и интерфейс: https://habrahabr.ru/post/130361/

[27] User experience design: как построить сайт для клиентов, а не для себя: https://habrahabr.ru/company/turbomilk/blog/143687/

[28] Главные особенности китайского веб-дизайна и их истоки: https://habrahabr.ru/post/172717/

[29] Чему мы научились, разрабатывая backend: https://habrahabr.ru/company/parallels/blog/269927/

[30] Собеседование на должность PHP Backend Developer в Германии: https://habrahabr.ru/post/285596/

[31] Пишем backend для мобильного приложения за несколько минут: https://habrahabr.ru/post/191296/

[32] Что должно быть впереди фронтэнд или бекенд?: https://toster.ru/q/323760

[33] Что нужно знать, чтобы стать Backend разработчиком?: https://www.youtube.com/watch?v=3hLAAt5FTHA

[34] Что должен знать «PHP Junior Developer без опыта работы»?: https://habrahabr.ru/post/226327/

[35] Какими технологиями должен обладать backend разработчик (уровень начальных знаний — новичок+)?: https://toster.ru/q/109949

[36] Принципы работы сети Интернет : http://paulnn.ru/Net.html

[37] Архитектура и принципы работы сети: http://mir.it-karma.ru/set-internet/lekcii/struktura-i-osnovnye-principy-raboty-seti-internet

[38] Принцип работы торрент-сетей и как достигается высокая скорость: http://utorrent-russian.com/kak-rabotaet-torrent.php

[39] Руководство по TCP/IP для начинающих: http://www.codenet.ru/webmast/tcpip.php

[40] Domain Name Service — cлужба Доменных Имен: http://www.codenet.ru/webmast/dns.php

[41] Производительность web: Why Performance Matters : https://habrahabr.ru/company/jugru/blog/282968/

[42] Тонкости производительности: http://csswizardry.com/2013/01/front-end-performance-for-web-designers-and-front-end-developers/

[43] Выигрыш в производительности для rel=noopener: https://jakearchibald.com/2016/performance-benefits-of-rel-noopener/

[44] Измерение производительности веб-страниц: https://developer.mozilla.org/en-US/docs/Web/API/Window/performance

[45] Улучшаем UX посредством оптимизации: http://alistapart.com/article/improving-ux-through-front-end-performance

[46] Подходы к оптимизации (веб-)приложений: https://habrahabr.ru/post/208138/

[47] Пример веб-производительности: https://habrahabr.ru/company/infobox/blog/226289/

[48] Производительность рендеринга картинок в Web: https://www.smashingmagazine.com/2016/05/web-image-effects-performance-showdown/

[49] Как создать контент-стратегию, которую будут обсуждать : http://darksiteofmarketing.com/stati/kak-sozdat-kontent-strategiyu-kotoruyu-budut-obsuzhdat.html

[50] Супер контент-стратегия. 5 успешных примеров: https://marketium.ru/kontent-strategiya/

[51] Нужна ли контент-стратегия при наполнении сайта?: http://www.i-media.ru/blog/1035/

[52] Эрин Киссейн «Основы контентной стратегии» : http://mitrofanova.ru/includes/files/cv1.pdf

[53] Как построить SMM-стратегию: пошаговый план продвижения в социальных сетях: http://texterra.ru/blog/kak-postroit-smm-strategiyu-poshagovyy-plan-prodvizheniya-v-sotsialnykh-setyakh.html

[54] Как оптимизировать контент для SEO и SMM?: https://contentmonster.ru/blog/2014/08/kak-optimizirovat-kontent-dlya-seo-i-smm/

[55] Введение в базы данных: http://www.codenet.ru/progr/vbasic/vb_db/1.php

[56] Базы данных: SQL (DDL/DML): https://ru.hexlet.io/courses/postgresql-ddl

[57] Ускоряем базу данных веб-сайта : https://habrahabr.ru/post/116142/

[58] Веб-интерфейс для баз данных размером в один .php файл: https://habrahabr.ru/post/268735/

[59] Возможности PostgreSQL, которых нет в MySQL, и наоборот: https://habrahabr.ru/post/268631/

[60] HTML 5. Работа с Web SQL базой данных: https://habrahabr.ru/post/84654/

[61] Базы данных и NoSQL: https://habrahabr.ru/post/233761/

[62] Как отобразить 350 миллионов строк из базы данных на Web-форме: https://habrahabr.ru/post/234413/

[63] Встраиваемая JavaScript база данных с прицелом на API совместимость с MongoDB: https://habrahabr.ru/post/263619/

[64] Тестирование программного обеспечения: https://ru.wikipedia.org/wiki/%D0%A2%D0%B5%D1%81%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE_%D0%BE%D0%B1%D0%B5%D1%81%D0%BF%D0%B5%D1%87%D0%B5%D0%BD%D0%B8%D1%8F

[65] Зачем нужны тесты?: https://learn.javascript.ru/testing

[66] Модульные тесты и интеграционные: в чём разница?: http://frontender.info/writing-testable-javascript/

[67] Тестирование: https://www.youtube.com/watch?v=gUlWPVly_IA

[68] JavaScript Testing курс (eng): https://www.youtube.com/watch?v=82iDVtbr7cY&list=PLAwxTw4SYaPkv4LG-0UHNfhPkKPfYacOg

[69] QUnit. Тестирование javascript кода: https://habrahabr.ru/post/83170/

[70] Как развиваться начинающему тестировщику?: https://habrahabr.ru/post/111829/

[71] Повышаем стабильность Front-end: https://habrahabr.ru/company/tcsbank/blog/251421/

[72] Бек Кент. Экстремальное программирование. Разработка через тестирование: http://www.twirpx.com/file/27854/

[73] Пишем свой первый юнит-тест, на примере методологии BDD и библиотеки Jasmine: https://www.youtube.com/watch?v=9xkfgprKTmY&list=PLY4rE9dstrJwM36wcLi4we_JfhlhgYbcB

[74] Процесс тестирования мобильных приложений: https://habrahabr.ru/company/touchinstinct/blog/197060/

[75] Макгрегор Джон, Сайкс Девид. Тестирование объектно-ориентированного программного обеспечения: http://www.proklondike.com/books/upravlenie/upravlenie_testing_oo_op.html

[76] Тестирование JS. Кармический Webpack: https://habrahabr.ru/company/rambler-co/blog/278503/

[77] Webpack – один из самых мощных и гибких инструментов для сборки frontend: https://learn.javascript.ru/screencast/webpack

[78] Grunt — Обзор системы сборки: https://www.youtube.com/watch?v=Cxo1vVI9--E

[79] Автоматизация сборки: https://ru.wikipedia.org/wiki/%D0%90%D0%B2%D1%82%D0%BE%D0%BC%D0%B0%D1%82%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F_%D1%81%D0%B1%D0%BE%D1%80%D0%BA%D0%B8

[80] Приятная сборка frontend проекта: https://habrahabr.ru/post/250569/

[81] Сравнение популярных систем сборки для frontend-разработчиков: https://habrahabr.ru/post/215131/

[82] Grunt vs Gulp сравнение систем сборки для front-end разработчика: http://www.creative-seo.ru/blog/grunt-vs-gulp/

[83] Gulp или Grunt, да всё равно: http://frontender.info/gulp-grunt-whatever/

[84] Методология сборки БЭМ-проекта: https://ru.bem.info/methodology/build/

[85] Необходимый минимум для фронтенд-разработчика: http://frontender.info/a-baseline-for-front-end-developers/

[86] Методологии фронтенд-разработки: https://web-creator.ru/articles/subjects/%D0%BC%D0%B5%D1%82%D0%BE%D0%B4%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D1%8F/%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4

[87] Советы front-end разработчику: https://habrahabr.ru/post/231855/

[88] Какими знаниями должен обладать Front-end разработчик в 2015 году: https://vc.ru/p/problem-10292

[89] Что нужно знать и уметь front end разработчику в 2015/2016: https://ymatuhin.ru/front-end/what_front_end_developer_need_to_know_in_2015-2016/

[90] Карта развития веб-разработчика: https://github.com/zualex/devmap

[91] Основные навыки фронтенд-разработчика: http://ru.stackoverflow.com/questions/459646/%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D1%8B%D0%B5-%D0%BD%D0%B0%D0%B2%D1%8B%D0%BA%D0%B8-%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B0

[92] Isobar Front-end Code Standards: https://isobar-idev.github.io/code-standards/

[93] Front-end Style Guides: https://24ways.org/2011/front-end-style-guides/

[94] JavaScript Style Guide: https://github.com/airbnb/javascript

[95] Coding style (Mozilla): https://developer.mozilla.org/en-US/docs/Mozilla/Developer_guide/Coding_Style

[96] Основные типы серверов: http://www.administrator-pro.ru/articles/osnovniye_tipiy_serverov.html

[97] Что такое веб-сервер: https://developer.mozilla.org/ru/docs/Learn/%D0%A7%D1%82%D0%BE_%D1%82%D0%B0%D0%BA%D0%BE%D0%B5_%D0%B2%D0%B5%D0%B1_%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80

[98] Веб-сервер: https://ru.wikipedia.org/wiki/%D0%92%D0%B5%D0%B1-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80

[99] Простым языком об HTTP: https://habrahabr.ru/post/215117/

[100] Веб-сервисы в теории и на практике для начинающих: https://habrahabr.ru/post/46374/

[101] Сравнение веб-серверов: https://ru.wikipedia.org/wiki/%D0%A1%D1%80%D0%B0%D0%B2%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2%D0%B5%D0%B1-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BE%D0%B2

[102] Web-сервера и их использование для управления нагрузкой на приложение.: http://www.uriy.me/web-servers

[103] PHP. Встроенный web-сервер: http://php.net/manual/ru/features.commandline.webserver.php

[104] Локальный веб-сервер: http://htmlbook.ru/webserver

[105] Использование преимуществ встроенного PHP сервера: https://habrahabr.ru/post/155853/

[106] Как поднять сервер для python скриптов за 1 минуту: https://habrahabr.ru/post/118460/

[107] Юзабилити: https://ru.wikipedia.org/wiki/%D0%AE%D0%B7%D0%B0%D0%B1%D0%B8%D0%BB%D0%B8%D1%82%D0%B8

[108] Юзабилити сайта: https://yandex.ru/support/webmaster/recommendations/usability.xml

[109] 10 советов по юзабилити сайта, основанных на результатах исследований: http://ruseller.com/lessons.php?id=760

[110] Основы юзабилити (usability) сайтов: https://www.youtube.com/watch?v=nzcGOekwv4Y

[111] Юзабилити-тестирование (ИТМО): https://www.youtube.com/watch?v=6aiKtySlqJ4

[112] Usability vs. User Experience: http://www.slideshare.net/domain7/ux-vs-usability

[113] What is the difference between UX and UI designer and web designer?: https://www.quora.com/What-is-the-difference-between-UX-and-UI-designer-and-web-designer

[114] Лучшие практики по мобильному UX от Ника Бабича: http://babich.biz/

[115] Адаптивный веб-дизайн: https://ru.wikipedia.org/wiki/%D0%90%D0%B4%D0%B0%D0%BF%D1%82%D0%B8%D0%B2%D0%BD%D1%8B%D0%B9_%D0%B2%D0%B5%D0%B1-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD

[116] Responsive Web Design: What It Is And How To Use It: https://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/

[117] Книга Итана Маркотта «Отзывчивый веб-дизайн»: https://habrahabr.ru/post/148116/

[118] 10 адаптивных фреймворков для веб-дизайна: http://rebill.me/showthread.php?t=3560

[119] Responsive Web Design Fundamentals курс (eng: https://www.udacity.com/course/responsive-web-design-fundamentals--ud893?utm_source=webfundamentals&utm_medium=d.g.com&utm_content=promo&utm_campaign=index&_ga=1.90561754.159469619.1463850440

[120] Источник: https://habrahabr.ru/post/306716/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best