6 справочных сайтов для изучения веб-разработки в 2018 году

0
2298
views

Список составлен создателем сайта Code The Web, программистом-самоучкой из Австралии. Приводим адаптированный перевод статьи.

Справочные сайты по веб-разработе

Как человек, изучающий веб-разработку, вы, должно быть, постоянно ищете что-то, чего не знаете. Потому что, давайте скажем прямо, в сегодняшнем мире практически невозможно знать каждое свойство языка программирования. Вместо этого мы, разработчики, просто ищем нужное в справочниках. Сегодня я покажу вам шесть лучших справочных сайтов по веб-разработке. Они пригодятся вам в тех случаях, когда вы не можете припомнить, как работает та или иная вещь.

Что такое справочный сайт?

Справочным можно считать тот сайт, куда вы идете в надежде узнать что-то определенное, к примеру, значения свойства margin в CSS или как найти квадратный корень из числа в JavaScript. Это легкий способ найти ответ на конкретный вопрос.

Чем справочный сайт отличается от сайта с руководствами?

Сайт с руководствами имеет целью объяснить вам что-то. Например, в моем руководстве «CSS background images» я легким понятным языком рассказываю, как работают различные свойства фоновых изображений. Если бы это был справочный сайт, там говорилось бы следующее:

«Свойство background-position принимает одно или более разделенных запятой значений <position>. Если были определены несколько фоновых изображений, каждое значение <position> относится к соответствующему фоновому изображению (первое значение <position> для первого изображения, второе – для второго и так далее)». (Из Codrops CSS Reference)

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

1. W3Schools

W3Schools

W3Schools это сайт с руководствами, но они более короткие и напоминают справки. На сайте также есть страницы со ссылками, относящимися к определенным языкам веб-разработки. Их формат очень хорош. Для каждого справочного раздела по определенному языку есть сайдбар со списком имеющихся ссылок, так что найти необходимое очень легко (мне даже ни разу не пришлось воспользоваться поиском по сайту!). Справочная информация также очень сжата конкретна, что хорошо, если вам нужно быстро что-то припомнить. Я бы сказал, что у W3Schools пока лучшие пояснения.

Ссылки на справочные страницы:

На сайте также есть много другой справочной информации, например по jQuery, PHP и SQL.

2. DevDocs

DevDocs

DevDocs очень напоминает freeCodeCamp в том что у него также рассматриваются различные языки (не только веб-разработка), от очень популярных до менее известных. Мне нравится, как организован этот сайт — он похож на W3Schools и особенно на freeCodeCamp, с сайдбаром и выпадающими списками. Информация подана отлично и глубоко, но быстро проглядеть и найти нужное также легко.

Ссылки на справочные страницы:

3. Руководства freeCodeCamp

freeCodeCamp

Руководства freeCodeCamp составлены сообществом и для сообщества. У них есть GitHub-репозиторий, куда и вы можете внести свой вклад! Это то, что я сам делал и что считаю достаточно полезным. В любом случае, это отличный справочный материал, над которым день и ночь работает столько прекрасных людей. Оформление сайта тоже очень хорошее (похоже на W3Schools); есть боковая панель со всеми страницами. В этой панели есть каждый язык, а значит, навигация очень проста.

Чтобы посетить страницу с определенным языком, просто кликните на стрелочку рядом с ним в сайдбаре. Откроется выпадающее меню со всем страницами. В руководствах freeCodeCamp прекрасно еще и то, что тематика не ограничивается HTML, CSS и JavaScript. У них есть куча разных языков, включая C, Ruby, PHP. Также есть дополнительные инструкции вроде «Работая с технологиями» или «Дизайн», что также очень полезно.

Ссылки на справочные страницы:

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

4. MDN Web Docs (Mozilla Developer Network)

MDN Web Docs

Сайт MDN Web Docs создан Mozilla, людьми, построившими Firefox. Таким образом, как вы понимаете, они также являются большими авторитетами в веб-разработке! Лично мне вид этого сайта не нравится, но тут вы найдете гораздо больше деталей, чем у W3Schools, и больше примеров.

Я думаю, это зависит от того, что вы ищете. Если вам нужна быстрая справка по забытой теме, – идите на w3schools. Если вы в поисках более глубокой документации, охватывающей всю интересующую вас тему, выбирайте MDN. Хотя, конечно, решать вам. Посмотрите оба сайта и тогда сможете выбрать, какой вам больше нравится. Лично я совсем не фанат MDN, но многие люди со мной не согласятся.

Ссылки на справочные страницы:

HTML Reference

CSS Reference

JavaScript Reference

Также у них есть более специфическая информация, например по SVG и canvas.

5. Codrops CSS Reference

Codrops CSS Reference

Последний по порядку, но точно не по значению, Codrops CSS Reference имеет отличный макет и легок в навигации и использовании. Здесь есть каждое свойство CSS, а также функции, типы данных, правила и т. д. Когда вы кликаете на одно из них, то попадаете на страницу с официальным синтаксисом, значениями, примерами. Тут даже показано, как браузеры поддерживают то или иное свойство!

Подобно MDN, информация очень глубокая. Однако, этот сайт мне нравится больше, чем MDN. Хотя здесь и много контента, сайт гораздо лучше организован и имеет более легкую навигацию, благодаря чему вам будет проще найти искомое. К сожалению, на Codrops вы найдете справки только по CSS: ни HTML, ни JavaScript там нет. Если бы было, то было бы прекрасно, но в данный момент я рад, что существует раздел по CSS.

Ссылка:

6. Stack Overflow

Stack Overflow

Хотя Stack Overflow, строго говоря, не является справочным сайтом, это бесценный источник для получения ответов на вопросы по программированию или для решения возникших проблем. Когда у вас возникает вопрос, чаще всего можно найти уже готовый ответ в темах, поднятых ранее – обязательно посмотрите там! Если нет, вы можете разместить свой вопрос и кто-нибудь обязательно выйдет на связь в течение часа после публикации вопроса (если вопрос не является действительно малоизвестным или сильно сложным). Сообщество Stack Overflow доброе, щедрое, умное и готовое помочь вам с любой проблемой.

Здесь вы найдете отличную страницу, поясняющую, как это все работает.

Заключение

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

***
Подписывайтесь на наш канал в Telegram!


ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here