Что нужно знать javascript разработчику

7 советов начинающему Javascript-разработчику

Привет! Это продолжение моей статьи про JavaScript и то, как стать разработчиком. Эта статья предназначена для того, чтобы показать вам, за что держаться во время учебы. На мой взгляд, следующие семь советов помогут вам на пути к тому, чтобы стать компетентным разработчиком JavaScript. Они записаны в произвольном порядке. Давайте посмотрим!

1. Понять простой JavaScript

Как бы просто это ни звучало, на это часто не обращают внимания. Существует огромный контраст между разработчиками, которые могут использовать популярные инструменты и фреймворки, такие как React, Vue и Angular с одной стороны, и разработчиками, которые знают JavaScript наизусть, с другой.

Очевидно, они не исключают друг друга. Хороший разработчик на JavaScript сравнительно легко освоит новые фреймворки. Но наоборот, это может быть неправдой: если вам нравится фреймворк вроде React, вы не обязательно являетесь экспертом по JavaScript.

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

Основные принципы, такие как области действия и замыкание, не должны быть для вас загадкой. То же самое касается сборки мусора, прототипирования и синтаксиса.

Взгляните на следующий код:

const getUid = (function()  let uid = 0; return function()return ++uid;> >)(); console.log(getUid()); console.log(getUid()); 

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

Не учитесь только угождать другим людям, например рекрутерам, интервьюерам или потенциальным работодателям. Научитесь добавлять ценность. Цените себя как компетентного разработчика JavaScript. Вы принесете эту ценность с собой, куда бы вас ни привела жизнь.

2. Прочтите качественный контент

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

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

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

Книги — действительно ценный источник информации, независимо от того, как вы их употребляете. Вы не можете написать книгу за одну ночь (поверьте мне на слово). Это означает, что автор приложил много усилий для сбора и записи этой информации. То же самое не всегда можно сказать о контенте, который вы бесплатно найдете в Интернете.

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

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

«Секреты JavaScript-ниндзя» Джона Ресига (создателя jQuery и бывшего сотрудника Mozilla) и др. — одна из лучших книг о JavaScript, которые я когда-либо читал. Я действительно считаю, что это золотая жила. Он лежит на моей книжной полке. И порой, спустя столько лет, я считаю себя ниндзя.

3. Ознакомьтесь с различными концепциями

С учетом сказанного, пожалуйста, поиграйте со всеми популярными фреймворками. Список, кажется, меняется день ото дня, но вы не ошибетесь, взглянув на React, Vue, Angular, Gatsby и Next.js, и это лишь некоторые из них.

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

Я не могу сосчитать, сколько раз я брал интервью у потенциальных новых коллег, и, спросив, например, почему они предпочитают работать с React, они, например, ответили: «Потому что я читал, что это самый популярный фреймворк на сегодняшний день».

Справедливо. Это могло быть правдой. Или нет. Кто знает? Но почему вы думаете, что это популярно и круто? Какие функции вам больше всего нравятся по сравнению с функциями Vue или Angular? Что в Next.js лучше React и наоборот?

В девяти случаях из десяти меня встречает тишина. Они даже не пробовали. Сформируйте образованное мнение. Ваше мнение. И возьмите их с собой на пути к тому, чтобы стать компетентным разработчиком JavaScript.

4. Понять HTML и CSS

Не забывайте, что HTML и CSS являются основой Интернета. Строительные блоки. Все, на что вы смотрите, — это элементы HTML с некоторым стилем.

React, Vue, Angular? Какими бы классными они ни были, все они в конце концов «выплевывают» HTML. Вы не можете игнорировать HTML и CSS, или относиться к ним легкомысленно. Я встречал множество программистов, которые были очень хорошими разработчиками JavaScript, но мало знали о HTML и CSS. Это проблематично.

Конечно, если вы хотите стать внутренним разработчиком JavaScript, это не будет критично. Но есть вероятность, что вы в конечном итоге создадите веб-сайты и веб-приложения, и тогда потребуется твердое понимание HTML, CSS и JavaScript как трио. Не стоит недооценивать это. Изучение JavaScript может быть трудным. То же можно сказать и о HTML и CSS.

5. Уважайте старших разработчиков

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

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

6. Будьте любопытными, исследуйте и приобретайте знания

Это должно быть чертой личности №1 каждого серьезного разработчика JavaScript.

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

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

Загляните за шторы. Почему это решение работает? Как это работает? Могу ли я воспроизвести это сам в следующий раз? Имею ли я сейчас четкое представление об этом? Если нет, то пора прочитать эту книгу, поговорить со старшим разработчиком или поискать в Интернете, пока вы не поймете все до единого.

Ваша цель не должна заключаться в исправлении ошибок или выполнении задач. Ваша главная цель должна заключаться в том, чтобы стать компетентным разработчиком JavaScript. А это значит, что вам нужно учиться. Будьте любопытными, исследуйте и получайте новые знания с каждым днем.

7. Напишите код. А потом напишите еще

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

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

Я сам читал и следил за многими, многими учебниками. Но я всегда следил за тем, чтобы писать код, пока я это делал. Даже если бы я мог скопировать и вставить предоставленный код, я этого не сделал. Я всегда сам писал (точно такой же) код. Видеть код — это одно. Дословно написать самому — совсем другое дело. Вот тогда он становится частью вас и вашего репертуара. Заключение

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

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

10 вещей, которые надо знать, чтобы стать мастером JavaScript

Полагаю, вы веб-разработчик. Надеюсь, ваши дела идут хорошо, у вас отличная работа, возможно вы работаете на себя или в качестве фрилансера. Будущее этой сферы выглядит многообещающе. Может быть, вы только начинаете свою карьеру разработчика, а может быть, вы работаете уже многие годы. Какими бы навыками JavaScript вы ни обладали, всегда полезно освежить некоторые знания или изучить что-то новое. Ниже представлены 10 вещей, которые вы обязательно должны знать, чтобы считаться мастером JavaScript.

1. Поток команд

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

• if else — если вы этого не знаете, как вообще раньше писали код?
• switch —то же, что и if else, только в чуть усложненном виде. Применяйте его, когда у вас несколько различных вариантов.
• for — циклы созданы, чтобы вам не приходилось повторяться. Полезен будет не только простой for , `for of`и for in тоже весьма пригодятся. Большим достоинством циклов for является блокировка, поэтому в них можно использовать async await.
• Предварительные условия — Применение ternary и логических операторов значительно облегчит вашу жизнь. Особенно если вы производите промежуточные действия и не хотите сохранять значения, чтобы использовать их дальше.

// ternaryconsole.log(new Date().getHours() < 12 ? 'Good Morning!' : 'Time for a siesta')// logical operatorsconst isJsMaster = prompt('Are you a JavaScript master?') === 'true'
console.log(isJsMaster && 'proficient coder')

2. Устранение ошибок

Это заняло у меня немало времени. Не важно, работаете вы с front-end или back-end, первый год работы вы всегда будете пользоваться console.log или console.error для “устранения” ошибок. Для того, чтобы писать качественные приложения, вам нужно избавиться от этой привычки, и вместо использования ленивых логов устранять ошибки правильно. Разберитесь, как написать свой собственный конструктор Error, как правильно находить ошибки, а также как показывать пользователю, в чем проблема.

3. Модели данных

Постоянно просматривая ваш код, вы должны решать, когда стоит объединить определённые блоки информации, а когда этого делать не нужно. Это применимо не только к созданию моделей данных, но также функций, параметров, объектов или переменных. Например:

const calcShape = (width, height, depth, color, angle) => const calcShape = () =>

4. Асинхронность

Это очень важный аспект JavaScript. Вызываете ли вы данные из back-end или асинхронно выполняете запросы в сам back-end, в любом случае вы столкнетесь с асинхронностью и связанными с ней проблемами. Если вы не знаете, что такое асинхронность, вы столкнетесь со странной ошибкой, которую будете пытаться решить пару часов. Если вы знаете, что это, но не знаете, что с этим делать, вы попадете в ад обратных вызовов. Лучше в ваших приложениях использовать промисы и/или async await.

5. Управление DOM

Это интересная тема. Чаще всего, описывая обычную работу программиста, про это забывают. Может быть, вы изучили jQuery, и вам и не нужно было учиться навыкам управления DOM. Может, вы просто работаете с front-end фреймворком, где управление DOM используется редко. Однако я считаю, что это очень важный аспект для понимания JavaScript, как минимум во front-end. Понимание того, как работает DOM и как получать доступ к элементам, поможет вам лучше понять, как работают сайты. К тому же, обязательно наступит момент, когда вам придется работать с DOM, даже если вы используете современные front-end фреймворки, и вы точно не хотите вводить jQuery в ваш package.json , чтобы просто получить доступ к элементу.

6. Node.js / Express

Даже front-end разработчики должны знать азы node.js. Хорошо, если вы также будете знать, как запустить простой сервер Express, добавить новые маршруты или изменить существующие. JavaScript хорошо подходит для написания скриптов, которые помогут в автоматизации выполнения задач. Таким образом, зная, как читать файлы и работать с путями к файлу и буферами, вы получите набор инструментов для создания чего угодно.

7. Функциональный подход

Спорам между любителями функционального и объектно-ориентированного программирования нет конца. С помощью обоих подходов вы можете достичь одних и тех же целей. А JavaScript всё упрощает, так как объединяет оба этих подхода. Библиотеки вроде lodash предоставляют вам отличный набор средств для создания приложений при помощи функционального подхода. Сейчас вам даже не придется использовать какие-то внешние библиотеки. Многие наиболее важные функции были внедрены в официальных версиях JavaScript. Вам обязательно нужно научиться использовать map `reduce` filter `forEach` и `find`.

8. Объектно-ориентированный подход

Вам также стоит познакомиться и с объектно-ориентированным JavaScript, если вы хотите полностью освоить его. Долгое время в работе я пренебрегал этой частью, и всегда находил обходные пути. Но иногда действительно стоит применять объекты/классы и экземпляры, чтобы использовать определенные функции. Классы широко используются в React, MobX и пользовательских конструкторах.

9. Front-end фреймворк

React.js, Angular и Vue.js составляют “большое трио”. Если сейчас поискать вакансии, практически в каждой из них будет требоваться знания чего-то из этого. Несмотря на то, что они быстро изменяются, важно понимать основную суть этих библиотек и фреймворков, чтобы понимать, как работают приложения. К тому же, с их помощью легче писать приложения. Если вы ещё не выбрали, что изучать, я советую React.js. Последние пару лет я работаю с этой библиотекой, и ни разу не пожалел об этом.

10. Объединение / транспиляция

К сожалению, это большая часть разработки приложений. С одной стороны, мне не стоит говорить “к сожалению”, потому что здорово иметь возможность писать код, используя все новые функции. С другой стороны, я так говорю, потому что всегда нужно помнить о том, что существуют старые браузеры, которые эти функции не поддерживают. Поэтому нам приходится транспилировать наш код, чтобы он обрабатывался старыми браузерами. Если вы работает с node.js, то прибегаете к транспиляции реже. Для транспиляции обычно используют babel.js, изучите его. Для объединения кода и связи всех частей между собой существует пара способов. Раньше наиболее распространенным был Webpack. Но некоторое время назад откуда ни возьмись появился parcel, на данный момент мне он нравится больше. Пусть он и не идеален, но он эффективнее и проще в настройке, чем Webpack.

Бонус: Регулярные выражения

Это не относится конкретно к JavaScript, но всё же очень полезно, хоть и сложно. Изучение синтаксиса регулярных выражений, определённо, займет у вас некоторое время, а запомнить все варианты просто невозможно.

Тестирование

Тестирование — это действительно очень важная часть разработки приложений, в том числе и в JavaScript. При написание кода, прежде чем запустить функцию, вы (в идеале) должны провести тестирование, пусть даже и ручное. Лучше будет применять автоматическое тестирование. Существуют разные типы тестов: модульное, сквозное, нагрузочное тестирование, проверки безопасности и front-end (например, подключен компонент или нет). Также есть множество различных тестовых сред: enzyme, jasmine, mocha, chai, и т.д. Сейчас мне больше всего нравится ava.js, советую изучить её, если вы до этого не работали с автоматическим тестированием.

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

Как стать джуном, которого берут на работу (frontend-разработка)

Привет, Хабр! Я — начальник отдела разработки небольшой IT-компании, и мы — те самые люди, которые не ищут на работу сеньоров, и мы готовы брать не только мидлов, но даже и джуниоров, и готовы растить их до уровня крепких мидлов. Однако 80% приходящих на вакансию frontend-разработчика соискателей, даже называющих себя мидлами, с опытом работы, по сути оказываются не то что джуниорами — вообще не программистами. Что же на самом деле должен знать джун, чтобы попасть в компанию, подобную нашей? И как к этому прийти, если за плечами нет высшего программистского образования или богатого опыта программирования в школе? Я расскажу об этом и о том, как устроено техническое собеседование в нашей компании.

Базовый уровень программирования

Итак, к нам приходит среднестатистический кандидат, который прошел курсы по JavaScript, сделал там пару проектов. Потом узнал, что во многих местах хотят React, сходил на курсы по нему, тоже сделал пару проектов, выложил их на Github. Приходит к нам, уверенный в себе. И мы его просим написать функцию, которая выбирает из строки все большие буквы, или реализовать «вручную» какой-нибудь метод из array. И половина кандидатов в этом месте выбывают из строя. Кто-то вообще не может это сделать, у кого-то на двухминутную функцию уходит больше получаса. Зачем мы вообще это спрашиваем и почему с этого начинаем?

Дело в том, что когда вы начинаете делать реальные проекты, то такие микрозадачи (просто чуть более сложные или чуть менее стандартные) регулярно начинают возникать:

• то нужно покрасить гласные буквы;
• то написать правильное окончание у слова с числительным (2 ракетки, но 5 ракеток, и вам нужно в автоматическом режиме подставить окончание);
• то вычислить новые положения всех точек змейки после очередного шага; и так далее.

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

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

Почему он этого не знает?

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

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

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

Матчасть

Но, допустим, перед нами соискатель, который научился базовому программированию. Следующее, что мы просим на собеседовании, — найти на странице все кнопки и покрасить их в какой-нибудь цвет. В этом месте отваливаются еще 30% соискателей. Возможно, с этого стоит начинать разговор — с человеком, который не знает ответа на эту задачу, можно распрощаться за 7 минут, а в предыдущей на это уходит минут 15-20 обычно 🙂 Но как так, спросите вы? Человек сделал 4 проекта, разве он ни разу не делал чего-то подобного за это время?

Ну, во-первых, проекты обычно довольно небольшие. Даже если там много файлов, интересный код хранится от силы в 1-2. И там несколько раз они, конечно, выбирали элементы, но не настолько часто, чтобы это вошло в пальцы и в голову. И проблема вовсе не в том, что эти люди не были усердны, и даже не в том, что задачи на курсах достаточно невелики и упрощены. Проблема еще и в том, что при подготовке кандидаты решают какие-то задачи, ожидая, что на собеседованиях могут спросить примерно про что угодно, от стрелочной функции до каких-нибудь throttle и debounce. Но на самом деле есть несколько классов задач, с которыми frontend-разработчик имеет дело практически каждый день. В нашей рабочей практике (и в фирме, и времен фриланса) этих классов всего три:

• работа с DOM-моделью (изменение стилей, атрибутов, html-кода);
• работа с событиями (как минимум — обработка кликов по кнопкам, в том числе — сгенерированным в процессе работы);
• отправка данных на сервер и обработка ответа (и тут, кстати, тех, кто походил на курсы базового программирования, ждет приятный сюрприз, потому что, например, если поднять сервер на PHP, то окажется, что там ровно и есть базовое программирование +/- работа с базой данных (ну, на уровне, когда надо всего лишь отправить на фронт какой-то ответ для тестирования), вот оно и пригодилось нечаянно).

И вот эти штуки, хотя бы в базовой версии, тоже надо знать очень хорошо, а применяемые команды и их синтаксис — наизусть (благо, их не так уж много). Как выбрать элемент — по тэгу, классу, атрибуту, его значению; как поменять стили, как поменять атрибуты, innerHTML и insertAdjacentHTML. Как обработать событие, что там внутри event (хотя бы target и currentTarget); как быть, когда кликабельные элементы сгенерированы или когда их очень много. Как отправить на сервер данные (fetch или даже хотя бы $.ajax). И, вы не поверите, если вы знаете наизусть синтаксис этих штук и применили их в реальных задачах раз по сто — ваша скорость разработки увеличивается еще в 5-10 (!) раз. То есть разница по скорости разработки между обычным соискателем и соискателем, который знает базовое программирование и базу матчасти языка, может доходить до 100 (. ) раз.

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

Что должен знать мидл

Собеседование с мидлом начинается, на самом деле, по той же схеме:

• сначала задачка на базовое программирование;
• потом на выбор элементов и покраску/скрытие/изменение атрибутов;
• потом какое-нибудь простое событие и обсуждение стрелочных функций;
• потом отправка данных на сервер и разговоры про GET/POST;
• и пару слов про git (его, слава богу, хотя бы в базовом варианте умеют использовать даже джуны).

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

А дальше можно разговаривать в очень разных направлениях. Мы задаем много вопросов, но не ждем, что соискатель-мидл ответит на все — крепкий мидл должен знать процентов 70-80, начинающий — 30-40. Обычные вопросы в нашем случае такие:

• всякие подробности про промисы;
• какие-то другие способы взаимодействия с сервером, кроме ajax (например, websocket);
• сборщики (webpack, gulp), разделение кода по компонентам;
• event loop, всякие детали событий, кастомные события;
• прототипы и полифиллы;
• filter, map, reduce;
• работа с линтером;
• тесты и заглушки;
• декораторы, throttle и debounce;
• регулярные выражения.

Соответственно, если джун в курсе про что-то из этого, то это плюс и к общему впечатлению, и к пути до уровня мидла. Но знание базы гораздо важнее, и бонусы его не заменят.

Движение от джуниора к мидлу

Тем, кто только стал джуниором, для начала лучше идти в организации, в которых используют vanilla js, может быть, с небольшими усовершенствованиями, и первые год-два проводить именно здесь. Почему я так думаю? Ведь если вам удастся устроиться сразу React-разработчиком, вам, скорее всего, будут платить больше денег!

Дело в том, что если вы работаете с обычным js, вы гораздо лучше понимаете, что и как устроено изнутри (и потом вам будет легче понимать и то, как устроены конструкции в React-е). У вас становится гораздо больше опыта работы с css-свойствами, больше способов сбора данных с кнопочек и форм; вы начинаете гораздо легче читать чужой код, потому что вы видели несколько способов и синтаксисов сделать то, что вы делаете, некоторые из них вы переняли; вы уже пробовали настраивать всякие штуки типа сборщиков и линтеров, потратили на это довольно много времени и знаете кой-какие нюансы. И дальше, когда вы идете уже непосредственно работать с React-ом, то вы все это уже умеете, и в 95% случаях вам не приходится учить еще и это. Потому что возможности мозга ограничены, и при большом объеме того, что нужно понять сразу, вы рискуете не справиться. Точнее, не справляться примерно первые несколько лет работы. И вам будет очень трудно, вы регулярно будете хотеть бросить работу, а ваши коллеги, которые уже имеют этот бэкграунд, будут обгонять вас в росте с космической скоростью.

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

И если путь «сначала js — потом фреймворки» будет соблюдаться (а когда-то это был естественный путь разработчика), то как раз и будет получаться, что с фреймворками работают мидлы и сеньоры. Проблема в том, что кто-то когда-то это заметил и поставил телегу впереди лошади: решил, что если вы пройдете курсы по React-у, то вы уже мидл. Но это так не работает 🙂

О реальных сроках роста

Существуют ли вообще люди, которые за полгода смогли пройти курсы, хорошо устроиться на работу и потом быстро вырасти? Да, они существуют. Проблема в том, что 90% из них имеют несколько лет бэкграунда самостоятельного кодинга, или школьного/университетского программирования, то есть это совсем не те люди, которые пришли с нуля. У них получится так быстро, а у вас нет 🙂

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

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

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

Как войти в IT

Резюмирую. Путь, по которому стоит войти в IT и стать джуном, которого берут на работу, в первую очередь включает в себя обучение базовому программированию. Если у вас этого еще нет, но уже есть курсы js и/или react — потратьте на это три-шесть месяцев, и процент интервью, которые вы будете проходить, резко возрастет. И к этому добавьте знание и практику матчасти по работе с DOM, событиями и ajax. Откровенно говоря, в этот момент вам должно казаться, что вы можете сделать на сайте примерно всё, что угодно. И это не очень далеко от правды, но. Многих технологий вы еще не знаете, как и многих деталей и нюансов DOM-модели. Еще вам предстоит изучить способы делать многое проще и быстрее; научиться хорошей организации кода; и так далее. И вот этому уже вы будете учиться на работе.

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

Удачной вам учебы и дальнейших поисков работы!

Профессия JavaScript разработчик, кто это и что он делает?

JavaScript – один из самых востребованных языков программирования. Изначально на нем создавали различные интерактивные элементы на страницах сайтов, например, формы. Сейчас Джава-скрипт нашел широкое применение в разных сферах, помимо Front-end.

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

Кто такой JavaScript программист и чем он занимается?

Больше всего разработчиков на JS работают в области веб. Они создают различные скрипты, которые управляют интерактивными элементами на страницах сайтов: формами, слайдерами, всплывающими окнами и множеством других. Благодаря технологии AJAX можно обновлять части страниц без полной перезагрузки, что позволяет ускорять работу сайтов.

Помимо веб-сайтов, специалисты данной профессии могут заниматься разработкой:

• Браузерных операционных систем.
• Прикладного ПО. Например, Ява Скрипт используется в браузере Mozilla Firefox.
• Приложений для интернета вещей (SMART-телевизоры, умные часы).
• Макросов для офисных приложений, например, для OpenOffice.

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

Плюсы и минусы профессии

• Данный язык программирования подходит новичкам. Многие отмечают, что начать программировать на JavaScript можно достаточно быстро и легко.
• Высокая востребованность специалистов на рынке.
• Хорошая зарплата, хотя и не самая высокая в ИТ. Например, Java-программисты или iOS-разработчики могут получать больше.
• Освоив JS, в будущем вы сможете проще выучить другие языки программирования.
• Много информации для обучения на русском языке.
• Изучив основы языка, можно начать зарабатывать деньги. Например, можно продавать готовые скрипты для сайтов.

• Высокая конкуренция среди Junior.
• Помимо Джава Скрипт, для получения работы необходимо знать другие технологии (об этом расскажем ниже).
• Язык быстро развивается, поэтому требуется постоянно учиться и осваивать новое.

Сколько получают JavaScript программисты?

Зарплаты программистов зависят от опыта работы и уровня знаний. Начинающие разработчики на JavaScript (Junior) могут претендовать на зарплату от 40-45 тыс. руб. в месяц. Программисты уровня Middle – от 70 до 90 тыс. руб., Senior – до 140 тыс. руб. Руководители команд (Team-Lead) обычно получают на уровне 160 тыс. руб. в месяц. Это не самые высокие зарплаты среди ИТ-специалистов, но и низкими их назвать нельзя.

На фрилансе заработок зависит от количества заказов и уровня их сложности. Например, написать простой скрипт для сайта стоит от 500-1000 руб., а за сложный скрипт можно взять и 3000, и 5000 руб. При этом создание кода может занять от 30 минут – 1 часа в случае простой работы. С опытом вы накопите много готовых решений, которые будете адаптировать для конкретного проекта. Это ускорит вашу работу и повысит заработки.

Что нужно знать и уметь для работы JavaScript разработчиком?

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

1. Язык программирования JavaScript – по умолчанию.
2. Фреймворки, которые ускоряют работу и позволяют быстро решать стандартные задачи. Самые популярные фреймворки – это react.js, vue.js, angular.js. Достаточно изучить один из них, самый востребованный в той сфере, где вы хотите работать.
3. Библиотеку jQuery.
4. Язык разметки HTML и CSS, чтобы заниматься версткой.
5. Изучить Git и уметь работать с системами контроля версий.

Как изучить JavaScript: с чего начать?

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

1. Можно осваивать все самостоятельно. Есть множество сайтов, где можно учиться программировать, в том числе – бесплатно. Например, среди онлайн-учебников выделяют https://learn.javascript.ru.
2. Есть разные курсы, где можно выучить JavaScript и получить практику. Например, в университете Нетология есть курс Front-end разработчика для новичков (там изучают JS и другие нужные технологии). Для продвинутых имеется курс по React. Обучение проходит онлайн, преподаватели – опытные разработчики.
3. Если вы хотите глубоко освоить данный язык, то можно записаться на программу Fullstack-разработчик на JS, которая идет на Skillbox. Там учат разрабатывать веб-сайты и приложения на Джава Скрипт с нуля, а также проходят популярные фреймворки.
4. Если вы раньше не занимались программированием или версткой, рекомендую сходить на бесплатный курс по основам HTML и CSS. Там не учат JavaScript, зато вы получите общее представление о будущей работе в области Front-end и сможете понять, интересно вам это или нет. Тем более, что курс бесплатный.

Как заработать JavaScript разработчику?

Поскольку язык очень востребован, вариантов заработка масса:

1. Устроиться в офис или на удаленную работу в веб-студию. Искать вакансии можно на этих сайтах.
2. Выполнять заказы как частный специалист, например, заниматься версткой или зарабатывать на разработке сайтов. Искать заказы можно на биржах фриланса. Главное – берите заказы, с которыми реально можете справиться, чтобы не подводить заказчиков и не портить себе рейтинг на биржах.
3. Можно продавать скрипты для сайтов.

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

Где найти Джава-скрипт разработчика на проект?

• Посмотрите обзор сайтов, где можно найти хорошего программиста. В нем собраны полезные ресурсы для работодателей.
• Добавьте вакансию или заказ на биржу сайта Kadrof.ru. Это популярный и бесплатный сервис для поиска удаленных сотрудников.
• Посмотрите резюме специалистов в каталоге верстальщиков и веб-программистов. Там можно сделать выборку специалистов по нужным вам технологиям.