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

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

Зачем изучать JavaScript и что это такое?

Для разработки внешнего интерфейса JavaScript часто используется в качестве языка скриптов на стороне клиента. Говоря простым языком, программисты используют JavaScript для создания “передней части” (Front-end), или той части веб-сайта, которую обычные пользователи могут просматривать и взаимодействовать с ним. В основном этот язык используется в веб-разработке, но потенциально он может применяться для написания сложных приложений.

Для создания всех элементов, которые пользователь может видеть и с которыми он непосредственно взаимодействует, программисты front-end часто сочетают JavaScript с двумя языками разметки – HTML и CSS. HTML-код облегчает выполнение наиболее часто встречающихся задач, включая покупки, отправку отзывов клиентов и даже вход в систему. С другой стороны, CSS больше фокусируется на презентации и форматировании, позволяя разработчикам указывать, как HTML должен выглядеть для посетителей. Тем не менее, оба они статичны. Веб-страница использует исключительно HTML; CSS статичен и относительно прост.

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

Однако привлекательность JavaScript выходит за рамки его полезности. Это один из самых простых в изучении и использовании языков программирования, поэтому, когда начинающие разработчики начинают изучать код, они, как правило, выбирают именно его.

Один технический писатель для Web Platform утверждает, что “JavaScript относительно прост в реализации”. Исследователь утверждает, что с помощью JavaScript можно создавать необычайно быстрые пользовательские интерфейсы, которые улучшают пользовательский опыт и обеспечивают динамическую функциональность без необходимости ждать ответа сервера и показывать другую страницу. Вам нужно только сообщить браузеру, что ваш код – это JavaScript, записав его в HTML-тексте как “[…]”. Он быстро и легко адаптируется, а благодаря встроенным функциям поддержки браузера может даже помочь в поиске и решении проблем.

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

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

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

Здесь описана горстка наиболее эффективных подходов для начинающих изучать JavaScript.

1 Не позволяйте будущему выбору помешать вам двигаться вперед прямо сейчас

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

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

Например, чтобы стать front-end разработчиком, вы можете придерживаться следующего:

• HTML
• CSS
• JavaScript
• Немного JQuery
• Может быть, основа
• Основы GitHub
• Некоторые WordPress
• Хостинг

Если разложить все еще более подробно, то все, что вам нужно для создания полезной веб-страницы, – это HTML и CSS. Когда действия разбиты на составные части, проще определить, что должно быть приоритетным прямо сейчас, а что может подождать.

2 Не позволяйте уверенности обмануть вас и не теряйте вещи

Быстрое усвоение концепции – одна из самых рискованных вещей, которые вы можете сделать для своего прогресса в изучении JavaScript. Позвольте мне объяснить.

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

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

К счастью, существует простое двухэтапное решение этой проблемы.

• Сократите количество информации, которую вы усваиваете за один раз.
• Напишите код, чтобы воплотить вашу практику в жизнь.

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

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

3 Приступайте к практике с правильным менталитетом

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

Попробуйте сделать такую ментальную настройку:

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

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

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

4 Используйте трюк с Facebook, чтобы найти время для кодирования

Невозможность найти время для написания кода – одна из самых распространенных проблем, с которыми сталкиваются люди. Те же люди часто тратят несколько часов на такие сайты, как Facebook, YouTube, Wikipedia или Reddit. Из этого можно извлечь уроки, независимо от того, относится ли это к вам или нет.

Несомненно, бывали случаи, когда я намеревался зайти в Facebook на короткое время, но в итоге проводил там часы. Почему так происходит? Это произошло именно потому, что у меня не было намерения оставаться там очень долго. Поскольку начать что-то – это самая сложная часть, то, взяв на себя небольшое первое обязательство, гораздо проще погрузиться в работу.

Я бы не ответил “да”, если бы кто-то спросил меня, готов ли я часами сидеть в Facebook, поскольку у меня не так много свободного времени. Но я гораздо более открыт для того, чтобы кратко проверить один пункт, и именно это меня и привлекает.

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

5 Думайте медленнее, чтобы учиться быстрее

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

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

Подождите. Я сказал. “Помедленнее, и объясни мне каждый шаг”.

Затем мой приятель дал мне общий обзор того, что происходит в коде.

Я снова остановил его. “Вы продолжаете торопиться. Попробуйте еще раз, только на этот раз я хочу, чтобы вы перечислили каждую строчку и подробно объяснили, что происходит в каждой из них.

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

В подобных ситуациях замедление мыслей помогает быстрее усвоить материал.

6 Сначала напишите сложный код на простом языке

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

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