Сколько времени требуется для изучения JavaScript? Советы старшего разработчика

BY MARVEN JOSE , UPDATED ON DECEMBER 27, 2021 7 mins read

Можно ли выучить JavaScript за пару недель? Сколько времени нужно, чтобы достичь продвинутого уровня?

Если вы хотите стать фронтенд-разработчиком или просто немного побаловаться кодом, это могут быть первые вопросы, которые приходят вам в голову.

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

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

Я разделил это руководство на следующие разделы:

Итак, сколько времени нужно, чтобы выучить JavaScript? Давайте узнаем!

1. JavaScript и фреймворки

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

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

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

2. Начало работы с JavaScript

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

• Объявление переменных: Переменные JavaScript – это контейнеры для хранения значений данных.
• Высказывания: Утверждения JS – это “инструкции”, которые должны быть “выполнены” веб-браузером.
• Ключевые слова: Ключевые слова – это лексемы, которые имеют особое значение в JavaScript: break, case, catch, continue, debugger, default, delete, do, else, finally, for, function, if, in, instanceof, new, return, switch, this, throw, try, typeof, var, void, while и with.
• Комментарии: Чтобы создать однострочный комментарий, поместите две косые черты “//” перед кодом или текстом, который вы хотите, чтобы интерпретатор JS игнорировал.
• Функции: Функции являются одним из фундаментальных строительных блоков JavaScript. Функция – это процедура JavaScript – набор утверждений, выполняющих задачу или вычисляющих значение.
• Объекты: В JavaScript, так же как и во многих других языках программирования, объекты являются одним из фундаментальных блоков JavaScript.

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

3. Забудьте о фреймворках (пока) – начните с Vanilla JavaScript

Фреймворки важны, но…

Не начинайте с попыток освоить фреймворк. Не поймите меня неправильно, это не значит, что вы не должны их изучать – они творят чудеса для разработчиков повсюду! Однако лучше потратить время на то, чтобы убедиться, что вы хорошо владеете HTML, CSS и JavaScript. Эти основополагающие языки веб-разработки являются строительными блоками всех существующих JS-фреймворков. Изучив их, вам будет легче изучать фреймворки и использовать все их преимущества.

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

Еще больше проблем возникает у тех, кто изучает JS с помощью фреймворков, когда приходит время обновлений. JavaScript в рамках фреймворка подвержен частым обновлениям, которые могут сделать все, что вы знаете о фреймворке, неактуальным. За последние несколько лет Angular изменился настолько сильно, что Angular 1.x практически не имеет ничего общего с Angular 6. Библиотеки и инструменты приходят и уходят, но ваши возможности и навыки, которые вы развиваете, остаются.

Не тратьте время впустую

Когда я был молодым frontend-разработчиком, делающим сайты для малых и средних предприятий, jQuery был лучшим! Все сайты и анимации были сделаны с помощью jQuery. Если вы не использовали его, ваш сайт был старым и мало что предлагал пользователю. Естественно, разработчики, которые знали это, зарабатывали больше денег, чем те, кто не знал.

Итак, я сделал свою первую покупку на Amazon: книгу под названием jQuery in Action. Эта книга научила меня всему в мире jQuery, от выбора элемента из DOM до создания сложных AJAX-вызовов к REST API. Я чувствовал себя ниндзя в искусстве кодирования. Но знаете что? На смену jQuery пришли HTML5 и ES2015 и поддержка современными браузерами нового набора собственных API, которые вскоре сделают jQuery бесполезным.

Мораль этой истории такова: инвестируйте 80% своего времени в изучение таких основ, как чистый код, паттерны проектирования, проектирование, ориентированное на домен, и объектно-ориентированная архитектура. Как и фреймворки, технологии приходят и уходят, но эти основы остаются. То, чему вы научитесь, можно будет использовать в разных компаниях, командах и областях, и ваши знания с меньшей вероятностью потеряют актуальность.

А как насчет остальных 20% моего времени? Оставьте их для фреймворков, библиотек и таких инструментов, как менеджеры пакетов, например, npm. Подходите к этому с умом: чем дольше технология находится на рынке, тем надежнее инвестиции в нее. Не спешите осваивать новую технологию – мы не знаем ее срок жизни. Пусть время покажет вам, в какие технологии стоит инвестировать. Время – ваш лучший советчик. Научитесь ждать.

4. Заключительные мысли

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

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

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

Если вы хотите узнать больше о том, как стать frontend-разработчиком, ознакомьтесь с этими руководствами:

Что вы должны сделать сейчас

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

Примите участие в одном из наших БЕСПЛАТНЫХ живых онлайн-мероприятий по веб-разработке с экспертами отрасли.

Поговорите с консультантом программы, чтобы обсудить возможность смены профессии и узнать, что нужно, чтобы стать квалифицированным веб-разработчиком всего за 4-7 месяцев – с гарантией трудоустройства.

В этом месяце мы предлагаем первым 100 студентам льготную стоимость обучения – до $1 385 со скидкой на нашу программу Full-Stack Web Development Program. Чтобы занять свое место, закажите звонок консультанта уже сегодня.

Эта статья является частью:

Веб-разработка

Марвен – фронт- и бэкенд-разработчик и технический директор iguama.com. Он любит кодинг, кофе и спортзал. Когда он не занимается кодингом, Марвена можно найти планирующим следующее приключение со своими детьми.

Похожие статьи по веб-разработке

9 лучших сертификационных курсов для инженеров-программистов в 2023 году

28 вопросов технического собеседования, на которые должны рассчитывать инженеры-программисты

Как стать кодером: Пошаговое руководство на 2023 год

Что такое CareerFoundry?

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

9 лучших сертификационных курсов для инженеров-программистов в 2023 году