Участвует в новогодней распродаже Скидка до 60% 0 дней 00:00:00
Курс

JavaScript

JavaScript

С помощью JavaScript вы сможете создавать интерактивные элементы на сайте. Например, всплывающие подсказки, галереи, выпадающие меню и формы. Это основной язык для современной веб-разработки — почти 100% сайтов работает на JavaScript. Освойте его с нуля всего за 3,5 месяца, и вы сможете зарабатывать от 70 000 рублей.

Иконка для блока Дисклеймер

Для комфортной работы на курсе вы должны базово разбираться в HTML и CSS. Если вы новичок в веб-разработке, рекомендуем пройти курс по веб-вёрстке с нуля.

Кому подойдёт этот курс

  • Верстальщикам Верстальщикам

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

  • Начинающим фронтенд-разработчикам Начинающим фронтенд-разработчикам

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

Чему вы научитесь

  1. Создавать динамические элементы на сайте

    Галереи, попапы, анимационные эффекты и формы с отправкой данных на сервер.

  2. Обрабатывать события в браузере

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

  3. Разделять код на модули

    Чтобы легче ориентироваться в коде и быстрее вносить изменения.

  4. Создавать асинхронные запросы

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

  5. Владеть ООП

    Объектно-ориентированное программирование — подход, который позволяет писать более структурированный код.

  6. Тестировать код

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

Отзывы участников

  • Игорь Кампусано

    Курс «JavaScript»
    Понравилась подача материала, обратная связь от куратора, практические задания.
  • Павел Яцков

    Курс «JavaScript»
    Всё нравится; жаль, что, когда я учился в универе, такого не было. Если что-то непонятно, можно пересмотреть видео, почитать информацию, перейдя по ссылкам, спросить у куратора, а также посмотреть в Telegram-чате.
  • Владимир Стекленев

    Курс «JavaScript»
    Нравится всё! В 48 лет решил поучиться ;)В 17 бы такое рвение, а сейчас и времени не хватает — на жизнь надо зарабатывать. Так что совет молодым: учитесь, пока есть возможность!
  • Вячеслав Фролов

    Курс «JavaScript»
    Нравятся практические задания, применение теории на сложных практический примерах. Не хватает только плавности перехода от одной темы к другой.
  • Отзывы студентов

    Ирина Пацева , Венгрия, Пакш

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

    Не нравится новая практика сдавать практические задания через Git, плюс инструкция к нему на птичьем языке: «Всё очень просто, вам надо закоммитить репозиторий, потом запушить коммит и создать мердж реквест»… Может, это и является полезным навыком для разработчиков, работающих в большой команде, но мне, простому одиночному фрилансеру, это пока совершенно ни к чему.
  • Дмитрий Околот

    Курс «JavaScript»
    В курсе «Веб-вёрстка. Базовый уровень» понравилась информация про HTML и CSS: всё по полочкам, понятно объясняют.

    А в курсе JavaScript по некоторым темам мало материала, и нужно искать другие источники информации.
  • Дмитрий Лапин

    Курс «JavaScript»
    Я пока только на начальном этапе обучения, но курс по базовой вёрстке в плане подачи материала очень информативен. Обратная связь с кураторами обоих курсов, которые я прошёл, была отличная.

    А вот курс по базовому JavaScript в плане подачи информации очень сжат, и приходится много времени смотреть стороннюю информацию.
  • Никита Бондаренко

    Курс «JavaScript»
    Куратор очень хорошо помогает, записывает видео с объяснением недочётов в работе. Это очень сильно упрощает обучение.
  • Илья Солдаткин

    Курс «Профессия Веб-разработчик»
    Отличная платформа! Рекомендую её всем и настаиваю, что это лучшее, что есть на сегодняшний день в Рунете. Качество подхода к обучению в целом и качество видео — на высоте. Круглосуточный чат, различные мероприятия и активности, требовательные кураторы. Здорово, что обучение строится не на вебинарах.

    Было бы здорово добавить учебный план с дедлайнами или хотя бы иметь возможность выбора такого плана.
  • Николай Третьяков

    Курс «Профессия Веб-разработчик 2022»
    Информативные видеоматериалы, непростые практические работы, над которыми нужно поломать голову, и обратная связь от кураторов, которые помогают тебе самому найти правильный ответ.
  • Особенно понравилось, что задачи можно решать нелинейно. Так же могу выделить куратора Александра Дудукало, который проверял мои проекты. Все пять звёзд для него =))
  • Понравилась подача и качество материала. Сильные практические работы, которые заставляют подумать. Кураторы, которые внимательно проверяют все выполненные задания.
  • Юлия Ковалева

    Курс «JavaScript»
    Сопровождение и поддержка кураторов на протяжении всего прохождения курса.
  • Темы объясняются доступным языком. Можно смотреть курс когда угодно (нет привязки по времени). Практические работы отличаются от работ в видео, тем самым даётся возможность подумать своей головой.
  • Владимир Семенихин

    Курс «JavaScript»
    Нравится подача материала в курсе «Веб-вёрстка. Базовый уровень» и присутствие юмора в видео.
  • Отзывы студентов

    Иван Медведев , г. Ивантеевка

    Курс «Профессия Инженер по тестированию»
    Если какой-то материал тяжело даётся, есть вопрос по ДЗ, достаточно написать преподавателю, который поможет разобраться с информацией и подскажет, как решить задачу.
    По итогу 9-месячной учёбы стал по-другому смотреть на сайты. Замечаю «баги», разбираюсь в вёрстке, веду репорты. Узнал, как работать со специфическим ПО.
    Уже сейчас нисколько не жалею, что выбрал Skillbox. Спасибо!!!
  • Отзывы студентов

    Валентина Нарушевич , г. Санкт-Петербург

    Курс «Графический дизайнер с нуля до PRO»
    Благодаря курсу я научилась создавать классные постеры и векторные изображения. Также мой список новых скилов пополнили ретушь и обтравка изображений — одни из главных навыков профессионального графического дизайнера.
    Ну, и умение верстать журналы! Теперь я, как самый настоящий графический дизайнер, с лёгкостью могу создать разворот какого-нибудь модного журнала.
  • Отзывы студентов

    Яна Щербицкая , г. Санкт-Петербург

    Курс «Photoshop с нуля до PRO»
    Курс очень круто структурирован, там есть все знания, которые мне нужны, чтобы освоить программу. Сама бы я точно что-нибудь пропустила.
    Преподаватели всё спокойно и терпеливо объясняют. Если ты что-то не понял, снимут дополнительный видеоролик и покажут ещё раз.
    Самое крутое в курсах Skillbox — постоянная связь с теми, кто подскажет, как правильно.
  • Алексей Кукрус

    Курс «JavaScript»
    Нравится полезная информация в чатах и группах, обратная связь с куратором. В базовой вёрстке огромное количество задач по теме JS. В базовом JS сырые видео, нет дополнительных материалов под ними. Огромное число участников в одном чате, из-за чего происходит балаган в личке, а полезная информация теряется в гигабайтах глупых вопросов и попыток некоторых людей знакомиться.
  • Вадим Ишбулдин

    Курс «JavaScript»
    Понравилось, что спикеры терпеливые и всегда помогают :) Правда иногда приходится целый день ждать от них ответа.
  • Никита Баженов

    Курс «JavaScript»
    Есть возможность общаться с другими участниками курса, с кураторами, задавать им вопросы и оперативно получать ответы. Нравится моральная поддержка от моих кураторов. Понятная теория и выполнимые практические работы. Хотелось бы, чтобы материал был на платформе также в виде текста, так проще вернуться к нужной информации. Иногда текст воспринимается быстрее, чем видео.
  • Иван Драган

    Курс «JavaScript»
    Крутое комьюнити вокруг Skillbox. Отдельное спасибо моему спикеру. Изученный Pixel Perfect мне лично не пригодился.
  • Андрей Дондин

    Курс «JavaScript»
    Грамотная и лёгкая подача материала. Куратор оперативно проверяет работы и максимально подробно отвечает на вопросы.
  • Данил Ломакин

    Курс «JavaScript»
    Курс нравиться, материал подаётся доходчиво и в полном объёме. Претензия к себе, в первую очередь: лень часто даёт о себе знать)
  • Вёрстку оцениваю на 4. Хорошая подача. Мне попался отличный куратор Александр Кононов: присылал подробные видео с замечаниями и дополнительными статьями для глубокого изучения. Хотелось бы больше практики и теории по JS. По теории чересчур грамотно объясняют, не всегда понятно, что от тебя хотят.
  • Прекрасный курс по web-разработке. Всё чётко и ясно. Был модуль, который содержал сбивающую с мысли информацию, но, по просьбам участников, его исправили и всё стало понятным.
    Разработчиками курса проделана гигантская работа. Низкий поклон за это. На мой взгляд, курс по JavaScript не для новичков. Нет вводного модуля, который объяснил значение терминов. А это ведёт к полному непониманию происходящего. Как, не зная алфавит, сразу строить предложения. Приходится смотреть Sorax и другие видео, чтобы разобраться. Желаю команде взглянуть на курс по JS глазами полного бегинера (такого, как я).
  • Никита Проценко

    Курс «JavaScript»
    Нравятся кураторы, структура кода. На данном этапе отдельное спасибо Максиму Лескину за запись видео с разбором ошибок.
    Здорово, если бы курс по JavaScript был таким же, как по PHP. Вроде всё понятно, но хотелось бы более детальный разбор и менее быстрый темп :)
  • Данил Черков

    Курс «Веб-вёрстка»
    Понравилась компетентность спикеров и их практический опыт.
  • Андрей Коробка

    Курс «Профессия Веб-разработчик»
    Спикеры, видео которых я смотрю на YouTube, — это как встретить знаменитость, которая ещё и учит тебя быть крутым. Подача материала именно для меня: посмотрел видос — попробовал. Если что-то идёт не по плану, есть чатик, ребята направят. Хотя именно я там подсказываю и общаюсь, но, уверен, будет момент, когда не пойму и спрошу.

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

Как проходит обучение на платформе

  • Иллюстрация этапа обучения Регистрация

    Знакомитесь с платформой

    Платформа Skillbox — собственная разработка компании, которую мы постоянно улучшаем. Вас ждут видео, практические задания и общение с кураторами. Доступ к материалам откроется сразу после покупки курса.

  • Иллюстрация этапа обучения Теория

    Получаете знания

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

  • Иллюстрация этапа обучения Практика

    Выполняете задания

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

  • Иллюстрация этапа обучения Обратная связь

    Работаете с куратором

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

Поддержка и комьюнити для участников курса

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

    Кристина Аватар
  • Задание проверила, на вопросы ответила в файле. Отлично поработали, осталось немного доделать 😊

    Куратор Аватар
  • Спасибо, всё поправила 👍

    Кристина Аватар

Мы понимаем, как сложно бывает применять новые знания на практике, и поддержим вас на этом пути ❤️

Содержание курса

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

  • 3,5 месяца
  • 20 практических работ
  1. JavaScript. Базовый уровень. 2 месяца

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

  2. JavaScript. Продвинутый уровень. 1,5 месяца

      1. Глубоко изучите браузерные события, чтобы создавать сложные интерфейсы. Узнаете, зачем и как делить код на модули, чтобы он не превратился в «лапшу».
      2. Разберётесь, как в JavaScript работает event loop — механизм, который позволяет запускать функции по расписанию. Например, поставить таймер или повторять действие через каждую секунду.
      3. Научитесь обрабатывать ошибки в коде, загружать пакеты с помощью npm и собирать модульные проекты в webpack. Сможете тестировать код и повысите качество своей работы.

Спикер курса

Тимофей Тиунов
Тимофей
Тиунов
Системный архитектор в Сбермегамаркете

10 лет занимается веб-разработкой. Налаживал процессы DevOps, занимался настройкой серверов, создавал серверные приложения, руководил командами разработки. Работает системным архитектором в СберМегаМаркете, отвечает за frontend в компании.

Профиль на Хабр Карьере

Ваше резюме после курса

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

от 70 000 сом

Владею инструментами:

Мои навыки:

  • Программирую на JavaScript
  • Работаю с DOM
  • Владею ООП
  • Работаю с Chrome DevTools
  • Использую Chrome debugger для отладки кода
  • Владею асинхронным программированием
  • Пишу модульный код
  • Обрабатываю ошибки в коде
  • Работаю с npm, устанавливаю пакеты
  • Использую webpack для сборки приложений
  • Пишу автотесты

Мои проекты:

  1. Корпоративное приложение — CRM-система для компании
  2. Банковское приложение

Сертификат Skillbox

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

Пример сертификата
  • Старт курса: 5 декабря
  • Осталось: 4 места

Стоимость обучения на платформе

  • Курс в подарок
  • Длительность рассрочки — 18 месяцев
  • Год английского бесплатно
  • 2 919 сом/мес
  • 3 649 сом/мес
Участвует в новогодней распродаже Скидка до 60% 0 дня 00:00:00

Записаться на курс или получить бесплатную консультацию

Похоже, произошла ошибка. Попробуйте отправить снова или перезагрузите страницу.

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

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

Спасибо!

Ваша заявка успешно отправлена

Часто задаваемые вопросы

  • Я никогда не программировал на JavaScript. У меня получится?
    Конечно! При правильном подходе к обучению, самостоятельном расширении кругозора и своевременном выполнении практических работ вы сможете достигнуть результата даже без специальных базовых знаний. Во всём помогут практикующие эксперты, которые будут сопровождать вас на протяжении всего курса.
  • Сколько часов в неделю нужно уделять обучению на платформе?
    В среднем пользователи платформы занимаются около 2 часов в день и завершают курс за 4 месяца. Но у нас нет жёстких дедлайнов — учитесь на платформе в комфортном для вас темпе.
  • Какой график обучения на платформе? Получится ли совмещать его с работой?
    Вы можете работать с материалами курса в удобное время, двигаясь по программе в подходящем вам темпе. Более того, все видео будут доступны и по окончании курса, навсегда, так что вы сможете освежить свои знания в любой момент. Обучение на платформе организовано таким образом, чтобы вы могли совмещать его с работой, учёбой и личной жизнью.
  • Нужно ли устанавливать программы для работы на курсе?
    Заранее ничего скачивать не нужно. Во время курса мы поможем вам установить весь необходимый софт для работы и предоставим доступ к платным инструментам.
  • Чтобы разрабатывать сайты, нужен мощный компьютер?
    Разработка сайтов не требует много вычислительных ресурсов, поэтому для работы подойдёт средний ноутбук или компьютер. Вот минимальные характеристики к начинке:
    • Операционная система: Windows 7 и выше, macOS.
    • Процессор: 4-ядерный с частотой 2,5 Ггц и выше.
    • Оперативная память: от 4 ГБ.
    • Видеокарта: Intel HD Graphics 4000, Nvidia 330m или ATI Radeon HD 4850 и выше.
    • Желательно, но необязательно, чтобы память была на SSD.
    • Разрешение экрана: желательно 1920×1080.
    • Доступ к интернету.

  • Нужно ли знать английский?
    Совсем необязательно. Названия встроенных функций и выражений в языках программирования вы запомните в процессе, а незнакомые фразы можно перевести с помощью Google Translate. К тому же у вас будет доступ к урокам и материалам онлайн-платформы для изучения английского. Сможете подтянуть грамматику и расширить словарный запас.
  • Как развиваться в профессии после курса?
    В веб-разработке всё быстро меняется: появляются технологии, фреймворки, в JavaScript завозят новые фичи. Поэтому невозможно один раз выучить что-то и всегда оставаться востребованным. Нужно общаться с тимлидами в вашей компании, посещать конференции, читать статьи на Хабре по своей теме и другие ресурсы.
  • Кто будет мне помогать в обучении на платформе?
    У вас будут проверяющие эксперты и куратор в Telegram-чате курса. Они прокомментируют практические работы, дадут полезные советы и ответят на любые вопросы. Вы сможете перенять их опыт, профессиональные знания и лайфхаки.
  • Действуют ли какие-нибудь программы рассрочки?
    Да, вы можете купить курс в рассрочку — и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи.
  • Вижу много незнакомых терминов: JavaScript, API? Что всё это значит?
    • JavaScript — главный язык программирования в веб-разработке. На JS программируют функции сайта. Например, отправку формы на сервер или открытие всплывающего меню. Добавляют интерактивность — создают галереи, автозаполнения для формы поиска и так далее.

    С помощью JavaScript можно описывать сценарии взаимодействия пользователя и сайта. Например, по клику на кнопку пользователя должно перебросить в корзину, а если он ещё не добавил товары — вывести всплывающее окно с сообщением. JavaScript прекрасно «дружит» с HTML и CSS — основными технологиями для вёрстки в вебе.

    • API — правила, по которым происходит обмен данными между веб-приложениями. Видели ролики из YouTube на некоторых сайтах? Так вот, чтобы «заполучить» видео, разработчики пишут специальные инструкции, которые разработала компания Google. Благодаря API вы можете создавать свой музыкальный сервис, «клонировать» социальную сеть или получать сообщения из Telegram в свою программу.

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

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

    • Фронтенд — часть сайта, с которой пользователь взаимодействует напрямую. В первую очередь это интерфейсы и внешний вид.

    • Git — система контроля версий, с помощью которой разработчики отслеживают изменения в коде и совместно работают над проектом.

    • DOM (document object model) — представление всех элементов на веб-странице, которое формирует браузер. DOM имеет древовидную структуру: в одном блоке может быть другой блок (ветка), от которого отходят другие элементы — кнопки, текст, заголовок (небольшие веточки). С помощью JavaScript можно получить доступ к любому элементу DOM и произвести с ним любые манипуляции.

    • npm — утилита для скачивания JavaScript-пакетов. Пакеты — это полезный код, который написали другие разработчики. Например, пакет moment облегчает работу с форматированием даты и времени.

    • Webpack — инструмент, с помощью которого можно собрать отдельные модули JavaScript-кода в единый файл.

    • Принципы объектно-ориентированного программирования (ООП) — идеи и правила, которые определяют, как писать программу. При объектно-ориентированном подходе приложение состоит из отдельных сущностей — объектов. Они имеют свои свойства, методы и могут взаимодействовать между собой или наследоваться. Например, объект «кошка» может иметь свойства, унаследованные от объекта «животное». Основные принципы ООП:

    • Абстракция — объект должен содержать только важные для него свойства.
    • Инкапсуляция — вся логика для работы с объектом должна быть прописана внутри объекта.
    • Наследование — мы уже упомянули про этот принцип выше. Объекты могут наследовать свойства и методы и своих родителей. «Человек» → «женщина», «автомобиль» → «внедорожник», «рыба» → «щука» и так далее.
    • Полиморфизм — одни и те же методы могут выполнять разные задачи. Например, метод «поздороваться» вернёт приветствие на французском или русском языке, в зависимости от того, какую страну проживания выбрал пользователь.