ПРОГРАММИРОВАНИЕ

Курс по Frontend веб-разработке: HTML, CSS, JavaScript, ReactJS, TypeScript

Frontend разработчик занимается версткой сайтов или созданием интерфейсов веб-приложений. Выбирайте то, что по душе: мобильная разработка, веб-сайты, разработки в сфере финансов и т.д.

Обучение с нуля

Только живые занятия

Портфолио

Стажировка

Помощь в поиске работы

Сертификат на двух языках

Курс английского в подарок

Бесплатное дообучение

— Нужна консультация?
Позвоните нам по номеру +375 29 637‑00‑80, либо закажите звонок.

«Номер один» 2023 года — очередная победа в номинации «IT курсы»

IT-курсы «Номер один» 2022/2023 года.
Второй год подряд мы стали победителем белорусской ежегодной премии «Номер один» в номинации «IT-курсы №1»!
Узнать подробнее

«Номер один» 2023 года — очередная победа в номинации «IT курсы»

IT-курсы «Номер один» 2022/2023 года.
Второй год подряд мы стали победителем белорусской ежегодной премии «Номер один» в номинации «IT-курсы №1»!
Узнать подробнее

Сколько стоит стать Айтишником

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

Стоимость обучения:

480 руб/мес

Хотите получить Скидку до -30%? Смотрите скидочную программу =)

★ Длительность курса: 7 мес.
★ Полная стоимость: 3360 руб.

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

Скидочная программа:

★ Скидка до 20% за раннюю запись!

Получите Скидку 5%, 10%, 15% или 20%, если успеете записаться на курс за 5, 10, 15 или за 20 дней до старта группы, соответственно. Не ждите нужной даты, т.к. важно успеть не только получить консультацию, но и заключить договор на обучение.

★ Скидка 25% за друга!

Приведите друга (в т.ч. знакомого или родственника) и учитесь со скидкой каждый.

★ Скидка 30% всем студентам и выпускникам нашей школы!

Банковская рассрочка:

318 руб. x 12 мес.

★ Оплата со второго месяца.
★ Начните обучения за 0 руб.

Сумма платежа указана приблизительно. Срок может быть изменен на 3, 5 или 6 месяцев. Подробную информацию по банковским продуктам можно узнать в учебном центре.

Что вы получаете

Самое главное: востребованные знания и навыки актуальные на 2024 год с возможностью дальнейшей стажировки и трудоустройством в рамках проекта "Моя первая работа в IT".

листайте влево-вправо

Старты групп и расписание

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

ВТ и ПТ:
с 19:40 до 21:40.

Старт: 29 марта.

Спасибо за ожидание и понимание!

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

Не подходит расписание? Хотите на следующий набор, либо начать обучение уже сейчас?

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

Кому подходит курс

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

Специалист в этом направлении может получать от 400$ (без опыта работы, обычный веб-мастер или администратор сайтов) до 2500$ (специалист с опытом от 3+ лет) в зависимости от уровня знаний и опыта работы, по данным портала dev.by.

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

– Курсы от «Моя Айти Школа» – твой старт в интересный мир Айти, о котором все говорят. Главное желание, а остальному научим мы! Все наши курсы с обучением с нуля.

Frontend разработка (HTML, CSS, JS, ReactJS, TS)
Программа курса

Длительность: 7 месяцев.
Обучение 2 раза в неделю.
Каждое занятие по 3 часа.

★ Обучение с нуля.
★ Только живые занятия.
★ Личные проекты в портфолио.
★ Бесплатное дообучение.
★ Курс английского в подарок.
★ Помощь в поиске работы.
★ Стажировка.

Frontend разработка (HTML, CSS, JS, ReactJS, TS)

Ваш сертификат в конце обучения на двух языках.

Программа состоит из 3 важный блоков: адаптивная верстка (HTML, CSS) и веб-дизайн; изучение языка программирования (JavaScript, ES, TypeScript); фреймворков и библиотек (ReactJS, Redux, Mobx).

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

Рекомендуемые технические требования: процессор с частотой не менее 1,6 ГГц; оперативная память от 4-8 Гб; видеокарта от 1 Гб. Наличие работающего микрофона. Любая актуальная ОС: Windows, macOS, Linux. Скорость интернета не менее 20-30 Мбит/сек.

  • Вы изучите основы веб-дизайна, научитесь работе с Figma, адаптивно верстать макеты веб-приложений (сайтов) любой сложности.
  • Изучите все главные технологии разработки: HTML, CSS, JavaScript. Научитесь работать с фреймворками и библиотеками ReactJs/Redux/Mobx. Познакомитесь с TypeScript. И, это еще далеко не все…
  • Научитесь создавать динамические и функциональные интерфейсы различных веб-приложения от одностраничных (лендингов) сайтов до интернет-магазинов и SPA-приложений.

Общий стек технологий и инструментов: HTML, CSS, SASS (SCSS), LESS, JS (ECMAScript), AJAX, jQuery, JSON, NodeJs, NPM, Webpack, ReactJS, Redux/Mobx, TypeScript, Git/GitHub, Figma.

Как работает интернет? Что такое HTML? Теги и атрибуты тегов языка и его синтаксис. Создание веб-страниц. Что такое CSS и правила его использования. Что такое селектор? Изучение свойств и практика форматирования содержимого (работа со шрифтами, изменение размеров, полей, отступов). Создание списков, таблиц, работа с формами, фоновыми изображениями, встраивание содержимого (Youtube, Google Maps, Яндекс Карты).

«Новые» семантические теги в HTML5. Блочные и строчные элементы: разница и нюансы в работе с ними в CSS. Что такое «схлопывание» и переполнение контента? Как работа с «плавающими» элементами. Знакомство со строчно-блочной моделью верстки. Флекс (Flex) модель верстки. Способы выравнивания содержимого и блоков по горизонтали и вертикали. Работа с псевдоклассами и псевдоэлементами. Создаем многостраничный сайт.

Работа с Figma, как с инструментом для создания дизайн-макетов приложений. Создание различных графических элементов. Кадрирование, изменение размеров, трансформация. Работа со слоями, группами элементов, позиционирование. Работа с текстом и его форматирование. Экспорт объектов, сохранение изображений.

Позиционирование элементов в HTML и CSS. Что такое «липкое» позиционирование? Создание вертикальной и горизонтальной навигации с многоуровневым меню. Создание табов, переключателей, постраничной навигации других сложных навигационных элементов сайта.

Практика верстки различных отдельных элементов сайта (навигации, виджетов, различных информационных блоков) и верстка полноценных макетов сайтов с нуля и до адаптивной версии под разные устройства и экраны. Изучение Grid-модели. Разные способы создания анимации в CSS.

Что такое Git и для чего он нужен? Где применяется система контролей версий? Как работать в команде? Репозиторий, снимки файлов, стадии и общий принцип работы с Git. Основные команды: cd, ls, dir, clear, git: config, init, status, add, commit, log, diff, checkout, reset, branch, merge, remote, push, fetch,  pull,  clone, …

Знакомство с языком программирования: правила и синтаксис, переменные, типы данных, преобразование значений. Операторы сравнения, логические, арифметические. Условные и тернарные операторы и конструкции. Работа с циклами, массивами и их методами. Практика решения задач.

Создание функций, анонимные и стрелочные функции. Параметры и их значения по умолчанию. Область видимости. Хоистинг (hoisting) и замыкания. Возврат значений. Рекурсия. Функции по работе со строками, датой и временем, математические ф-ции. Регулярные выражения. Создание простых объектов: this, свойства и методы. Функции-конструкторы. Практика решения задач.

Браузерная и документная модели в JS. Загрузка веб-страницы. Создание элементов. Работа с атрибутами и содержимым элементов. Перемещение, клонирование, добавление и удаление элементов. Различные способы поиска элементов на странице. Добавление событий мыши и клавиатуры (клик, двойной клик, нажатие клавиш, drag-and-drop).

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

Обсуждения объектов от простых к сложным. Принципы объектно-ориентированного подхода (наследование, инкапсуляция, полиморфизм). Прототипное наследование (__proto__, prototype) объектов. Функциональное наследование. Работа с  bind, apply, call и разница между ними. Классы в JavaScript: аналогия с функциональным подходом, проблемы и нюансы. Практика создания различной сложности функций-конструкторов и объектов.

Что такое Клиент, Сервер, веб-сервер, хостинг, локальный сервер, домен, протоколы передачи? Как «общаются» Клиент и Сервер? Методы отправки HTTP(s)-запросов. Заголовки и статусы ответов. Варианты локальных серверов, их настройка и запуск. Расширения для редакторов кода. Понятия: JSON, XML, API, REST API. Приложение Postman.

Способы хранения данных на стороне Клиента (в браузере): cookies, localStorage, sessionStorage. Работа с JSON-данными. Что такое парсинг данных?

Закрепление пройденного материала — создание веб-приложения с применение объектно-ориентированного подхода и хранением данных на стороне браузера: записная книжка (контакты), задачник (toDo лист), корзина товаров, финансовый менеджер (расходы и доходы), …

AJAX — технология асинхронных запросов к серверу, как возможность отправки и получения данных без перезагрузки страницы. Что такое асинхронность? Async/Await, Promise, fetch. Работа с API. Создание приложений с данными со сторонних API сервисов: погодный виджет, переводчик, каталог товаров, список задач…

Внедрение компонентного подхода (принципы и примеры) в разработку сайтов и приложений. Модули в JavaScript: import, export. Динамические импорты модулей и работа с асинхронными данными. Создание несложного приложения с применением данного подхода.

Single Page Application — приложение с динамической загрузкой содержимого и переходом между страницами без фактической перезагрузки страницы в браузере. Создание SPA на чистом JS с применение компонентного подхода и созданием роутинга (routing): каталог товаров с корзиной и оформление покупки.

Обзор препроцессоров CSS: SASS/LESS; и работа с ними. Препроцессинг, синтаксис и правила, вложенности, переменные, миксины, циклы, условия, расширения, импорт, математические операции, функции, …

Знакомство с популярными «фреймворками» для создания простых интерфейсов сайтов и др. приложений. Готовые стили и компоненты, создание сеток и колонок, управление разметкой, типографика, утилиты, … Обзор возможностей старого, но интересного jQuery и аналогия работы с «чистым» JavaScript. Практика верстки с помощью Bootstrap.

Что такое «сборщик» проектов или модулей? Установка webpack, первоначальная настройка конфига и запуск приложения. Точка входа, вывод готовых файлов, загрузчик webpack, импорт файлов. Правила конфигурирования. Лоудеры, плагины, расширения. Готовим webpack для сборки приложения.

Знакомство с фреймоворком для разработки пользовательского интерфейса. Добавляем React на сайт. Что такое JSX, Babel, рендер компонентов. Функциональные и классовые компоненты. Пропсы, стэйты в разных компонентах. Добавление событий к элементам и особенности работы с ними. Map, filter, списки и ключи при обходе/создания элементов. Работа с формами. Жизненный цикл компонентов.

Создание приложения, знакомство со структурой файлов и каталогов проекта. Разделение кода. Импорт, экспорт компонентов, стилей, изображений и других данных, например, JSON. Правильный подход в создании приложений (доступность контента, семантика). Взаимодействие со сторонними библиотеками. Фрагменты. Создание базовый компонентов для большинства случаев.

Обзор и правила хуков: useState, useContext, useEffect, useReducer, useRef. Практика использования хуков на примере создания приложения: каталога товаров с корзиной, функцией сортировки и поиска.

Работа с модулями и хуками: Router, browser-router, NavLink, Router exact, React Router Hooks. Организация динамического перехода между страницами приложения.

Введение в Redux/MobX: как установить и использовать, как создать приложение в React, как работает реактивность и поток данных, как описывать изменения состояния, как передавать наблюдаемые значения в качестве пропсов или состояния, как подписываться на изменения, как оптимизировать рендеринг, как работать с асинхронными действиями, такими как API-запросы, работа с асинхронным кодом, промисами, async/await.

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

Модули и пространства имен, что такое декораторы, как их создавать и применять, что такое заголовочные файлы. Разработка небольшого веб-приложения на TypeScript с использованием ReactJS.

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

Кроме этого, на каждом курсе...
Frontend разработка (HTML, CSS, JS, ReactJS, TS)

Готовые материалы для обучения

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

Улыбнитесь! Вас записывают!

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

Frontend разработка (HTML, CSS, JS, ReactJS, TS)
Frontend разработка (HTML, CSS, JS, ReactJS, TS)

Ваш личный наставник 24/7

Преподаватель становится вашим ментором, сэнсэем, тренером, коучем, гуру — называйте его как хотите. Важно то, что он с вами будет на протяжении всего курса и не только на занятиях (и в классе и в онлайн формате), а еще и онлайн в другие дни. Вы не останетесь с своими проблемами! Лениться мы не позволим.

Комфортное онлайн (дистанционное) обучение

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

Frontend разработка (HTML, CSS, JS, ReactJS, TS)
Frontend разработка (HTML, CSS, JS, ReactJS, TS)

Бесплатное дообучение!

Мы понимаем насколько сложно учиться чему-то новому, а особенно в группах, когда все стараются успеть к срокам сдачи заданий, изучить материал к следующему занятию и т.п. Чтобы “игра в догонялки” не стала проблемой в получении знаний мы разрешаем бесплатно посещать занятия в других группах, даже после окончания вашего обучения.

Сертификат о получении знаний и навыков

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

certs
Frontend разработка (HTML, CSS, JS, ReactJS, TS)

Будьте как дома! Вы приняты в СтудХаб!

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

Проект «Моя первая работа в IT»

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

Frontend разработка (HTML, CSS, JS, ReactJS, TS)

Мероприятия и программы школы

Здесь только актуальные программы и события. О всех новостях школы читайте в разделе "События" в главном меню. Смотрите расписание внутри каждой записи и приходите в гости в учебный центр, чтобы поболтать об Айтишечке =)

Начните свою IT-карьеру бесплатно!

Начните свою IT-карьеру бесплатно!

Поступите в школу бесплатно, пройдите IT-тренинг, профориентацию и уникальный подготовительный курс. Научим основам Computer Science, разработки ПО, алгоритмизации и программирования. Подходит каждому перед выбором основного направления в айти: UX&UI, Frontend (JavaScript), Python, PHP, QA, …

Читать подробнее

«Номер один» 2023 года — очередная победа в номинации «IT курсы»

«Номер один» 2023 года — очередная победа в номинации «IT курсы»

Второй год подряд мы стали победителем премии Номер один в номинации «IT-курсы №1»! Это отличительный знак качества и высокой репутации нашего учебного центра, который признаёт нас лучшими и наиболее востребованными среди других компаний и услуг нашей отрасли. Спасибо всем, кто оказал нам поддержку и оценил наш труд и достижения в этом году.

Читать подробнее

Программа трудоустройства

Программа трудоустройства

«Хочу в Айти!» — это самое популярное желание на сегодняшний день среди не только школьников или молодежи, но и старшего поколения. Наша программа честно помогает довести каждого выпускника до трудоустройства или заключения контракта на проект.

Читать подробнее

От нелюбимого дела до смысла жизни или как найти свое призвание

От нелюбимого дела до смысла жизни или как найти свое призвание

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

Читать подробнее

Отправная точка любого успеха — это желание.

Хочешь стать Айтишником?
Приходи и мы поможем!

Мы гордимся своими гуру-преподавателями

Наши тренеры успешно выпустили  уже более 1200 студентов  по различным курсам!

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