Онлайн-курсы

Курс JavaScript-разработчик с нуля

Курс подойдет тем, кто хочет освоить профессию frontend-разработчика. Во время обучения научитесь технологиям JavaScript, Node.js, основам React и Typescript для создания интерактивных элементов и адаптивного дизайна

Курс JavaScript-разработчик с нуля

Курс подойдет тем, кто хочет освоить профессию frontend-разработчика. Во время обучения научитесь технологиям JavaScript, Node.js, основам React и Typescript для создания интерактивных элементов и адаптивного дизайна

Как мы создаем
хорошие курсы

Маленькие группы

Группы 5-10 человек, чтобы каждому было комфортно задавать вопросы, общаться с преподавателем и учиться командной работе

Нет сроков —
нет результатов

Дедлайны и расписание помогают побороть прокрастинацию. 91% наших студентов в этом формате проходят курс до конца

Рабочая атмосфера

У вас будет чат группы. Комьюнити со всеми студентами. Разбор домашних заданий и работа по проектам. Всё это погружает в обучение

Это база

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

О курсе

29900
Формат обучения
Занятия в аудитории по расписанию, с дедлайнами и постоянным общением с преподавателем, наставником, другими учениками
Группа 5-10 человек
У вас будет чат в Telegram, чтобы каждому было комфортно задавать вопросы, общаться с преподавателем и друг с другом
Ваши преподаватели
Имеют опыт в сфере от 3х лет. Они помогут довести до ума проекты, подсветят слабые и сильные места, расскажут об удачных решениях. А после — ответят на все вопросы
120
часов проектной работы
55
дополнительных видеоуроков
2 491 в месяц
в месяц при оформлении рассрочки на 12 месяцев
30% скидка
при оплате до 25 июля
Дата
Место
Занятия в Санкт-Петербурге
Мы обновили офлайн-курсы

К очным занятиям добавили этап работы по проектам с личным наставником, которые точь-в-точь повторяют повседневные задачи разработчиков. И доступ ко всем урокам онлайн-курса по JavaScript. Всё это на нашей образовательной платформе.

К очным занятиям добавили этап работы по проектам с личным наставником, которые точь-в-точь повторяют повседневные задачи разработчиков. И доступ ко всем урокам онлайн-курса по JavaScript. Всё это на нашей образовательной платформе.

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

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

Технологии, которые будете изучать
  • JavaScript — основы языка, циклы, массивы и создание функций
  • DOM API — понимание внутреннего устройства JS и принцип работы объектов
  • Анимация и эффекты в JavaScript 
  • Оптимизация рендеринга — основы работы с библиотекой Anime.js
  • Интерактивные элементы — создание сложных компонентов
  • Node.js — использование платформы для автоматизации рутинных задач
  • Основы React 
  • Основы TypeScript
Мы провели аналитику вакансий и будем учить вас только тому, что нужно для трудоустройства
Кстати, сертификат Бруноям будет отлично смотреться
в вашем резюме!
Внутреннее исследование: 73% студентов используют полученные на курсе навыки в работе
Внутреннее исследование: 73% студентов используют полученные на курсе навыки в работе

Использованы данные студентов за 2022-2023 год

С кем пройдете этот путь

Преподаватели, наставники и команда Бруноям
Преподаватель Юрий Безруков

Юрий Безруков

Опыт работы

8 лет опыта в web-разработке и 4 года в автоматизированном тестировании. 4 года в преподавании: C#/Javascript/Angular/Тестирование.

О себе

Во время учебы в университете начал фрилансить и работать в рекламном агентстве, делая шаблоны на wordpress. После этого какое-то время занимался автоматизированным тестированием на C#. Разрабатывал приложения на Angular, работал в стартапе, но большую часть времени это продуктовая разработка. Также есть несколько лет опыта в преподавании, которые нацелили меня на помощь людям, которые действительно работают над собой

Спасибо, что создали такие курсы и подобрали качественный преподавательский персонал. Главное- люди, а все остальное можно исправить. Удачи в развитии Школы, надеюсь знания полученные в стенах вашего заведения помогли мне в дальнейшем развитии :)

Валерий, TE250-2289
Опыт работы

8 лет опыта в web-разработке и 4 года в автоматизированном тестировании. 4 года в преподавании: C#/Javascript/Angular/Тестирование.

О себе

Во время учебы в университете начал фрилансить и работать в рекламном агентстве, делая шаблоны на wordpress. После этого какое-то время занимался автоматизированным тестированием на C#. Разрабатывал приложения на Angular, работал в стартапе, но большую часть времени это продуктовая разработка. Также есть несколько лет опыта в преподавании, которые нацелили меня на помощь людям, которые действительно работают над собой

Спасибо, что создали такие курсы и подобрали качественный преподавательский персонал. Главное- люди, а все остальное можно исправить. Удачи в развитии Школы, надеюсь знания полученные в стенах вашего заведения помогли мне в дальнейшем развитии :)

Валерий, TE250-2289
Читать дальше
Преподаватель Евгений Черненко

Евгений Черненко

Опыт работы

Работаю в студии разработки сайтов последние 5 лет на позиции fullstack-разработчик: JavaScript, Python, PHP и различные CMS

О себе

С детства интересовался программированием и всем, что связано с компьютером. Ещё в школе учитель дал знания и интерес к предмету. Затем в университете сложилось понимание, что программирование — это тоже про людей. Так и пришёл к преподаванию — бесценному делу передачи своего опыта и знания, чему и рад.

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

Юлия, WI378-2710
Опыт работы

Работаю в студии разработки сайтов последние 5 лет на позиции fullstack-разработчик: JavaScript, Python, PHP и различные CMS

О себе

С детства интересовался программированием и всем, что связано с компьютером. Ещё в школе учитель дал знания и интерес к предмету. Затем в университете сложилось понимание, что программирование — это тоже про людей. Так и пришёл к преподаванию — бесценному делу передачи своего опыта и знания, чему и рад.

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

Юлия, WI378-2710
Читать дальше

Программа курса

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

  • Нет четких целей. И даже те, кто понимает важность целей, всё равно этого не делает. Хочу поменять работу и стать крутым сммщиком — не цель, а желание. С такой постановкой результат будет соответствующим.
  • Забрасывание обучения на полпути. Многие находят мотивацию на первую неделю. А вот дойти до конца не получается. Так как мозг не любит учиться регулярно.
  • Отсутствие системности. Достаточно распространённое явление, когда мы хватаемся за любую информацию по выбранной теме, двигаемся бессистемно, и как следствие, безрезультатно.

Почему мы выделили именно эти три причины? Потому что занимаемся обучением уже 11 лет и видим обратную связь от учеников. На курсе рассказываем, как все эти ценные знания применять в жизни.

  • Введение в курс
  • Введение JavaScript
  • Кратко о JS: тип языка по виду трансляции, в каких целях используется, спецификация ECMAScript, движки и какие бывают
  • Переменные и типы данных
  • Способы создания переменных и ключевые слова: const и let. Принцип работы переменных в JS. Типы данных и динамическая типизация. Примитивные типы данных: number, string, BigInt, undefined, boolean, Symbol. Остальные типы: Object, null, Function. Функция console.log для отладки
  • Математические операторы и преобразование типов
  • Основные операторы: присваивания, сложения, разности, деления, умножения, остаток от деления, возведение в степень. Двоякое использование одного и того же оператора. Декремент и инкремент, постфиксные и префиксные. Преобразование типов данных при математических операций. Самостоятельное преобразование с помощью Number, String, Boolean
  • Логические операторы: сравнение (== и ===), отрицание, больше и меньше. Приведение типов при сравнении. Подводные камни (как всегда)
  • Ветвления и условные операторы
  • Логические операторы: И, ИЛИ, НЕ. Конструкции: if, if else, if else if. Тернарное условие Конструкция switch
  • Встроенные функции для взаимодействия с пользователем
  • Функции alert, prompt, confirm и как их использовать

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

4 ак. часа
  • Массивы
  • Определение массива. Способы создания массивов в JavaScript. Объект Array. Одномерные массивы и двумерные массивы. Сравнение массивов с помощью логических операторов (это невозможно)
  • Методы для работы с массивами
  • Извлечение нужного элемента по индексу. Длина массива (length). Добавление нового элемента в начало и в конец (pop и shift). Удаление элемента (push и unshift)
  • Если ученики уже знакомы со всем вышеперечисленным, то рассказать про методы массивов ES6: map, forEach, every, some, find, filter, reduce
  • Циклы for и while
  • Синтаксис конструкций for и while. Виды while: do..while. Виды for: for..in, for..of. Поиск элемента в массиве
  • Вложенные массивы
  • Поиск элемента во вложенных массивах. Методы для поиска элемента в массиве
  • Работа с консолью
  • Дополнительные функции для работы с консолью: console.table, console.error, console.time, console.timeEnd, console.warn

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

4 ак. часа
  • Определение функции. Стрелочная функция и её отличия от обычной. Function Expression и Function Declaration
  • Область видимости
  • Что такое область видимости блока. Как она работает. LexicalEnvironment
  • Таймеры и замыкание
  • Функции setInterval, setTimeout, clearInterval, clearTimeout. Что такое замыкание и как его можно использовать
  • Функции обратного вызова
  • Определение функций обратного вызова. Примеры применения
  • Функции в JavaScript. Способы их создания. Область видимости и замыкание
4 ак. часа
  • Объекты и словари. Как создавать объекты. Ключевое слово this. Получение, изменение и удаление свойств объекта. Ссылки на объекты
  • Прототипное наследование
  • Все в JavaScript объект. Как работает наследование свойств и методов. Конструкторы
  • Определение классов и преимущества использования. Расширение классов. Приватные методы и публичные. Геттеры и сеттеры. Пример создания программы с применением классов и архитектура MVP
  • DOM
  • Объектная модель страницы и зачем она нужна. Поиск элементов на странице и их получение. Перебор элементов и основные свойства
  • События. Обработчики событий элементов и их удаление. Объект Event. Всплытие и погружение

Итог: Понимание внутреннего устройства JavaScript и принцип работы объектов. DOM и взаимодействие со страницей.

4 ак. часа
  • JavaScript-анимации. Изменение CSS свойств элементов. Кривая Безье. Примеры анимаций
  • Рендеринг в браузере
  • Оптимизированные свойства. Функция requestAnimationFrame
  • Библиотеки с анимациями
  • Anime.js основы. Примеры анимаций с помощью библиотеки

Итог: Понимание работы анимаций JavaScript-анимаций. Оптимизация рендеринга. Основы работы с библиотекой Anime.js.

4 ак. часа
  • Слайдер. Создание собственного слайдера с помощью CSS и JavaScript
  • Аккордион. Создание собственного аккордиона с помощью CSS и JavaScript
  • Тултип
  • Создание собственного тултип библиотеки с помощью CSS и JavaScript

Итог: Понимание, как создаются сложные компоненты без применения сторонних библиотек. Более углубленные знания по работе со страницей.

4 ак. часа
  • Введение в Node.js
  • Возможности Node.js. Кратко о модулях и их предназначениях: fs, child_process, https
  • NPM. Основные команды пакетного менеджера. Инициализация проекта и установка первых пакетов. Структура package.json
  • Основы Webpack. Зачем нужны сборщики и какие этапы можно автоматизировать. Первый конфиг Webpack и автоматизация сборки: минификация кода, конкатенация модулей и использование препроцессора SCSS
  • Препроцессор SCSS. Преимущества препроцессоров. Краткий обзор различий между некоторыми: SCSS, SASS, Less, post-css Основные конструкции: переменные, миксины, функции

Итог: Умение работать с Node.js и использование его для автоматизации рутинных задач.

8 ак. часов
  • Компоненты и JSX
  • Состояние компонентов
  • Хуки
  • Стилизация компонентов
  • React-Router
8 ак. часов
  • Статическая типизация
  • Интерфейсы и типы
  • Перечисляемые типы Enum
4 ак. часа
  • Повторение. Как делать запросы к серверу с клиента (в зависимости от того же). Axios
  • Работа с REST API
4 ак. часа

 

  • Написать свой сервер
  • Обработка запросов, ошибок при обработке
  • Отправка ответов
  • Дополнительные модули для Node.js
8 ак. часов
  • Автоматическая сборка и деплой проекта
  • Зачем и как это работает
  • GitLab
4 ак. часа

Легенда

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

Цель

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

Задача

Необходимо создать сайт - сервис по бронированию жилья

В неавторизованном режиме на сайте должны быть страницы:

  • Список помещений (главная страница)
  • Отдельная страница (карточка) помещения
  • Регистрация
  • Авторизация

В авторизованном режиме:

  • Список помещений (главная страница)
  • Отдельная страница (карточка) помещения
  • Личный кабинет

Легенда

В компании “Инкилевич и сыновья” проходят постоянные соревнования между коллегами для укрепления корпоративного духа. Работают в основном IT-специалисты со сложными задачами. Им хочется простую по механике игру, в которой они могли бы разгрузить мозг и посоревноваться друг с другом.

🦖 Цель - реализовать браузерную 2D игру про приключения динозаврика

Задача

Пример похожей игры - это классическая игра «Марио».

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

Для всех студентов мы открываем доступ к материалам из онлайн-курса по JavaScript

Остались вопросы? С радостью ответим на них!
Остались вопросы? С радостью ответим на них!
115 000
средняя зарплата веб-разработчика в Санкт-Петербурге в 2023 году

По данным hh.ru

Мы обучили
25 000+ специалистов

Результатом удовлетворён, учитывая, что представлял, что курс для разной аудитории, в т.ч. для новичков. Особенности с большим интересом прослушал про CSS, в частности RexBox. Хорошая подача преподавателя, высокий уровень подготовки и понимания вопроса. Юрий сразу оставляет впечатление о себе, как о большом специалисте с огромным опытом. По курсам - с удовольствием бы сходил на курсы по углублённому изучению фронтенда.
Дмитрий
Студент курса "Курс JavaScript-разработчик с нуля"
Задать вопрос
Результатом удовлетворён, учитывая, что представлял, что курс для разной аудитории, в т.ч. для новичков. Особенности с большим интересом прослушал про CSS, в частности RexBox. Хорошая подача преподавателя, высокий уровень подготовки и понимания вопроса. Юрий сразу оставляет впечатление о себе, как о большом специалисте с огромным опытом. По курсам - с удовольствием бы сходил на курсы по углублённому изучению фронтенда.
Дмитрий
Студент курса "Курс JavaScript-разработчик с нуля"
Задать вопрос
Да удовлетворена результатами, получила все, что хотела. Насыщенный курс, много практики, все отлично! Много практических задач, интересный курс. Каждый урок был в удовольствие. Прохожу уже второй курс в Брунояме, все очень нравится, многие сложные вещи объясняются доступно и понятно. Преподаватель Юрий особенно заслуживает уважения, ощущение что знает все! Очень профессиональные уроки. Спасибо вам за качественные знания, отличную атмосферу и помощь в достижении целей.
Рязанцева Анна
Студент курса "Курс JavaScript-разработчик с нуля"
Задать вопрос
Да удовлетворена результатами, получила все, что хотела. Насыщенный курс, много практики, все отлично! Много практических задач, интересный курс. Каждый урок был в удовольствие. Прохожу уже второй курс в Брунояме, все очень нравится, многие сложные вещи объясняются доступно и понятно. Преподаватель Юрий особенно заслуживает уважения, ощущение что знает все! Очень профессиональные уроки. Спасибо вам за качественные знания, отличную атмосферу и помощь в достижении целей.
Рязанцева Анна
Студент курса "Курс JavaScript-разработчик с нуля"
Задать вопрос
Изначально хотела научиться разбираться в javascript и PHP. Могу точно сказать, что осталась довольна. Хочется теперь ещё больше) Всё очень понравилось., хотя было непросто. Ох уж этот javascript... На курсе дали то, что я и хотела получить. Спасибо вам за грамотно организованную рабочую атмосферу. Преподаватели доходчиво объясняют материал - так, чтобы поняли все. В общем, я довольна, спасибо!
Лидия Лебедева
Студент курса "Курс JavaScript-разработчик с нуля"
Задать вопрос
Изначально хотела научиться разбираться в javascript и PHP. Могу точно сказать, что осталась довольна. Хочется теперь ещё больше) Всё очень понравилось., хотя было непросто. Ох уж этот javascript... На курсе дали то, что я и хотела получить. Спасибо вам за грамотно организованную рабочую атмосферу. Преподаватели доходчиво объясняют материал - так, чтобы поняли все. В общем, я довольна, спасибо!
Лидия Лебедева
Студент курса "Курс JavaScript-разработчик с нуля"
Задать вопрос
Результатом удовлетворён, учитывая, что представлял, что курс для разной аудитории, в т.ч. для новичков. Особенности с большим интересом прослушал про CSS, в частности RexBox. Хорошая подача преподавателя, высокий уровень подготовки и понимания вопроса. Юрий сразу оставляет впечатление о себе, как о большом специалисте с огромным опытом. По курсам - с удовольствием бы сходил на курсы по углублённому изучению фронтенда.
Дмитрий
Студент курса "Курс JavaScript-разработчик с нуля"
Задать вопрос
Да удовлетворена результатами, получила все, что хотела. Насыщенный курс, много практики, все отлично! Много практических задач, интересный курс. Каждый урок был в удовольствие. Прохожу уже второй курс в Брунояме, все очень нравится, многие сложные вещи объясняются доступно и понятно. Преподаватель Юрий особенно заслуживает уважения, ощущение что знает все! Очень профессиональные уроки. Спасибо вам за качественные знания, отличную атмосферу и помощь в достижении целей.
Рязанцева Анна
Студент курса "Курс JavaScript-разработчик с нуля"
Задать вопрос
Я очень хотела установить на своём сайте интерактив. После прохождения данного курса я смогла сделать всё, о чём мечтала! Выделила бы компетентность преподавателя и душевную атмосферу, царящую на курсе. Большое спасибо за то, что вы есть!
Мария Мушкина
Студент курса "Курс JavaScript-разработчик с нуля"
Задать вопрос
Изначально хотела научиться разбираться в javascript и PHP. Могу точно сказать, что осталась довольна. Хочется теперь ещё больше) Всё очень понравилось., хотя было непросто. Ох уж этот javascript... На курсе дали то, что я и хотела получить. Спасибо вам за грамотно организованную рабочую атмосферу. Преподаватели доходчиво объясняют материал - так, чтобы поняли все. В общем, я довольна, спасибо!
Лидия Лебедева
Студент курса "Курс JavaScript-разработчик с нуля"
Задать вопрос

О Бруноям

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

Вопросы и ответы

JavaScript — это лучший друг HTML и CSS. HTML задает разметку сайта, CSS отвечает за внешний вид, а JavaScript все это оживляет.  Без понимания основ HTML и CSS будет сложно освоить JavaScript.

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

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

По окончании курса вы получаете электронный сертификат. Ученики часто используют его при устройстве на работу, но стоит помнить, что самое ценное это навык, который вы освоите.

Отдел по работе с клиентами работает по будням с 10.00 до 19.30 и по выходным с 10.00 до 16.30. Все занятия заканчиваются до 22.00

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

После окончания курса действуют накопительные скидки: 10% на второй, 15% на третий и 25% на четвертый курс. Срок действия скидок не ограничен.

На курсе будет информация по подготовке к работе: как пройти собеседование, где искать работу и заказы, как составить резюме и выгодно отличаться от соискателей, как оформить портфолио, с какими заказчиками имеет смысл работать, с чем придётся столкнуться в начале работы.

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

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

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

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

Закажите обратный звонок, мы подберём для вас удобное время.

Если вам необходимо дополнительное, официальное подтверждение вашего обучения, мы можем выдать удостоверение о повышении квалификации. Право на выдачу имеют государственные и частные учреждения, имеющие подтверждение качества обучающих программ на соответствие нормам ГОСТа. 

Вы можете оформить беспроцентную рассрочку на 3, 6, или 12 месяцев. 

Вы можете пройти курс индивидуально.

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

Мы оставляем на сайте только востребованные курсы. Если что-то устаревает или утрачивает свою актуальность  мы их убираем.

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

Остались вопросы? С радостью ответим на них!