Руководство для начинающих веб-разработчиков

Вы работаете над проектом веб-разработки, и что-то работает не так, как вы ожидали. В Интернете так много контента для веб-разработчиков, но как найти то, что вам нужно, и как включить его в свою работу?

Следуйте пяти советам ниже, чтобы повысить уровень поиска!

1. Перед поиском задокументируйте, над чем вы работаете

Поиск справки по веб-разработке начинается не в поисковой системе, а в вашем коде. Прежде чем отправиться в Интернет, обратите внимание на то, чего вы пытаетесь достичь, а именно:

  1. Обратите внимание на то, что вы пытаетесь сделать в своем коде.

Какую проблему вы пытаетесь решить? С какими данными вы работаете?

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

// I'm writing a function that takes an array of numbers and returns
// the largest number in that array
// For example, passing [3, 7, -1, 6, 0] to the function should return 7


const max = (nums) => {
  // ... your code here
}

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

2. Запишите, почему вы застряли.

Что не работает, как ожидалось? Что вы надеетесь найти в Интернете?

Учитывая пример выше, допустим, вы знаете, что вам нужно написать цикл, который перебирает массив, переданный функции max, но вы не помните, как это сделать. В таком случае вы можете написать примечание, подобное следующему:

const max = (nums) => {
  // I know that I need to iterate over all the values in nums,
  // but don't remember how. How do you iterate through an array?
}

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

Меня не удивляет, что я видел, как многие студенты застряли на задаче кодирования, начали искать решения в Интернете, только чтобы затем забыть, над чем они работали или какую именно проблему они пытались решить. Пытаться удержать всю эту информацию в оперативной памяти сложно! Записав некоторые из них, вы сэкономите много времени, а также высвободите свои когнитивные способности для более глубокого изучения.

2. Попробуйте сформулировать поисковый запрос как вопрос

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

Например, вместо того, чтобы искать только «javascript для цикла», также попробуйте «как написать цикл for в javascript».

3. Попробуйте поискать сайты по программированию напрямую

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

  • Переполнение стека — по общим вопросам программирования
  • CSS Tricks — в первую очередь для CSS/HTML, но статьи часто также включают JavaScript в решения и примеры.
  • Mozilla Developer Network — руководства и документация по веб-технологиям

4. Сохраните все источники, которые были вам полезны

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

Полезной практикой является сохранение ссылок на полезные источники в виде комментариев непосредственно в собственном коде.

Примечание. Переполнение стека позволяет напрямую ссылаться на конкретный ответ. Нажмите ссылку «Поделиться» в нижней части ответа, чтобы найти постоянную ссылку.

5. Рассмотрите возможность использования офлайн-ресурса

Может быть сложно читать чужой код, который вы найдете в Интернете, особенно если вы новичок. Требуется некоторая практика и опыт, чтобы понять, что является общим, а что специфичным в чужом коде. Выяснение того, как включить чужой код в свой собственный, само по себе является навыком, который необходимо освоить веб-разработчикам, и это может привести к перегрузке вашей рабочей памяти, когда вы только начинаете.

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

Вот несколько бесплатных примеров, которые понравились моим ученикам:

Вы также можете поискать книги по веб-разработке для начинающих — их много. Ищите отзывы, чтобы узнать, что лучше всего подходит для ваших нужд.

Удачи в ваших поисках!