Основы Frontend-разработки
Стоимость: 20 000 р. (можно в рассрочку*)
Освойте востребованную профессию с нуля
Документ:
Диплом о профессиональной переподготовке
Когда:
Идет набор на 2023
Длительность:
4 месяца
С нуля
Уровень:
Сколько стоит обучение?
Стоимость курса составляет 96 000₽
Инвалиды
Скидка 100%
Гражданин в возрасте от 16 лет до достижения возраста, дающего право на страховую пенсию по старости, который на момент подачи заявления имеет установленную группу инвалидности.
Безработные
Скидка 100% или 75%
100%: Гражданин трудоспособного возраста, который на момент подачи заявления на обучение в рамках проекта не имеет работы и заработка, зарегистрирован в органах службы занятости в целях поиска подходящей работы
75%: Гражданин трудоспособного возраста, который на момент подачи заявления на обучение в рамках проекта не имеет работы и заработка и не зарегистрирован в органах службы занятости в целях поиска подходящей работы
75%: Гражданин трудоспособного возраста, который на момент подачи заявления на обучение в рамках проекта не имеет работы и заработка и не зарегистрирован в органах службы занятости в целях поиска подходящей работы
С детьми до 3 лет
Скидка 75% или 50%
75%: Гражданин трудоспособного возраста, являющийся родителем ребенка в возрасте до 3-х лет, средняя заработная плата которого за последние 6 месяцев, предшествующих 4 месяцам перед месяцем подачи заявления до даты подачи заявления на обучение в рамках проекта ниже установленной среднемесячной номинальной начисленной заработной платы работников в целом по экономике по соответствующему субъекту Российской Федерации
50%: Гражданин трудоспособного возраста, являющийся родителем ребенка в возрасте до 3-х лет, средняя заработная плата которого за последние 6 месяцев, предшествующих 4 месяцам перед месяцем подачи заявления до даты подачи заявление на обучение в рамках проекта выше установленной среднемесячной номинальной начисленной заработной платы работников в целом по экономике по соответствующему субъекту Российской Федерации
50%: Гражданин трудоспособного возраста, являющийся родителем ребенка в возрасте до 3-х лет, средняя заработная плата которого за последние 6 месяцев, предшествующих 4 месяцам перед месяцем подачи заявления до даты подачи заявление на обучение в рамках проекта выше установленной среднемесячной номинальной начисленной заработной платы работников в целом по экономике по соответствующему субъекту Российской Федерации
Студенты
Скидка 50%
Гражданин, который на момент подачи заявления на обучение в рамках проекта осваивает образовательную программу среднего профессионального или высшего образования (бакалавриат, специалитет, магистратура)
Бюджетники
Скидка 50%
Гражданин трудоспособного возраста, который на момент подачи заявления на обучение в рамках проекта осуществляет трудовую деятельность в государственном или муниципальном учреждении / унитарном предприятии / автономной некоммерческой организации / органе исполнительной власти субъекта Российской Федерации или органе местного самоуправления
С низким доходом
Скидка 50%
Гражданин трудоспособного возраста, средняя заработная плата которого за последние 6 месяцев, предшествующих 4 месяцам перед месяцем подачи заявления до даты подачи заявления на обучение в рамках проекта ниже установленной среднемесячной номинальной начисленной заработной платы работников в целом по экономике по соответствующему субъекту Российской Федерации
Востребована ли профессия Frontend-разработчика?
В сервисе для поиска работы hh.ru по запросу «Frontend-разработчик» размещено более
6 000
вакансий
Чему вы научитесь на курсе?
- 1Верстать адаптивные веб-страницы на HTML/CSS
- 2Писать код на JavaScript
- 3Разбираться в синтаксисе языка программирования
- 4Применять библиотеку Redux на приложении React
Кому подойдет онлайн-курс?
- Тем, кто хочет перейти в ИТНачните свой путь в ИТ с позиции junior frontend-разработчика. Знать программирование не обязательно, преподаватель поможет вам в обучении.
- Начинающим ИТ-специалистамУ вас уже есть небольшой опыт в ИТ-сфере, и вы хотите уйти в сторону frontend. Поможем в изучении нового стека технологий вместе с нашими преподавателями.
Roadmap Frontend-разработчика для вас!
Наглядно покажем, что вы изучите на курсе и кем сможете работать после его окончания.
Дорожная карта почти у вас!
Осталось только отправить заявку
Программа курса
1. HTML
1.1 Вводное занятие. Презентация курса.
1.2 Понятие страницы сайта, что такое HTML, настройка среды разработки
1.3 Структура и содержание страницы, document object model, понятие тэга, анатомия тэга
1.4 Разбиение страницы на блоки, разбиение блоков на элементы
1.5 Блочные и строчные элементы, тэги заголовков, тэги div и span, тэг img, тэг a и их атрибуты
1.6 Списки, параграфы, таблицы, устаревшие теги. Iframe
2. CSS
2.1 Что такое CSS, способы подключения стилей к странице, селекторы тэга, класса, id
2.2 Частоиспольуемые CSS свойства (width, height, border, color, background, float)
2.3 Комбинирование селекторов, приоритет селекторов
2.4 Позиционирование элементов
2.5 Методология БЭМ
2.6 Единицы измерения размеров. "Резиновая" вёрстка. Свойства min-..., max-…
2.7 Разработка форм, тэг input
2.8 Медиазапросы
2.9 Псевдоклассы и псевдоэлементы
2.10 Flex, Grid
Промежуточная аттестация
1.1 Вводное занятие. Презентация курса.
1.2 Понятие страницы сайта, что такое HTML, настройка среды разработки
1.3 Структура и содержание страницы, document object model, понятие тэга, анатомия тэга
1.4 Разбиение страницы на блоки, разбиение блоков на элементы
1.5 Блочные и строчные элементы, тэги заголовков, тэги div и span, тэг img, тэг a и их атрибуты
1.6 Списки, параграфы, таблицы, устаревшие теги. Iframe
2. CSS
2.1 Что такое CSS, способы подключения стилей к странице, селекторы тэга, класса, id
2.2 Частоиспольуемые CSS свойства (width, height, border, color, background, float)
2.3 Комбинирование селекторов, приоритет селекторов
2.4 Позиционирование элементов
2.5 Методология БЭМ
2.6 Единицы измерения размеров. "Резиновая" вёрстка. Свойства min-..., max-…
2.7 Разработка форм, тэг input
2.8 Медиазапросы
2.9 Псевдоклассы и псевдоэлементы
2.10 Flex, Grid
Промежуточная аттестация
3. Синтаксис JavaScript
3.1 Введение. Понятие алгоритма, свойства алгоритма, методы записи алгоритма
3.2 Подключение скрипта к странице. Структура кода, строгий режим, переменные и константы
3.3 Базовые операторы, преобразование типов
3.4 Методы примитивов, числа
3.5 Строки, методы строк
3.6 Ветвление (if, switch, ?...:...), операторы сравнения, логические операторы
3.7 Циклы
3.8 Функции, область видимости, лексическое окружение, остаточные параметры
4. Разработка на JavaScript
4.1 Комментарии, отладка, советы по стилю кода
4.2 Объекты, ссылки, опциональная цепочка
4.3 Массивы, методы массивов
4.4 Object.keys, values, entries, Map, Set
4.5 Рекурсия и стек. Методы setTimeout, setInterval
4.6 Промисы, fetch API
4.7 События браузера, обработчики событий, всплытие и погружение, DOM, управляемые input'ы
4.8 LocalStorage SessionStorage cookies
4.9 Введение в ООП. Классы в javascript
Промежуточная аттестация
3.1 Введение. Понятие алгоритма, свойства алгоритма, методы записи алгоритма
3.2 Подключение скрипта к странице. Структура кода, строгий режим, переменные и константы
3.3 Базовые операторы, преобразование типов
3.4 Методы примитивов, числа
3.5 Строки, методы строк
3.6 Ветвление (if, switch, ?...:...), операторы сравнения, логические операторы
3.7 Циклы
3.8 Функции, область видимости, лексическое окружение, остаточные параметры
4. Разработка на JavaScript
4.1 Комментарии, отладка, советы по стилю кода
4.2 Объекты, ссылки, опциональная цепочка
4.3 Массивы, методы массивов
4.4 Object.keys, values, entries, Map, Set
4.5 Рекурсия и стек. Методы setTimeout, setInterval
4.6 Промисы, fetch API
4.7 События браузера, обработчики событий, всплытие и погружение, DOM, управляемые input'ы
4.8 LocalStorage SessionStorage cookies
4.9 Введение в ООП. Классы в javascript
Промежуточная аттестация
5. React
5.1 HTTP, host, domen. React. NPM. JSX. Virtual DOM
5.2 Props, Props по умолчанию, деструктуризация.
5.3 Children, работа с коллекциями, Prop "key"
5.4 Style.component. Styled. Material UI. Состояние.
5.5 Неизменяемость. События в React
5.6 Hooks. useState. useEffect. Routing. Управление состоянием приложения
6. Redux
6.1 Redux, Flux. Action, Action Creators Reducer
6.2 Redux middleware Redux middleware:redux-thunk.
6.3 React Hooks Advanced: useMemo, useReducer, useCallback
Промежуточная аттестация
5.1 HTTP, host, domen. React. NPM. JSX. Virtual DOM
5.2 Props, Props по умолчанию, деструктуризация.
5.3 Children, работа с коллекциями, Prop "key"
5.4 Style.component. Styled. Material UI. Состояние.
5.5 Неизменяемость. События в React
5.6 Hooks. useState. useEffect. Routing. Управление состоянием приложения
6. Redux
6.1 Redux, Flux. Action, Action Creators Reducer
6.2 Redux middleware Redux middleware:redux-thunk.
6.3 React Hooks Advanced: useMemo, useReducer, useCallback
Промежуточная аттестация
Защита проектной работ
Как будет проходить обучение?
2 раза в неделю вебинары с преподавателем
Курс проходит в дистанционном формате, поэтому присоединиться к занятиям можно из любого города или региона. Занятия проходят на обучающей платформе Университета Иннополис
2 раза в неделю консультации c наставником
— проверяет домашнее задание
— оценивает код
— разбирает все сложные для вас вопросы
— дает индивидуальные рекомендации
— оценивает код
— разбирает все сложные для вас вопросы
— дает индивидуальные рекомендации
Выполнение домашних заданий
В конце каждого вебинара слушатели получают домашнее задание. У вас будет возможность дорабатывать домашние задания. После первой проверки вы по желанию можете внести исправления в документ с учетом замечаний от наставника и получить обратную связь повторно
Итоговый проект для портфолио
Вы создадите веб-приложение с применением технологий React + Redux. Подготовите контент для внутренних страниц, а также продумаете логику страницы аутентификации
Преподаватель
Иван Кривов
frontend-разработчик в группе компаний Современные дорожные технологии
— Менторство стажеров и junior-специалистов.
— Более 3,5 лет опыта производственной разработки Frontend.
— Участвовал в проведении курсов по Frontend и верстке.
— Обучил более 130 человек, которые уже работают программистами.
— Более 3,5 лет опыта производственной разработки Frontend.
— Участвовал в проведении курсов по Frontend и верстке.
— Обучил более 130 человек, которые уже работают программистами.
Отзывы
4.9
★★★★★
★★★★★
Знакомство с ИТ-сферой началось с онлайн-уроков, играл в обучающих приложениях, но это все периодические всплески, которые не дали бы целостной картины данного направления.
Курс прошел на отлично! Знания дали исчерпывающие. Команда преподавателей и наставников всегда прислушивались, относились с пониманием, помогали. Иногда даже были психологами, насколько это было возможно. Хотел бы выразить большое спасибо команде Университета Иннополис! Я получил все, что хотел.
Курс прошел на отлично! Знания дали исчерпывающие. Команда преподавателей и наставников всегда прислушивались, относились с пониманием, помогали. Иногда даже были психологами, насколько это было возможно. Хотел бы выразить большое спасибо команде Университета Иннополис! Я получил все, что хотел.
Просто в какой-то момент пришло время переходить на следующий уровень. Базовые знания получил на курсе по основам frontend-разработки от Университета Иннополис. Мне понравилась программа обучения. Поскольку до прохождения курса я с программированием никогда не сталкивался, то изучение JavaScript стало для меня своеобразным испытанием. Мое упорство и поддержка любимой жены не давали отступать, а умение разбивать задачу на подзадачи и гуглить помогало идти вперед. Всегда казалось, что библиотека React сложная в освоении. Однако при изучении этой темы все оказалось намного проще и понятней. В восторге от преподавателя!
Понравилось, что информация на курсе была структурирована. Мы сразу начали работать с Git, а после блока про JavaScript перешли к изучению React. Наставник разбирал со мной домашние задания. Если бы я занимался сам, без курса, то вряд ли я так быстро освоил новую профессию.
Я недавно устроился в компанию, и при трудоустройстве мне помогли проекты, которые я делал во время курса. В планах у меня развиваться дальше в этом направлении.
Я недавно устроился в компанию, и при трудоустройстве мне помогли проекты, которые я делал во время курса. В планах у меня развиваться дальше в этом направлении.
У меня уже было профильное образование «Информационные системы», но знания по frontend-программированию были поверхностными.
Понравилось, что преподаватель не только объяснял темы уроков, но и разбирал часто возникающие ошибки студентов. У нас был крутой наставник, который помогал разобраться в тонкостях программирования, направлял к самостоятельному решению задач. Также он давал дополнительные материалы для самостоятельного изучения. После прохождения курса появилось глубокое понимание процесса frontend-разработки.
Сейчас я работаю удаленно в Адвантум и разрабатываю приложение, которое поможет во взаимодействии между пользователями и таможней.
Понравилось, что преподаватель не только объяснял темы уроков, но и разбирал часто возникающие ошибки студентов. У нас был крутой наставник, который помогал разобраться в тонкостях программирования, направлял к самостоятельному решению задач. Также он давал дополнительные материалы для самостоятельного изучения. После прохождения курса появилось глубокое понимание процесса frontend-разработки.
Сейчас я работаю удаленно в Адвантум и разрабатываю приложение, которое поможет во взаимодействии между пользователями и таможней.
Почему стоит учиться в Университете Иннополис?
Эффективность курсовЭффективность курсов доказана результатами участников: более 80% выпускников получили работу в ведущих ИТ-компаниях. Мы работаем с более чем 50 компаниями-партнерами, которые готовы рассмотреть резюме выпускников наших курсов
ПреподавателиКурс ведут специалисты высокого уровня, имеющие большой практический опыт работы в индустрии, поэтому на курсе рассматриваются реальные кейсы
ПрактикаБолее 60% учебного плана отводится на выполнение практических проектов и лабораторных работ, максимально приближенных к реальным задачам, с которыми предстоит столкнуться в работе
Обратная связьПреподаватель ответит на каждый ваш вопрос, объяснит непонятные моменты, даст обратную связь по практическим заданиям
Поддержка и помощьЗа каждой учебной группой закреплен куратор, готовый ответить на любые вопросы, поддержать морально и помочь вам в самых разных ситуациях, связанных с обучением
Актуальные программыНаши образовательные программы готовятся специалистами из индустрии. Мы обновляем программы в соответствии с развитием рынка и технологий, поэтому ваше образование будет соответствовать требованиям компаний-работодателей.
Диплом о профессиональной переподготовке
Слушателям курсов, успешно завершившим обучение, выдается диплом о профессиональной переподготовке установленного образца с занесением в Федеральный реестр сведений о документах об образовании и повышении квалификации.
Остались вопросы? Запишитесь на консультацию — мы с вами свяжемся и ответим на все вопросы
Отправляя заявку, вы даете согласие на обработку своих персональных данных в соответствии с политикой конфиденциальности.
контакты