Итак, вы освоили HTML, CSS и JS, создали несколько сайтов и, возможно, даже устроились джуниор-разработчиком. Что теперь?
Множество информации посвящено тому, как начать работу, но, когда вы освоите азы профессии, будущее становится туманным. Эта статья поможет превратиться из новичка в мидл-разработчика.
1. Изучите основы
Отказ от использования стороннего кода — каким бы трудным он ни был поначалу — поможет выяснить, как работает каждый элемент приложения. Вам потребуется сосредоточиться на создании многоразовых утилит для таких процессов, как выбор элементов, управление DOM и обработка запросов.
Разработка будет идти медленно, но цель не в том, чтобы работать быстро, а в том, чтобы понять, из каких “кирпичиков” состоит ванильное (базовое) ПО.
2. Соблюдайте принцип DRY
DRY (Don’t Repeat Yourself, “не повторяйся”) — один из ключевых принципов программирования.
Ценность кода, написанного с соблюдением принципа DRY, заключается в том, что достаточно обратиться только к одному месту при поиске конкретного определения в репозитории кода. Чтобы изменить функциональность, понадобится изменить код только в одном месте!
3. Научитесь использовать регулярные выражения
Регулярные выражения (также известные как RegEx) — мощный инструмент в арсенале разработчика, который используется для поиска совпадающих шаблонов в тексте.
Регулярные выражения применяются во множестве случаев. Например, для проверки электронной почты:
const emailValidatorRegex =
/^[^@\s]+@[^@\s]+\.[^@\s\.]{2,}$/;
const isValid = (email) =>
emailValidatorRegex.test(email);
isValid("[email protected]"); // соответствует
isValid("[email protected]"); // соответствует
isValid("[email protected]"); // соответствует
isValid("dummyemail@gmail"); // не соответствует
Форматирования текста:
const normalFunction = `
function add(x, y) {
return x + y
}
`;
const formattedFunctionRegex =
/function\s*(\w+)\s*\(([^\)]+)\)/g;
const arrowFunction = normalFunction.replace(
formattedFunctionRegex,
"const $1 = ($2) =>"
);
console.log(arrowFunction);
И даже парсинга HTML:
const markup = `
<html>
<body>
<h1>Shopping List</h1>
<h2>Produce</h2>
<ul>
<li>Celery</li>
<li>Apples</li>
</ul>
<h2>Frozen</h2>
<ul>
<li>Ice Cream</li>
<li>Hot Pockets</li>
</ul>
</body>
</html>
`;
const listParser = /(?<=<li>)(\w|\s)+(?=<\/li>)/gm;
const shoppingList = markup.match(listParser);
console.log(shoppingList);
4. Пробуйте новые подходы
Технологии постоянно меняются. Необходимо принять простую истину: даже если сегодня какой-то метод кажется надежным (поскольку вы его многократно использовали), завтра может появиться новый и более эффективный подход. Стоит прислушиваться к мнению коллег, но надо признать: многие разработчики загоняют себя в ловушку, полагая, что их методы — самые лучшие.
У каждого метода есть свои “за” и “против”. У каждого проекта есть свои технические требования, и нужно учитывать их, а не просто следовать известным способам решения.
5. Соблюдайте сроки
Так или иначе, нам всем приходится платить по счетам. Если только вы не программист-любитель, у вас наверняка есть клиенты, сроки и бюджеты!
Чтобы стать мидл-разработчиком, нужны не только определенные компетенции, но и готовность взять на себя ответственность, а также стремление сделать все возможное в отведенные сроки. Если вы создадите лучший сайт, который когда-либо видел мир, но сдадите его с опозданием на месяц, это не лучшим образом отразится на вашей карьере.
Старшие разработчики хорошо зарабатывают, потому что на них можно положиться. Они не только решают проблемы быстрее и много знают, но также способны сдавать проекты в срок. Они понимают, какие технологии и подходы будут соответствовать техническим требованиям проекта и не усложняют его.
6. Практикуйтесь
Технологический ландшафт постоянно меняется, но не стоит гнаться за каждым новым раскрученным фреймворком!
Не прогадает тот, кто будет оттачивать фундаментальные навыки. Допустим, вы хотите стать разработчиком React. Возможно, сейчас изучение React поможет быстрее войти в экосистему, но игнорирование JavaScript (основы React) может ограничить вас в будущем.
Требуются годы, чтобы стать компетентным разработчиком. Чем больше вы знаете, тем больше понимаете, что знаете не так уж много.
Будьте настойчивы, но терпеливы. Заложите прочный фундамент — и не будете знать бед в будущем!
7. Получайте удовольствие
Не зацикливайтесь на том, чтобы зарабатывать на жизнь, забывая о самой жизни.
Несмотря на рабочую нагрузку, важно находить время для создания проекта мечты. Зачастую мы настолько погружаемся в повседневную жизнь, что забываем о том, что именно зажгло в наших сердцах огонь, заставив заняться программированием.
Кроме того, необходимо время от времени делать перерывы в работе. Если вы будете писать код круглые сутки, то это быстро надоест, а производительность резко упадет!
Читайте также:
- Как работает интернет: основы архитектуры веб-сетей
- Ваш REST - это не API. И вот почему!
- Что нужно учить фронтенд-разработчику в 2021 году
Читайте нас в Telegram, VK и Дзен
Перевод статьи Tapajyoti Bose: 7 Tips to Transition from a Beginner to an Intermediate Frontend Developer 🤓 👨💻
