Онлайн-курс Full-Stack — JavaScript

Basic level
5

alarm-clock занятий

spiral-calendar занятий в неделю

rocket старт

За неделю записалось

Осталось

Этот курс проводится в формате дистанционного обучения.

Научись разработке Front-end и Back-end!

На курсах Full Stack ты сможешь быстро усвоить навыки разработки на языке JavaScript с обеих сторон — клиентской и серверной (Front-end и Back-end).

Подробные уроки и практические проекты позволят узнать, что такое Node.js, Express и React, как их применять, как создавать полноценные веб-приложения с нуля и разрабатывать RESTful API.

Ты научишься разбираться в базах баз данных MongoDB и получишь все необходимые навыки для решения сложных задач программирования и разработки веб-проектов.

Цели курса

  • Научиться разрабатывать полноценные веб-приложения на JavaScript с нуля
  • Разобраться в основах серверной и клиентской разработок на Node.js, Express и React
  • Ознакомиться с основными инструментами и библиотеками, использующими Full-Stack разработчики
  • Научиться создавать и использовать RESTful API для построения веб-приложений
  • Научиться работе с базами данных на примере MongoDB и решению задач с их помощью
2 850 ₴

в месяц при оплате частями на 12 частей

оплата частями без комиссии и процентов от monobank, ПриватБанк, Ощадбанк и ПУМБ

Полная стоимость курса 34 200 ₴

-10% при оплате сразу 30 780 ₴

Промокод

Дополнительные скидки

Списание с текущего баланса

Неиспользованный остаток замороженного курса

Списание с основного счета

Списание с реферального счета

Списание с бонусного счета

Цена курса для вас 30 780

К покупке курса

Важно пройти тест для проверки знаний

grinning-face

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

Награда «Бизнес Года» 2024 года в номинации «Лучшая школа по обучению программированию 2024» от Ukrainian Business Awards

Самая высокая оценка в рейтинге UBA благодаря инновационным программам, удобной платформе для обучения, постоянным адаптациям продуктов под потребности рынка и преподавателям-практикам.

UBA Medal

Изучаемые технологии

  • React

    React

  • Node.js

    Node.js

  • expressjs

    expressjs

  • JavaScript

    JavaScript

  • MongoDB

    MongoDB

  • HTML5

    HTML5

  • CSS

    CSS

  • Git

    Git

  • Github

    Github

  • DOM

    DOM

  • TypeScript

    TypeScript

Что включает в себя курс Full-Stack — JavaScript?

Video cover

Преподаватели курса

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

  • Сергей Никифоров

    Сергей Никифоров

    Front-end Developer в LiveKick

    LiveKick
    Сергей Никифоров
    Сергей Никифоров Front-end Developer в LiveKick

    В веб-разработке с 2012 года как HTML/CSS Соder, Front-end dev.

    Занимается преподаванием с 2013 года.

    Работал как HTML/CSS Dev. В направлении обучения в StreamARline с 2014 года, работал в Raiffeisen Bank Aval, сейчас работает в LiveKick Co.

    Страница преподавателя
  • Влад Балабаш

    Влад Балабаш

    Solution Architect, Senior JavaScript Developer
    Влад Балабаш
    Влад Балабаш Solution Architect, Senior JavaScript Developer

    Программированием начал увлекаться в 2012 году, а свой путь в индустрии начал в 2013.

    За 7 лет успел поработать в нескольких небольших компаниях и стартапах, а также в более известных, таких как Intersog, DataArt, ABSoft.

    Выступал на нескольких одесских митапах, веду канал с подборками интересных github-репозиториев на различных ЯП (https://t.me/opensourcefuture).

    Страница преподавателя
  • Владислав Повелица

    Владислав Повелица

    Front-end Developer в EPAM

    EPAM
    Владислав Повелица
    Владислав Повелица Front-end Developer в EPAM

    Работал в разработке сайтов более трех лет на фрилансе, за это время делал проекты для отечественных и зарубежных заказчиков, включая США, Германию и Чехию.

    Сейчас работаю в компании, знаю специфику обоих вариантов и буду рад помочь освоиться в любом :)

    Страница преподавателя
  • Денис Когут

    Денис Когут

    Lead Software Engineer в EPAM

    EPAM
    Денис Когут
    Денис Когут Lead Software Engineer в EPAM

    У далекому 2015 році я розпочав свій захоплюючий шлях в IT індустрії, який привів мене від ролі Маркапера до Full-Stack Ліда. Протягом цих 8 років я мав честь працювати над захоплюючими проєктами для клієнтів зі всього світу, включаючи Сполучені Штати, Австралію, Німеччину, Данію, Канаду та Велику Британію.

    Мій досвід охоплює різноманітні галузі, включаючи телекомунікації, медицину, транспортні системи та eCommerce. Моя праця була міксом викликів та досягнень, і я мав можливість прийняти участь у міжнародній IT-конференції у Румунії.

    Страница преподавателя
  • Михаил Педченко

    Михаил Педченко

    Frontend Engineer в GlobalLogic

    GlobalLogic
    Михаил Педченко
    Михаил Педченко Frontend Engineer в GlobalLogic

    В разработке с 2018 года.

    Попробовал себя как Frontend и Fullstack.

    Работал на проектах, связанных с медиа, финтех.

    Имею опыт разработки нативных мобильных приложений.

    Страница преподавателя
  • Алексей Толстоног

    Алексей Толстоног

    Software Developer в SoftServe

    SoftServe
    Алексей Толстоног
    Алексей Толстоног Software Developer в SoftServe

    За время в разработке прошел путь от верстальщика до Fullstack Developer.

    Страница преподавателя
  • Андрей Фоменко

    Андрей Фоменко

    Architect в Astravel

    Astravel
    Андрей Фоменко
    Андрей Фоменко Architect в Astravel
    15+ years of web development experience; 20+ years of teaching experience at the National Technical University "KhPI" in IT specialties;
    Страница преподавателя
  • Алексей Павленко

    Алексей Павленко

    Senior Full-Stack JavaScript Developer в Sitecraft

    Sitecraft
    Алексей Павленко
    Алексей Павленко Senior Full-Stack JavaScript Developer в Sitecraft

    Разработка с конца 2010 года.

    За это время пробовал несколько языков разработки. Остановился на JavaScript для Front-end и Back-end. Работал как в крупных именитых компаниях, например, TOA (Oracle) и GlobalLogic, так и в маленьких, комфортных и малоизвестных.

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

    Страница преподавателя
  • Максим Белкин

    Максим Белкин

    DM & JS Team Lead в Capgemini Engineering

    Capgemini Engineering
    Максим Белкин
    Максим Белкин DM & JS Team Lead в Capgemini Engineering

    Работаю в IT с 2010 года, занимаюсь разработкой крупных веб-сервисов.

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

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

    Страница преподавателя
  • Владислав Лещенко

    Владислав Лещенко

    React Developer
    Владислав Лещенко
    Владислав Лещенко React Developer

    В IT с 2020 года, мой путь начался с позиции Front-end разработчика. Сейчас уже более четырёх лет работаю на этой должности. За это время мне приходилось работать как в больших командах, так и самостоятельно. В Hillel IT School преподаю два года.

    Страница преподавателя

Программа онлайн-курса
Full-Stack — JavaScript

alarm-clock 70 занятий
Печать

  • Введение. Установка необходимого ПО

    • Знакомство и план курса
    • Типы файлов
    • Браузер
    • Языки программирования
    • Редакторы кода

  • HTML

    • Структура HTML-документа
    • Теги, атрибуты тегов
    • Разметка текста с помощью HTML
    • Ссылки, списки, таблицы
    • Изображение. Форматы изображений
    • Формы
    • СМИ (video, audio). Iframe
    • Теги-ориентиры (header, main, aside, nav, section, article)

  • Git. Github

  • CSS

    • Каскадность. Наследование
    • Подключение CSS
    • Родной стиль. Normalize.css Reset.css
    • Селекторы
    • Стилизация текста, шрифты
    • Блоковая модель
    • Float. Float layout. Clearfix
    • Position
    • Псевдоклассы. Псевдоэлементы
    • Flexbox. Flexbox layou
    • CSS Grid. Grid layout
    • CSS препроцессоры, фреймворки, методологии

  • Продвинутая работа с графикой

    • SVG
    • SVG спрайты
    • Иконочные шрифты
    • Адаптивная графика. Тег picture
    • Оптимизация графики

  • Адаптивная верстка

    • Viewport. @media
    • Единицы измерения vh, vw, vmin, vmax, rem
    • Знакомство с концепцией Responsive Web Design
    • Mobile-first/Desktop-first
    • Оптимизация страницы

  • Семантика и доступность

    • Семантическая разметка
    • Доступность пользовательских интерфейсов

  • CSS анимации

    • Transform

    • Transition

    • Filter

    • Animation

  • Знакомство с JS

    • Знакомство и план курса
    • Ввод в технологию веб-разработки
    • Подключение скриптов, первый запуск программы
    • Взаимодействие с пользователем через примитивные функции
    • Git, Github

  • Переменные и операторы

    • Комментарии
    • Объявление переменных
    • Всплыв переменных
    • Сравнение var, let, const
    • Типы данных
    • Операторы

  • Условные конструкции

    • Условная конструкция if/else if/else
    • Условная конструкция switch
    • Тернарный оператор
    • Практика

  • Циклы

    • Введение в циклы
    • Виды циклов
    • Циклы while, do…while, for
    • Инструкции break и continue
    • Вложенные циклы
    • Бесконечные циклы
    • Практика

  • Массивы

    • Основы работы с массивами
    • Варианты создания массивов
    • Методы работы с массивами
    • Перебор масс с помощью циклов for, for…in, for…of
    • Удаление элементов из массива
    • Создание простых объектов
    • Практика

  • Основы функций

    • Основы работы с функциями
    • Варианты создания функций
    • Параметры функций, значение по умолчанию
    • Область видимости функции
    • Передача параметров в функцию по значению и по ссылке
    • Возврат значения из функции
    • Замыкание
    • Лексическая область видимости
    • Рекурсия

  • Контекст выполнения функции

    • Глобальный объект window
    • Функциональный контекст
    • Функции в объектах — методы
    • Методы подмены контекста
    • Стрелочные функции и их отличия от обычных

  • Функции

    • Функция-коллбек
    • Функция высшего порядка
    • Перебор массивов с помощью методов forEach, find, map, filter, reduce

  • DOM

    • Что такое DOM?
    • Получение существующих DOM-элементов
    • Динамическое создание и удаление новых DOM-элементов
    • Управление атрибутами и содержанием DOM-элементов
    • Возможные события
    • Добавление обработчиков событий DOM-элементов

  • Events

    • Фазы обработки событий
    • Делегирование событий
    • Объект event и его методы
    • BOM-объекты

  • Работа с формами

    • Основные элементы управления
    • Базовые навыки динамической работы с элементами управления
    • Валидация полученных данных от пользователя

  • WebStorages

    • Cookies

    • LocalStorage

    • SessionStorage

    • Практика

  • Регулярные выражения

    • Создание регулярного выражения
    • Работа с регулярными выражениями с помощью методов
    • Модификаторы регулярных выражений
    • Структура шаблонов. Метасимволы. Скобки. Квантификаторы

  • Библиотеки и фреймворки

    • Обзор популярных библиотек и фреймворков
    • Установка библиотек с помощью NPM
    • Примеры работы с распространенными библиотеками

  • Асинхронное исполнение кода

    • EventLoop

    • Функции отложенного исполнения кода

  • ESNext

    • EcmaScript
    • Babel
    • Spread & Rest операторы
    • Деструктуризация массивов и объектов
    • Оператор Nullish coalescing
    • Оператор Optional chaining
    • Другие новейшие операторы

  • HTTP

    • Обзор клиент-серверной архитектуры
    • Что такое протокол HTTP и как он работает
    • Обзор технологии Ajax
    • Методы работы с сервером по технологии Ajax
    • Примеры открытых API
    • Технология WebSockets

  • Promise

    • Введение в Promise
    • Состояние Promise
    • Обработка Promise с помощью методов then, catch, finally
    • Одновременная обработка нескольких Promise
    • Livecoding

  • ООП

    • Основные понятия ООП
    • Функции-конструкторы
    • Прототипное наследование
    • Создание объекта с определенным прототипом
    • Создание сущностей с помощью class
    • Наследование сущностей, созданных через class
    • Частные свойства
    • Статические свойства и методы class
    • Практика

  • Работа с асинхронными функциями

    • Создание собственных асинхронных функций
    • Обработка асинхронных функций с инструкцией await
    • Обработка ошибок

  • Системы сбора кода

    • Обзор современных систем сбора кода
    • Основы работы с Gulp
    • Компиляция и сборка файлов sass
    • Транспиляция и сборка js-файлов
    • Плагин ESLint

  • Webpack

    • Обзор возможностей Webpack
    • Установка и конфигурация Webpack
    • Настройка базовых лоадеров и плагинов в Webpack
    • Запуск локального сервера с помощью Webpackя

  • React

    • Обзор понятия SPA
    • Введение в React
    • Основные концепции React
    • Создание первого React-приложения
    • Основы работы с JSX
    • Варианты создания компонентов
    • Передача props к компонентам
    • Обработка событий в React-компонентах

  • Компоненты React

    • Этапы жизненного цикла компонентов
    • Сравнение классовых и функциональных компонентов
    • Работа с классовым компонентом
    • Методы жизненного цикла классового компонента
    • Работа со state

  • Функциональные компоненты в React

    • Основы работы с функциональным компонентом
    • Особенности работы с хуками: useState, useEffect, useRef, useCallback, useMemo, useContext
    • Создание собственных хуков

  • Работа с формами в React

    • Работа с основными элементами управления формы

  • Маршрутизация в React

    • Основы работы с библиотекой react-router-dom

  • Библиотеки для работы с React-компонентами

    • Обзор библиотек-компонентов AntD/Material UI
    • Работа со стилями в React с помощью CSS-модулей и библиотек styled-components
    • Обзор библиотеки для создания таблиц данных Ag Grid

  • Redux

    • Что такое state management?
    • Введение в Redux и основные понятия
    • Основные этапы data flow у Redux
    • Интеграция Redux с React-приложением
    • Работа с хуками useDispatch и useSelector
    • Middlewares на примере redux-thunk
    • Livecoding

  • Redux-Toolkit

    • Оптимизация работы с Redux с помощью Redux-Toolkit
    • Основные понятия Redux-Toolkit
    • Создание и использование RTK Query

  • TypeScript

    • Введение в TypeScript — преимущества и недостатки
    • Статическая типизация в TypeScript
    • Типы и интерфейсы
    • Алиасы, возможные значения, необязательные параметры
    • Generics
    • Работа с TypeScript в React-приложении

  • Тестирование React-приложений

    • Основные понятия тестирования программного обеспечения
    • Модульное тестирование с помощью библиотеки Jest
    • Тестирование React-приложений с помощью библиотеки React-Testing-Library

  • NodeJS

    • Eventloop
    • Поддерживаемые стандарты (ECMAscript 5, ECMAscript 6)
    • Core
    • Streams
    • Event emitter

  • Знакомство с асинхронностью

    • Callback

    • Promise

    • Async (caolan)

    • Sync/await

  • Знакомство с промежуточными обработчиками

    • Connect

  • Создание веб-сервера

    • HTTP

    • Express

  • Использование шаблонизаторов

    • Pug

    • Nunjucks

  • Работа с MongoDB

    • Query

    • Aggregation

  • Подключение авторизации и аутентификации

  • Тестирование и написание документации

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

Бонусы курса

  • Тренинг по прохождению собеседования и составлению резюме
  • Тестовое собеседование с техническим специалистом
  • Free English Speaking Club

Выпускники получают сертификат об окончании курса

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

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

  • woman-technologist

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

  • briefcase

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

  • thumbs-up

    Преподаватель даёт обратную связь с разбором ошибок в домашнем задании.

  • light-bulb

    Вы прорабатываете ошибки и закрепляете пройденный материал.

Преимущества онлайн-обучения в Компьютерной школе Hillel

  • man-raising-hand
    Группы до 20 человек Преподаватель уделяет время каждому студенту
  • nerd-face
    Преподаватели практики У нас преподают только практикующие специалисты из топовых IT-компаний.
  • briefcase
    Система личных кабинетов Эффективное и удобное обучение.
  • speech-balloon
    Оперативная служба поддержки студентов Срочный вопрос — своевременное решение.
  • videocassette
    Доступ к видеозаписям занятий Записи уроков остаются у студентов после окончания курса.
  • hammer
    Практические занятия Большая часть занятий ориентирована на практику.
Как школа кардинально изменила парадигму трудоустройства

Оплата онлайн

Оплата производится через выставление инвойса на e-mail через сервисы LiqPay и plata by mono.

shield

Гарантия возврата оплаты

До шестого занятия вы можете вернуть
100% внесенных за обучение средств.

  • rocket
    Трудоустройство

    Что мы делаем для того, чтобы вы достигли успеха?

  • clipboard

    Проводим мастер-классы по подготовке резюме и поиску работы

  • books

    Регулярно обновляем программы курсов под требования рынка

  • smiling-face-with-sunglasses

    Приглашаем преподавать только лучших практикующих специалистов

  • globe-with-meridians

    Развиваем нашу сеть партнеров среди топовых IT-компаний

  • direct-hit

    Наши преподаватели часто сами забирают к себе наших лучших Студентов ;)

Наши преподаватели и выпускники работают в топовых IT-компаниях мира

Отзывы выпускников этого курса
Аліна Іваніченко

Аліна Іваніченко

профиль на Linked In
Андрей Фоменко Преподаватель Андрей Фоменко

Вітаю! Я закінчила 9-місячний курс FullStack JS. Це був дуже складний шлях, який однозначно вартий усіх зусиль! Ніхто не казав що буде легко, але все можливо! Викладання матеріалу послідовне, розрогнуте та зрозуміле, викладач завжди на звʼязку, допоможе, підтримає коли це потрібно! На 1000% рекомендую школу Hillel! Я в пошуку роботи, але з отриманими знаннями я впевнена? що в мене попереду найкраща та високооплачувана робота!

Євген Суворов

Євген Суворов

страничка в Facebook профиль на Linked In профиль на Instagram профиль в Telegram профиль на GitHub
Андрей Фоменко Преподаватель Андрей Фоменко

Закінчивши курс Fullstack JS, враження залишилися тільки позитивні! Програма навчання була добре структурованою і охоплювала всі необхідні теми для початківця в IT. Особливо хочу відзначити викладача Андрія Фоменко. Він не тільки володіє глибокими знаннями, але й чудово пояснює матеріал, роблячи складні речі зрозумілими для всіх. Кожне заняття проходило цікаво, з реальними прикладами та практичними завданнями. Його підтримка й допомога поза уроками дуже цінувались, оскільки завжди можна було отримати додаткові поради та відповіді на запитання. Рекомендую цю школу всім, хто хоче отримати якісну IT-освіту!

Oleksandr Bondar

Oleksandr Bondar

профиль на Linked In
Андрей Фоменко Преподаватель Андрей Фоменко

Дуже вдячний Hillel, а також персонально Андрію за високі навички пояснювати складні речі простою мовою. А особливо вдячний за додаткові заняття, за 24/7 підтримку у запитаннях. Взагалі я тої думки, що найціннішим ресурсом вважаю особистий час, так от Андрій його витратив не мало на групу. Вважаю що стек технологій підібраний ідеально. Усе необхідне й цікаве для початку роботи. Ще навіть додаткове невелике поглиблення у тестування, що звісно є гарним плюсом. Дякую Вам. Дуже чекаю на курс від Андрія по Агуляру :)

Євгеній Родін

Євгеній Родін

Андрей Фоменко Преподаватель Андрей Фоменко

Hillel IT School — чудове місце для тих, хто прагне опанувати сучасні навички в IT. Програма навчання добре структурована та зрозуміла, що робить складні теми доступними навіть для початківців. Окремо хочу відзначити викладача Андрія Фоменка. Він не лише глибоко знається на матеріалі, але й вміє пояснювати складні речі простою мовою. Його підхід до навчання мотивує на розвиток і досягнення нових вершин. Рекомендую цю школу й Андрія як наставника!

Катерина Рибій

Катерина Рибій

Навчалася в Андрія Фоменко, все чудово, гарні пояснення, завжди залишав хороший фідбек щодо домашок. Ми мали чат для спілкування, де можна було поставити будь-які запитання, з темі і не тільки. Загалом усе чудово

Отвечаем на часто задаваемые вопросы

  • Как я могу оплатить обучение?

    Оплата производится через выставление инвойса на E-mail через сервисы LiqPay и Fondy.

  • Как работает оплата частями?

    Мы предлагаем возможность разбить стоимость курса на ежемесячные платежи до 12 частей посредством рассрочки в ПриватБанк, Монобанк, ОщадБанк или ПУМБ. При этом вам не нужно платить дополнительные комиссии или проценты банкам, поскольку Школа оплачивает эту комиссию за вас.

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

    Подробнее об оплате по частям в нашем материале.

  • Выдается ли сертификат об окончании курса Full-Stack — JavaScript международного уровня?

    Наш сертификат о прохождении курсов Full Stack Developer внутреннего образца. В первую очередь мы вам предоставляем знания, отвечающие требованиям существующих вакансий на рынке труда. В IT-сфере при приеме на работу на должности начального уровня абсолютно не важно, какие у вас есть дипломы и какую сертификацию вы прошли. В первую очередь работодатель на собеседовании будет рассматривать то, что вы умеете и в чём есть опыт, а не какой диплом вы сможете принести с собой. Это касается как Украины, так и компаний, находящихся за границей.

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

  • Будут ли задавать домашние задания на курсе Full-Stack — JavaScript? Проверяется ли выполненное задание?

    Да! Ведь это обязательная и очень важная часть процесса вашего обучения, так как каждый Студент должен закрепить весь полученный на занятии материал дома, выполняя домашние задания. Каждое заданное ДЗ будет проверяться преподавателем, и по нему вы будете получать фидбэк. Также некоторые задания разбираются на следующем занятии. Без выполнения домашний заданий никто не сможет добиться желаемого результата.

  • Какой нужно иметь компьютер, чтобы обучаться на курсе Full-Stack — JavaScript?

    Требования к компьютеру для обучения на курсе Full-Stack — JavaScript.

    Операционная система:

    • Windows 11 64-бит
    • macOS 10.13 или выше
    • Linux: Ubuntu 16.04 - 20.04

    Процессор* :

    • Минимум intel core i5 4-го поколения
    • Рекомендуется i5 8-го
      *Допустимы аналоги от AMD

    Оперативная память:

    • Минимум 8 Гб
    • Рекомендуется 16 Гб

    Память:

    • Минимально 500 Гб HDD и более
    • Рекомендуется 200 Гб SSD и более

Заявка на консультацию

Оставьте ваши контактные данные, и мы вам обязательно перезвоним!

Обязательно укажите ваше имя кириллицей

Обязательно укажите email, по которому мы сможем с вами связаться

Обязательно укажите телефон в международном формате

Школа работает с 10:00 до 21:00 по будням и с 10:00 до 19:00 по выходным дням (киевское время, GMT+2).

Заявка на консультацию

Отправлено

Подписывайтесь на наш Instagram

Подписывайтесь на наш Instagram

Instagram gradient image

Заявка на консультацию

Отправлено

Подписывайтесь на наш Instagram

Подписывайтесь на наш Instagram

Instagram gradient image

Професія Full-Stack розробника

  • Full-Stack — JavaScript

    basic

    На курсах Full Stack ты сможешь быстро усвоить навыки разработки JavaScript с обеих сторон — клиентской и серверной. Подробные уроки и практические проекты позволят узнать, что такое Node.js, Express и React, как их применять, как создавать полноценные веб-приложения с нуля, разрабатывать RESTful API.

Материалы в блоге