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

Нет мобильного подхода

Когда вы начинаете создавать веб-сайт, у вас может возникнуть соблазн сфокусировать свой дизайн на устройстве, на котором вы работаете, — на вашем ПК или ноутбуке. Но имейте в виду — огромное количество пользователей просматривают веб-страницы на мобильных устройствах. Не заставляйте их просматривать ваш веб-сайт в уменьшенном виде, предназначенном для вашего личного 24-экранного режима. Включите подход для поддержки нескольких размеров экрана с самого начала. Если вы новичок в этой теме, попробуйте CSS-фреймворк, такой как bootstrap, и узнайте, как выполняется их реализация (подсказка: Google для медиа-запросов и контрольных точек css). Понимание этого очень поможет вам понять, как делается адаптивный веб-дизайн, и сэкономит вам много работы по сравнению с его реализацией позже.

Непоследовательный дизайн

Выберите дизайн и структуру, которых вы можете придерживаться. Например, создайте базовый макет, который вы можете повторно использовать на всех своих сайтах. Он может содержать верхний и нижний колонтитулы, а также боковую панель или меню-гамбургер для мобильных устройств. Затем пространство между ними может быть заполнено контентом для конкретной страницы. Это поможет вашим пользователям сосредоточиться на основном содержании сайта и не запутаться в ненужных вещах, таких как навигация. То же самое касается и самого стиля — выберите несколько цветов и шрифтов, которые вы будете повторно использовать на сайте. О, и не используйте Comic Sans.

Неправильное использование HTML-тегов

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

Игнорируйте соглашения об именах и веб-стандарты

Поначалу это может быть немного сложно, но стоит потратить время на то, чтобы разобраться в соглашениях об именовании вещей в любом языке программирования. Это поможет другим, а также вам самим при повторном чтении вашего кода позже. Например, не используйте CamelCasing для HTML-ID. Это может быть немного сложно, когда вы изучаете несколько языков одновременно, например, HTML + CSS + JavaScript, но действительно не торопитесь для этого.

Всегда используя новейшие технологии

Вы уже реализовали свое приложение в этой классной новой среде, которая только что была запущена вчера? Нет? Хорошо! Вам не нужно прыгать на какой-либо новый Hypetrain. Это особенно важно в мире JavaScript. Изучите то, что вас интересует, и немного придерживайтесь этого. Конечно, вы всегда можете попробовать что-то новое или отказаться от Инструмента, который больше не соответствует вашим потребностям, но удовлетворять выбор требованиям, а не потому, что что-то кажется новым и блестящим. То же самое касается инструментов для создания сайтов. Конечно, легко настроить WordPress с помощью базового шаблона и назвать себя разработчиком. Но это не поможет вам узнать что-либо, и вы, вероятно, не сможете отследить какие-либо проблемы на сайте.

Только с использованием «старой» технологии

У последнего пункта также есть аналог: мир разработчиков быстро развивается, как и языки и инструменты, которые вы будете использовать. Хотя в целом не существует «старых» технологий как таковых, вы должны убедиться, что не упускаете новые языковые функции, такие как мультимедийные элементы HTML5, методы CSS, такие как сетка и flexbox, а также новые функции языков JavaScript. . Вы не узнаете ничего плохого, получая информацию из старых ресурсов, но вы можете упустить лучшие, более простые способы реализации того же самого.

Использование фреймворков

Многие руководства по нескольким темам начинаются так: «Установите Bootstrap и jQuery, а также эти 517 узловых модулей» только для того, чтобы создать приложение Hello-World. Хотя они, как правило, полезны, когда вы пытаетесь изучить конкретный фреймворк, старайтесь не усложнять их при изучении основ. Придерживайтесь ванильного JS и CSS. Как только вы освоите их основы, вы сможете перейти к интеграции таких вещей, как JS-фреймворки или препроцессоры. В конце концов, они созданы, чтобы помочь вам в реализации функций, а не сбивать вас с толку и не перегружать ваш стек обучения.

Написание кода, который должен работать

«Я проверил это, это работает на моей машине». — Вы, наверное, слышали это раньше, даже если вы не слишком долго в индустрии. Всегда тестируйте свой код в нескольких браузерах — убедитесь, что вы знаете, какие клиенты вам нужно поддерживать, и постарайтесь подумать о крайних случаях, которые должно обрабатывать ваше приложение. Обработка ошибок — сложная тема, и вы станете лучше разбираться в ней, но, по крайней мере, попытка подумать о том, как вы можете сломать свое собственное приложение, — это отличный первый шаг к тому, чтобы помешать другим людям на самом деле сделать это.

Не думая о производительности

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

Комментируя все

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

Первоначально опубликовано на https://coding.mjurtz.com 25 февраля 2021 г.