Руководство для начинающих веб-разработчиков
Вы работаете над проектом веб-разработки, и что-то работает не так, как вы ожидали. В Интернете так много контента для веб-разработчиков, но как найти то, что вам нужно, и как включить его в свою работу?
Следуйте пяти советам ниже, чтобы повысить уровень поиска!
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. Рассмотрите возможность использования офлайн-ресурса
Может быть сложно читать чужой код, который вы найдете в Интернете, особенно если вы новичок. Требуется некоторая практика и опыт, чтобы понять, что является общим, а что специфичным в чужом коде. Выяснение того, как включить чужой код в свой собственный, само по себе является навыком, который необходимо освоить веб-разработчикам, и это может привести к перегрузке вашей рабочей памяти, когда вы только начинаете.
Вместо поиска в Интернете или в качестве дополнения к нему может оказаться полезным инвестировать в некоторые справочные материалы, например книги. Книга обычно более сфокусирована, чем многие онлайн-ресурсы, и часто следует единому стилю и формату, которые могут облегчить не только понимание концепций, но и их применение в вашей собственной работе.
Вот несколько бесплатных примеров, которые понравились моим ученикам:
- Красноречивый JavaScript — подробная книга о тонкостях JavaScript
- Учебное пособие CMPT 165 — руководство по HTML, CSS и JavaScript, составленное моим бывшим университетским профессором.
Вы также можете поискать книги по веб-разработке для начинающих — их много. Ищите отзывы, чтобы узнать, что лучше всего подходит для ваших нужд.
Удачи в ваших поисках!