Курс с оплатой после трудоустройства
Full-Stack LEAP

Basic level

alarm-clock занятий

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

rocket старт

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

Осталось

Интересует другой формат?

Full-Stack — JavaScript Full-Stack — JavaScript

Научись разработке 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, способными решать реальные задачи.

Необходимо пройти тест для проверки знаний

grinning-face

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

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

  • 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 LEAP

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

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

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

  • 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

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

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

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

Бонусы курса

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

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

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

UBA Medal

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

  • woman-technologist

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

  • briefcase

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

  • thumbs-up

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

  • light-bulb

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

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

  • man-raising-hand
    Группы до 30 человек Преподаватель уделяет время каждому студенту
  • 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-компаниях мира

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

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

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

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

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

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

Отправлено

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