Назад
Frontend-разработчик
АНО ДПО "Корпоративный университет Сбербанка"
Описание
Каждый день мы сидим в интернете, заходим на различные веб-сайты. Созданием "внешней стороны" веб-сайта занимаются Frontend-разработчики: именно они разрабатывают то, что мы видим, заходя на любую страницу в интернете. Поэтому любой компании с своим сайтом нужен хороший Frontend-разработчик!
На текущий момент только в одной России больше 6 000 компаний находятся в поисках специалистов по Frontend-разработке! На старте молодой специалист может рассчитывать на зарплату в размере 70 000 рублей, по мере развития повышая ее до 150 000+ рублей в месяц.
Программа подойдет:
- желающим начать свой путь в ИТ с нуля: мы дадим нужные знания и умения, чтобы вы смогли сделать первые шаги навстречу карьере мечты в современной ИТ-компании;
- начинающим программистам: вы научитесь верстке сайтов, освоите популярные инструменты, научитесь разрабатывать на Java Script и базовом React, откроете новые карьерные возможности в web-разработке.
На программе вы научитесь:
- верстать красивые сайты с помощью HTML и CSS;
- создавать интерактивные элементы на сайте с помощью Java Script;
- работать в GIT.
Кроме этого, мы поможем вам грамотно составить резюме и выстроить поиск первой работы в Frontend-разработке!
Обучение состоит из двух частей:
- Базовый модуль, «бассейн» – онлайн-интенсив из электронных курсов и вебинаров для освоения базовых знаний и умений в программировании;
- Профильный модуль – обучение в формате вебинаров под руководством преподавателей-практиков, интересными ДЗ, персонализированной обратной связью и проектом!
Вебинары проходят 2 раза в неделю в удобное время, поэтому обучение легко совмещать с работой (точное время проведения занятий определяется отдельно для каждой группы). Мы не набираем больших групп, чтобы каждый слушатель мог получить ответы свои вопросы во время занятий, личную обратную связь на домашние задания и проекты!
У кого вы будете учиться?
Команда преподавателей, методистов и кураторов с опытом организации обучения более 3 лет. Команда сочетает в себе 3 ключевые экспертизы:
- индустриальная: практики разработки из крупнейших российских и международных ИТ-компаний;
- академическая: преподаватели и выпускники лучших ВУЗов России: ВШЭ, МФТИ, МГУ, Школа Анализа Данных Яндекса, etc;
- образовательная: через каждого преподавателя в нашей команде прошли сотни слушателей из российских компаний или вузов.
Важно!
Перед стартом обучения важно понимать, что программирование и анализ данных – это интересно и перспективно, но и очень сложно. Для достижения целей обучения вам придется много работать, практиковаться и даже самостоятельно искать информацию. Без этого не стать хорошим специалистом даже начального уровня. Научить учиться и искать информацию – одна из целей программы, ведь настоящий специалист регулярно занимается этим на работе! Убедитесь, что вы готовы уделять 15, а лучше 20 часов каждую неделю на обучение и вы уверены, что сможете освоить основы этой профессии в интенсивном режиме.
Часов в программе
Цель программы
Актуальность
На текущий момент только в одной России больше 6 000 компаний находятся в поисках специалистов по Frontend-разработке! На старте молодой специалист может рассчитывать на зарплату в размере 70 000 рублей, по мере развития повышая ее до 150 000+ рублей в месяц.
Входная диагностика 1 час
Итоговая аттестация 4 часа
Компетенции
Профессиональные
Верстка с помощью HTML и CSS
Что такое HTML; как создается HTML документ; HTML теги div, span, h, p, img; что такое CSS; как подключить css к html документу; CSS-селекторы - что это такое; основные правила CSS-селекторов; CSS-свойств; как стилизовать HTML элемент; свойства: color, background, font-size, font-family; расположение элементов на странице в CSS; позиционирование элементов с flexbox; отступы margin и padding; создание интерактивных элементов в HTML/CSS; теги: input, textarea, form, button; CSS псевдоклассы: :hover, :before, :after BEM (БЭМ) display: grid – как собирать сложные композиции из элементов; работа с open-source проектами; что такое open-source библиотеки, для чего они нужны; добавление на страницу svg и шрифтовых иконок; основы анимации в CSS; анимации с @keyframes; позиционирование элементов на странице с помощью position; основы создания мобильной версии сайта; обзор методов адаптивной верстки; @media запросы – как меняется внешний вид сайта в зависимости от размера экрана, адаптивную верстку, препроцессор SASS, псевдоклассы и псевдоэлементы, основы анимации и анимированных переходов, продвинутую верстку в формах.
Уметь:Верстать по макету веб-страницу с помощью HTML и CSS.
Владеть:Использовать HTML и CSS для верстки страниц. Использовать редактор кода Visual Studio Code. Использовать инструментов разработчика в Google Chrome.
Работа с системой контроля версий GIT
Для чего нужен GIT, какие задачи решают с его помощью, как установить GIT, основные команды GIT: git add, git commit, git push; основы использования GitHub Pages.
Уметь:Использовать GIT для хранения кода и контроля версионности.
Владеть:Использовать систему контроля версий GIT для работы с кодом.
Программирование на языке JavaScript и использование фреймворка React
Что такое переменная; как называть переменные; const/let переменные; как писать комментарии в программе; типы данных; какие данные можно хранить; числа; строки; булевый тип; тип "null"; тип "undefined"; объекты; типы BigInt и Symbol; оператор typeof; условный оператор; блоки if, else if, else; тернарный оператор; конструкция switch; задание значений по умолчанию; циклы while и do/while; цикл for; функции; локальные и внешние переменные функции; аргументы функции; возвращаемое значение функции; замыкания; области видимости в блоках условий; области видимости в циклах; замыкания в функциях; стрелочные функции; создание и чтение объектов; изменение объектов; чтение всех ключей объекта; конструкция for in; копирование объектов; массивы; создание массива; добавление, удаление, изменение элементов массива; чтение данных в массиве; многомерные массивы; строковые функции; работа с объектами; контекст this; основы Canvas; объекты браузера и страницы; методы обращения к элементам страницы; создание и удаление элементов страницы и перемещение по DOM дереву; изменение контента и стилей элементов; обработка событий в JavaScript, методы массивов, методы объектов, localStorage/sessionStorage, get запросы, post запросы и cookies, регулярные выражения для валидации данных. Основы WebPack, компоненты в React, основы стилизации в React, библиотеки компонент, основы работы с данными по сети, основы API, работа с hooks, Context, основы работы с формами, модальные окна.
Уметь:Решать базовые алгоритмические задачи на языке программирования JavaScript, создавать интерактивные элементы на веб-странице с помощью языка программирования JavaScript, работать с HTML-документом, создавать простое приложение на React.
Владеть:Использовать язык программирования JavaScript и фреймворк React для написания программ и создания веб-страниц. Использовать редактор кода Visual Studio.
Требования
- Готовность упорно учиться, искать информацию и много самостоятельно работать – без этого не стать хорошим разработчиком!
- Готовность на протяжении всего курса регулярно выделять 10-15 часов в неделю учебе (а лучше больше).
- Уверенное владение ПК: установка/удаление ПО, работа с текстовыми редакторами, браузером Google Chrome.
- Развитое логическое мышление, умение структурировать информацию.
- Желательно, но не обязательно наличие хотя бы минимального опыта в программировании / написании запросов в SQL / написания макросов в Excel.
- Знание английского языка на уровне чтения технической документации.
Образование
- Высшее образование
- Среднее профессиональное образование
Иные требования и рекомендации для обучения по программе
- Готовность упорно учиться, искать информацию и много самостоятельно работать – без этого не стать хорошим разработчиком!
- Готовность на протяжении всего курса регулярно выделять 10-15 часов в неделю учебе (а лучше больше).
- Уверенное владение ПК: установка/удаление ПО, работа с текстовыми редакторами, браузером Google Chrome.
- Развитое логическое мышление, умение структурировать информацию.
- Желательно, но не обязательно наличие хотя бы минимального опыта в программировании / написании запросов в SQL / написания макросов в Excel.
- Знание английского языка на уровне чтения технической документации.
Модули
свернуть
196,00ч
154,00ч
196,00ч
154,00ч
Профстандарт
Разработчик Web и мультимедийных приложений
06.035Ответственный за программу
Digital_professions@sberbank.ru
+79165801450