Назад
III уровень
Программирование и создание ИТ-продуктов
Frontend-разработчик
Skillbox
352,00 часа
длительность
Онлайн
формат
Базовый
уровень
1 поток (закрыт)
16.05-09.12.2022
2 поток (закрыт)
06.06-30.12.2022
3 поток (закрыт)
21.06.2022-27.01.2023
4 поток (закрыт)
28.06.2022-03.02.2023
5 поток (закрыт)
05.07.2022-10.02.2023
6 поток (закрыт)
12.07.2022-17.02.2023
7 поток (закрыт)
26.07.2022-03.03.2023
8 поток (закрыт)
16.08.2022-24.03.2023
9 поток (закрыт)
22.08.2022-31.03.2023
10 поток (закрыт)
29.08.2022-07.04.2023
11 поток (закрыт)
05.09.2022-14.04.2023
12 поток (закрыт)
12.09.2022-21.04.2023
13 поток (закрыт)
19.09.2022-28.04.2023
14 поток (закрыт)
26.09.2022-05.05.2023
15 поток (закрыт)
03.10.2022-12.05.2023
16 поток (закрыт)
10.10.2022-19.05.2023
17 поток (закрыт)
17.10.2022-26.05.2023
18 поток (закрыт)
24.10.2022-02.06.2023
19 поток (закрыт)
31.10.2022-09.06.2023
20 поток (закрыт)
07.11.2022-16.06.2023
21 поток (закрыт)
14.11.2022-23.06.2023
22 поток (закрыт)
21.11.2022-30.06.2023
23 поток (закрыт)
28.11.2022-07.07.2023
24 поток (закрыт)
05.12.2022-14.07.2023
25 поток (закрыт)
12.12.2022-21.07.2023
26 поток (закрыт)
19.12.2022-28.07.2023
27 поток (закрыт)
23.12.2022-01.09.2023
28 поток (закрыт)
24.12.2022-05.08.2023
Описание
#CSS, #JavaScript, #Vue.js, #Git, #SQL, #Программный код
Вы изучите основы HTML, CSS и JavaScript, научитесь создавать сайты и приложения для любых устройств, оптимизировать код и работать с анимацией. Соберёте портфолио и сможете начать карьеру разработчика.
Программа профессиональной переподготовки «Frontend-разработчик» разработана на оcнове профессионального стандарта 06.035 «Разработчик Web и мультимедийных приложений».
Программа профессиональной переподготовки реализуется в сетевой форме совместно с ООО "Скилбокс".
Более половины всех учебных занятий - решение кейсов, выполнение практических занятий, на которых Вы научитесь:
- Проверять и отлаживать программный код.
- Работать с системой контроля версий.
- Верстать веб-страницы.
- Писать на языках веб-программирования.
- Тестировать веб-страницы с точки зрения логической целостности: корректность ссылок, работа элементов форм.
- Проводить работы по резервному копированию веб-страниц.
- Управлять доступом к данным и установкой прав пользователей веб-страниц.
- Проектировать разделы веб-страниц.
- Устанавливать и настраивать прикладное программное обеспечение и модули.
- Тестировать интеграции веб-страниц с внешними сервисами и учетными системами с использованием взаимодействия компонентов распределенной системы.
- Обеспечивать безопасную и бесперебойную работу сайта.
- Разрабатывать процедуры интеграций программных модулей.
- Осуществлять интеграции программных модулей и компонент и верификации выпусков программного продукта.
Кому подойдёт программа
Новичкам в разработке. Вы с нуля научитесь верстать сайты на HTML и CSS, создавать приложения и веб-страницы на JavaScript. Отработаете полученные знания на практике и соберёте портфолио.
Начинающим программистам. Вы расширите круг своих компетенций, изучив синтаксис JavaScript, CSS на продвинутом уровне. Научитесь настраивать командный доступ с Git и делать более чистые и качественные сайты.
Наши студенты с вероятностью 80% трудоустраиваются после завершения программы.
Часов в программе
85,00 часов
лекции
184,00 часа
практика
52,00 часа
промежуточная аттестация
1 час
входная диагностика
30 часов
итоговая аттестация
352,00 часа
всего
Цель программы
Целью реализации программы профессиональной переподготовки «Frontend-разработчик» является формирование компетенций, необходимых для выполнения нового вида профессиональной деятельности в сфере информационных технологий: проектирование, разработка и интеграция информационных ресурсов в локальной сети и информационно-телекоммуникационной сети «Интернет».
Актуальность
Актуальность программы обусловлена потребностью общества в технически грамотных специалистах и полностью отвечает социальному заказу по подготовке квалифицированных кадров в области программирования, а также высоким интересом современного общества к IT-сфере. Важнейшей характеристикой современного общества является активность в информационном пространстве, интернет-коммуникации. Изучение основных принципов программирования невозможно без регулярной практики написания программ на каком-либо языке. Для обучения выбраны языки HTML, JavaScript, а также фреймворк Vue.js. Данный выбор обусловлен тем, что синтаксис языков достаточно прост и интуитивно понятен. Это снижает порог вхождения и позволяет сосредоточиться на логических и алгоритмических аспектах программирования, а не на заучивании тонкостей синтаксиса.
Входная диагностика 1 час
Выявление уровня подготовки слушателей, оценка соответствующих программе компетенций перед началом обучения проводится посредством решения практических задач.
Итоговая аттестация 30 часов
Итоговая аттестация по программе "Frontend-разработчик" проводится в форме дистанционной защиты индивидуальной итоговой аттестационной работы (индивидуального проекта).
Компетенции
Общекультурные
ОК 09. Использовать информационные технологии в профессиональной деятельности.
Знать:
Синтаксис выбранного языка программирования, особенности программирования на нём, стандартные библиотеки языка программирования Java.
Уметь:Писать программный код процедур проверки работоспособности программного обеспечения.
Владеть:Проверка работоспособности программного обеспечения на основе разработанных тестовых наборов данных.
Профессиональные
ПК 5.5. Осуществлять тестирование информационной системы на этапе опытной эксплуатации с фиксацией выявленных ошибок кодирования в разрабатываемых модулях информационной системы.
Знать:
Современные принципы построения интерфейсов пользователя.
Устройство и функционирование современных информационных ресурсов.
Сетевые протоколы и основы веб-технологий.
Принципы установки и настройки программного обеспечения.
Осуществлять процесс проектирования интерфейса с учётом существующих правил для предметной области проекта.
Владеть:Разработкой интерфейса пользователя для ИР с использованием стандартов в области веб-разработки.
Инсталляцией программного обеспечения и дополнительных модулей, необходимых для корректного функционирования ИР.
ПК 9.8. Осуществлять аудит безопасности веб-приложения в соответствии с регламентами по безопасности.
Знать:
Знать основы информационной безопасности веб-ресурсов.
Уметь:Идентифицировать инциденты, возникающие при установке программного обеспечения, и принимать решение по изменению процедуры установки.
Владеть:Мониторингом атак на ИР и выполнения соответствующих действий.
ПК 9.2. Разрабатывать веб-приложение в соответствии с техническим заданием.
Знать:
Синтаксис выбранного языка программирования, особенности программирования на нём, стандартные библиотеки языка программирования.
Уметь:Уметь выбирать и комбинировать техники тестирования ИР.
Владеть:Навыком устранения обнаруженных несоответствий ИР результатам тестов.
ПК 9.9. Модернизировать веб-приложение с учётом правил и норм подготовки информации для поисковых систем.
Знать:
Особенности отображения элементов ИР в различных браузерах.
Уметь:Осуществлять процесс проектирования интерфейса с учетом существующих правил для предметной области проекта.
Использовать выбранную среду программирования для разработки процедур интеграции программных модулей
Устранение обнаруженных несоответствий ИР результатам тестов
Разработка и документирование программных интерфейсов
Требования
Нет
Образование
- Высшее образование
- Среднее профессиональное образование
Модули
свернуть
193,00ч
Основные темы модуля:
Веб-верстка: Базовый и продвинутый HTML. Базовый и продвинутый CSS. Подготовка к верстке. Layout. HTML-разметка. Layout. Flexbox. Layout. Стилизация. Формы.
Адаптивность. Декстоп. Мобильные устройства.
Javascript для верстальщика;
Доступность. Кроссбраузерность. База знаний. Сетки. Работа с хостингом. Анимация.
JavaScript: Переменные и работа с числами. Строки, boolean и условные операторы. Массивы и циклы. Функции. Объекты. Введение в DOM. Константы, области видимости и замыкания;
Преобразование типов и нестрогие сравнения. Общение с сервером, async/await
Vue.js: Основы Vue. Создание проекта. Каталог товаров. Пагинация и фильтрация. Страница товара. Корзина. Работа с API. Список товаров. Оформление заказа. Деплой. Vue3.
Практические кейсы: Vue.js с использованием REST API.
46,00ч
Основные темы модуля:
Правила верстки писем, отличия верстки писем от верстки сайтов, основные почтовые клиенты
SVG: способы подключения svg, управление с помощью viewbox.
Работа js-анимации: setInterval, анимации на основе requestAnimationFrame, инструмент GreenSock.
Загрузка сайта и метрики. Прелоадинг шрифтов, приемы для более быстрой загрузки (минификация, протокол http2 , кэширование). CDN.
Конвейер пикселей: как парсится html и css, расчет геометрии, компоновка, досрочное вычисление геометрии страницы, приемы для улучшения производительности.
Gulp, и его преимущества. Инструмент Parcel: плюсы и минусы.
Препроцессоры и их использование. Препроцессор Sass и PostCSS, сравнение.
Grid. Базовые свойства контейнера. Явная сетка, неявная сетка. Адаптивный грид, особенности. Управление элементами.
Профессиональное развитие верстальщика
22,00ч
Cистема контроля версий: как выглядит работа с Git
Установка Git на Windows, Linux, MacOS. Работа с Git в командной строке. Жизненный цикл изменений. Игнорирование изменений. Работа с Git в средах разработки.
Удалённые и локальные репозитории. GitHub и GitLab: обзор систем.
60,00ч
Контекст выполнения функции, обработчики событий, this в обработчиках событий. Всплытие и погружение. Три метода обработки события: preventDefault, stopPropagation, stopImmediatePropagation.
Модули в JavaScript: синтаксис, особенности.
Синхронный и асинхронный код, объекты Promise, event loop, microtask, macrotask. EvenLoop.
Ошибка в JavaScript: возникновение и обработка. Асинхронные функции, Promise'ах. Обработка ошибок в асинхронном коде с использованием async/await, с Promise, создание объектов ошибок.
Классы и их применение: свойства, методы, геттеры и меттеры. Члены класса, оператор instanceof.
Конструктор и прототип, цепочка прототипов и наследование.
Функции-конструктора, методы: Object.defineProperty,
Object.get/isPrototypeOf, Object.setPrototypeOf, Object.create.
Экосистема, основы сборки и npm, выбор пакета и версионность, команды npm, типы зависимостей.
Система сборки и webpack, преобразование модулей. Проблема несовместимости, оптимизация.
Статический анализ, инструменты Eslint, Prettier и EditorConfig. Unit-тесты. End-to-end тесты, подход TDD.
Парадигмы, рекурсия, регулярные выражения, работа с сервером, альтернативы модулям.
193,00ч
Основные темы модуля:
Веб-верстка: Базовый и продвинутый HTML. Базовый и продвинутый CSS. Подготовка к верстке. Layout. HTML-разметка. Layout. Flexbox. Layout. Стилизация. Формы.
Адаптивность. Декстоп. Мобильные устройства.
Javascript для верстальщика;
Доступность. Кроссбраузерность. База знаний. Сетки. Работа с хостингом. Анимация.
JavaScript: Переменные и работа с числами. Строки, boolean и условные операторы. Массивы и циклы. Функции. Объекты. Введение в DOM. Константы, области видимости и замыкания;
Преобразование типов и нестрогие сравнения. Общение с сервером, async/await
Vue.js: Основы Vue. Создание проекта. Каталог товаров. Пагинация и фильтрация. Страница товара. Корзина. Работа с API. Список товаров. Оформление заказа. Деплой. Vue3.
Практические кейсы: Vue.js с использованием REST API.
22,00ч
Cистема контроля версий: как выглядит работа с Git
Установка Git на Windows, Linux, MacOS. Работа с Git в командной строке. Жизненный цикл изменений. Игнорирование изменений. Работа с Git в средах разработки.
Удалённые и локальные репозитории. GitHub и GitLab: обзор систем.
46,00ч
Основные темы модуля:
Правила верстки писем, отличия верстки писем от верстки сайтов, основные почтовые клиенты
SVG: способы подключения svg, управление с помощью viewbox.
Работа js-анимации: setInterval, анимации на основе requestAnimationFrame, инструмент GreenSock.
Загрузка сайта и метрики. Прелоадинг шрифтов, приемы для более быстрой загрузки (минификация, протокол http2 , кэширование). CDN.
Конвейер пикселей: как парсится html и css, расчет геометрии, компоновка, досрочное вычисление геометрии страницы, приемы для улучшения производительности.
Gulp, и его преимущества. Инструмент Parcel: плюсы и минусы.
Препроцессоры и их использование. Препроцессор Sass и PostCSS, сравнение.
Grid. Базовые свойства контейнера. Явная сетка, неявная сетка. Адаптивный грид, особенности. Управление элементами.
Профессиональное развитие верстальщика
60,00ч
Контекст выполнения функции, обработчики событий, this в обработчиках событий. Всплытие и погружение. Три метода обработки события: preventDefault, stopPropagation, stopImmediatePropagation.
Модули в JavaScript: синтаксис, особенности.
Синхронный и асинхронный код, объекты Promise, event loop, microtask, macrotask. EvenLoop.
Ошибка в JavaScript: возникновение и обработка. Асинхронные функции, Promise'ах. Обработка ошибок в асинхронном коде с использованием async/await, с Promise, создание объектов ошибок.
Классы и их применение: свойства, методы, геттеры и меттеры. Члены класса, оператор instanceof.
Конструктор и прототип, цепочка прототипов и наследование.
Функции-конструктора, методы: Object.defineProperty,
Object.get/isPrototypeOf, Object.setPrototypeOf, Object.create.
Экосистема, основы сборки и npm, выбор пакета и версионность, команды npm, типы зависимостей.
Система сборки и webpack, преобразование модулей. Проблема несовместимости, оптимизация.
Статический анализ, инструменты Eslint, Prettier и EditorConfig. Unit-тесты. End-to-end тесты, подход TDD.
Парадигмы, рекурсия, регулярные выражения, работа с сервером, альтернативы модулям.
Преподаватели
Линьков
Валерий Владимирович
ООО "Консилиум М.Д. 24"
системный администратор
94 000 p
Профстандарт
Разработчик Web и мультимедийных приложений
06.035Ответственный за программу
88002226521