ИНТЕНСИВНЫЙ КУРС С НУЛЯ

Курс по Front-end разработке
(HTML, CSS, JavaScript, React)

 ОНЛАЙН / В КЛАССЕ  — на ваш выбор.

Длительность: 6 мес., 48 занятий, 96 ч.
Программа трудоустройства: бесплатно.
Сертификаты: русский, английский, электронный.

+ Курс Английского языка при желании!

Внимание!
До ближайшего Старта группы осталось всего

 — Осталось всего 2 места в онлайн-группе! Успей записаться!

 — Действует честная Скидочная программа!

Кому подходит данный курс

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

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

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

Подробнее мы рассказываем на Бесплатном уроке по веб-разработке.

Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

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

Программа курса по Front-end веб-разработке

Программа состоит из 3 важный блоков: адаптивная верстка и веб-дизайн; изучение языка программирования; фреймворков и библиотек. Курс интенсивный и нацелен на подготовку специалистов для дальнейшего трудоустройства. Рассчитан на 6 месяцев (48 занятий, 96 часов).

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

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

Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

Вы изучите основы веб-дизайна, научитесь работе с Adobe Photoshop и Figma, верстать макеты веб-приложений (сайтов) любой сложности.

Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

Изучите все главные технологии разработки: HTML, CSS, JavaScript. Научитесь работать с фреймворками и библиотеками ReactJs/Redux, jQuery. И, это еще далеко не все…

Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

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

Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

Вы сможете администрировать сайты практически на любой CMS (WordPress, ModX, OpenCart…).

Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

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

Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

Изучайте Английский язык вместе с данным курсом в нашей школе со Студенческой скидкой!

БЕСПЛАТНОЕ ВИДЕО.
Что такое HTML?

БЕСПЛАТНОЕ ВИДЕО.
Знакомимся с JavaScript.

БЕСПЛАТНОЕ ВИДЕО.
Урок по Git и GitHub.

ЗАНЯТИЕ 1-3. HTML, CSS. Chrome Dev Tools

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

ЗАНЯТИЕ 4-5. HTML, CSS.

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

ЗАНЯТИЕ 1. Figma, Photoshop

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

ЗАНЯТИЕ 6-7. HTML, CSS. Создание навигации, пагинации

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

ЗАНЯТИЕ 8-10. HTML, CSS. Верстка элементов и сайтов.

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

ЗАНЯТИЕ 1. Git и GitHub.

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

ЗАНЯТИЕ 1-4. JavaScript.

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

ЗАНЯТИЕ 5-7. JavaScript (ECMAScript).

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

ЗАНЯТИЕ 8-9. JS. BOM/DOM, Events

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

ЗАНЯТИЕ 10-12. JS. Создание плагинов для сайтов

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

ЗАНЯТИЕ 13-14. JS. ООП. Объекты и классы

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

ЗАНЯТИЕ 1. Клиент-серверная архитектура приложений

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

ЗАНЯТИЕ 15. JS. Хранение данных и работа с ними

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

ЗАНЯТИЕ 16-17. JS. Практика создания приложений

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

ЗАНЯТИЕ 18-19. JS. Запросы к серверу. Работа с API

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

ЗАНЯТИЕ 20-21. JS. Компонентный подход

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

ЗАНЯТИЕ 22-24. JS. Создание SPA

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

ЗАНЯТИЕ 1. Препроцессоры CSS.

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

ЗАНЯТИЕ 2. Библиотеки Bootrstrap и jQuery

Знакомство с популярными «фреймворками» для создания простых интерфейсов сайтов и др. приложений. Готовые стили и компоненты, создание сеток и колонок, управление разметкой, типографика, … Обзор возможностей jQuery и аналогия работы с «чистым» JavaScript. Манипулирование с элементами. Работа с атрибутами и содержимым. Работа со стилями CSS, анимация. Обход элементов, отправка AJAX-запросов, работа с JSON.

ЗАНЯТИЕ 1-2. ReactJS

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

ЗАНЯТИЕ 3-4. ReactJS. create-react-app

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

ЗАНЯТИЕ 5-6. ReactJS. Хуки

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

ЗАНЯТИЕ 7. ReactJS. Маршрутизация

Работа с модулями: Router, BrowserRouter, navLink для организации динамического перехода между страницами приложения.

ЗАНЯТИЕ 8. ReactJS/Redux

Подключение Redux к React приложению. Знакомимся с основными принципами работы с библиотекой: экшены, редьюсеры, поток данных, …

ЗАНЯТИЕ 1. Webpack

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

ЗАНЯТИЕ 1. Обзор CMS. WordPress

Обзор популярных CMS (WP, ModX, OpenCart, Drupal, Joomla, …). Знакомство с WordPress. Настройка системы администрирования и ЧПУ. Создание страниц и наполнение сайта. Выбор и установка готовых тем и плагинов без программирования. Создание полноценного сайта.

ФИНАЛЬНЫЙ ПРОЕКТ.

Разработка полноценного веб-приложения (сайта, сервиса, игры и т.п.), демонстрирующего все полученные навыки и знания в процессе изучения курса по Front-end разработке.

ПРОГРАММА ТРУДОУСТРОЙСТВА

Помогает начать карьеру своим выпускникам: составляем резюме, создаем профиль в LinkedIn, собираем портфолио. Проводим мастер-класс по трудоустройству вместе с HR-менеджером. Расскажем о секретах составления резюме, правильном поведении и каверзных вопросах на собеседованиях.

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

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

Комфортное  Онлайн  обучение

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

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

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

Front-end разработка (HTML, CSS, JS, ReactJS, Redux)
Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

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

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

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

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

Front-end разработка (HTML, CSS, JS, ReactJS, Redux)
Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

Приятное с полезным. Будьте как дома!

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

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

После успешного окончания курса Вы получите сертификат: русский, английский, электронный.
Кроме этого, Вас ждет бесплатная Программа трудоустройства с настоящим HR менеджером.

6 месяцев

96 часов, 48 занятий по 2 часа

299 руб/мес

Ежемесячная оплата

ХОТИТЕ ДЕШЕВЛЕ?! Успейте записаться со СКИДКОЙ до 360 рублей! Подробнее смотрите чуть ниже 😉

1794 рубля

Полная стоимость

ХОТИТЕ ДЕШЕВЛЕ?

СКИДКИ!

ВСЕ СКИДКИ СУММИРУЮТСЯ!
-60 рублей

Приведи друга — получите оба Скидку!
Вдвоем всегда интереснее  =)

-120 рублей

Скидка за раннее бронирование!
Действует до 20 дней до старта

-180 рублей

Скидка за полную оплату!
Есть и другие Скидки за оплату.

Расписание и Старты групп
Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

 ОНЛАЙН / В КЛАССЕ  — на ваш выбор.

Даты стартов указаны приблизительно и могут изменяться в зависимости от скорости набора групп. Занятия проходят в группах до 12 человек вне зависимости от выбранного формата обучения и с обязательными встречами с преподавателем два раза в неделю.

Онлайн-группа

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

Старт: 29 апреля

 Осталось всего 2 места!
Успей записаться!

Группа в классе

ПН и ЧТ
с 17:20 до 19:20

Старт: 17 мая

Не подходит расписание?

Хотите начать обучение уже сейчас?

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

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

Бесплатный урок по курсам веб-разработки с нуля

Бесплатный урок по курсам веб-разработки с нуля

На уроке поговорим о том: Какие направления в веб-разработке существуют? Какие технологии и инструменты используют веб-разработчики? Что выбрать: самообразование, курсы или институт? Как учиться онлайн? Сколько стоит Войти в Айти и как остаться в нем? Есть ли проблемы при трудоустройстве На сколько важен английский язык.

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

Воскресенье — День открытых дверей!

Воскресенье — День открытых дверей!

Каждое Воскресенье, с 10:00 до 17:00, двери нашего центра открыты для всех желающих познакомиться с нашей школой и Курсами IT, получить консультацию или заключить договор, а для студентов — поработать за компьютером и пообщаться с преподавателем. Будем рады Вас встретить!

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

Секреты обучения в нашем центре

Почему у нас хорошо и комфортно учиться?

Два комфортных формата обучения: онлайн / в классе. В учебном классе: ведется видеозапись каждого занятия; персональное место для студента; мощный компьютер; блокнот и ручка; WiFi; вода, кофе, чай и печеньки =) Доступная парковка!
Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

``Моя Айти Школа`` — современная и с новыми взглядами на образование IT-школа программирования.

Моя-Айти-Школа.бел или MyItSchool.by

Обучение как в учебном классе, только дома и в тапочках. Качественные видео уроки + конспект. Процесс обучения почти ничем не отличается от офлайн формата. Два раз в неделю обязательные онлайн-встречи с преподавателем.
Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

Комфортное онлайн-обучение!

Поможем составить и разместить резюме, заполним профиль в LinkedIn, проведем мастер-класс по секретам трудоустройства в IT-компании, и расскажем о ТОП вопросах на собеседованиях.
Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

Ваша цель трудоустройство?

Именно такому количеству студентов, 12  в группе, один преподаватель может уделить равное количество времени, в том числе и на проверку домашних и контрольных заданий. Это очень важно!
Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

Мы занимаемся малыми группами по 12 человек. Идеальное количество для всех.

Все программы адаптированы под рынок труда и содержат только актуальные знания и ничего лишнего. Мы «не льем воду» и не пишем под диктовку, а придерживаемся схемы обучения: 20% теория / 80% практика.
Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

Наши программы обучения рассчитаны на разные уровни подготовки и знания ПК.

Наши преподаватели имеют уровень квалификации не ниже Senior (с опытом работы 4+ лет) — настоящие профессионалы своего дела, евангелисты, менторы — помогут вам стать востребованным «Айтишником».
Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

Наша гордость — наши преподаватели! Они реально крутые.

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

Мы не фабрика и у нас не «конвейерное производство» выпускников.

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

Открытый чат для каждой группы.

Просто приходите в гости на кофе =) Мы будем рады с вами познакомиться и проконсультировать по любым вопросам. Наши двери открыты и для студентов — они могут свободно поработать за компьютером или поговорить с преподавателем.
Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

Работаем для Вас с ПН по ПТ. Воскресенье — День открытых дверей!

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

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

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

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

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

Сертифицированные Курсы IT

Сергей Краевский

Опыт более 14 лет. Инженер-программист, преподаватель курсов по Front-end и Back-end разработке.
Сертифицированные Курсы IT

Мария Лукшиц

Опыт более 5 лет. Преподаватель курсов по веб-дизайну и UX&UI. Графический дизайнер.
Сертифицированные Курсы IT

Алексей Агеев

Опыт более 6 лет. Преподаватель курсов по Front-end разработке.
Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

Мария Бондарь

Опыт более 4-x лет. ReactJs разработчик. Преподаватель курсов по Front-end разработке.
Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

Антон Чернявский

Опыт более 4-x лет. Инженер-программист. Преподаватель курсов по Back-end и Front-end разработке.
Front-end разработка (HTML, CSS, JS, ReactJS, Redux)

Надежда Гурьян

Опыт более 4 лет. Преподаватель курсов по Front-end разработке.
Сертифицированные Курсы IT

Андрей Гивойно

Опыт более 10 лет. Инженер-программист, преподаватель по Back-end разработке и проектированию БД.