Хотите получать информацию по новым курсам и их датам проведения?
(WEB-2) Junior Front-End Developer
Описание курса
Программа курса Junior Front-End Developer составлена на основе требований работодателей к начинающим фронтенд разработчикам.
При этом, цель курса не только подготовить человека к прохождению собеседования и выполнению тестового задания, а создать базу для дальнейшего развития во фронтенд разработке.
Все с чем мы познакомимся, мы будем тут же использовать на практике, а результатом обучения будет самостоятельно выполненный проект для портфолио.
На курсе мы познакомимся и получим навыки работы с такими технологиями, языками и фреймворками, как:
- Git и Github
- HTML5, CSS3
- Bootstrap
- Препроцессор SCSS
- Javascript
- Библиотека jQuery
- Фреймворки: Angular 5, ReactJS
- AJAX
- ООП / Typescript
- Методология верстки БЭМ
- Научимся все это собирать с помощью gulp
- Работать будем в SublimeText или VS Code
- Упрощать разработку будем с помощью плагина Emmet
Программа курса
Занятие 1. Вводное
- Знакомимся
- Что будет у нас на курсе?
- Кто такой fe-developer?
- Workflow в проекте (участники, роли, стадии)
- Требования к JFE-разработчику
- Обсуждение идей проектов
Занятие 2. Знакомимся с Git и HTML
- Основы работы с системой контроля версий на примере git (установка, основные команды) + SourceTree
- Знакомство с VS Code
- Знакомство с HTML
- Структура страницы
- Основные теги
Практика: Создаём свой собственный репозиторий на GitHub и заливаем первую HTML-страницу
Занятие 3. Знакомимся со стилями
- Знакомство с CSS
- Подключение, Селекторы, Свойства
- БЭМ
- Flexbox
Практика: Стилизуем страницу, разбираемся с центровкой элементов
Занятие 4. Более подробно с CSS
- Виды вёрстки (фиксированная, адаптивная, резиновая)
- Знакомимся с препроцессорами
- Изучаем синтаксис и возможности препроцессора
Практика: Упражняемся в реализации видов вёрстки, работаем с препроцессором
Занятие 5. Практическое занятие
- Выбираем макет для вёрстки (либо свой, либо берём на просторах интернета)
- Разбираем все практические вопросы
- Pixel Perfect
Занятие 6. Знакомимся с JavaScript
- Очень коротко о Node.js
- Переменные и типы данных
- Функции
- Работа с DOM
- События
Практика: добавляем интерактивность свёрстанному макету
Занятие 7. Библиотека JQuery
- Назначение библиотеки
- Упрощаем свою работу с помощью JQuery
- Best practices
Практика: добавляем интерактивность свёрстанному макету с помощью JQuery
Занятие 8. AJAX и JQuery
- Откуда мы берём данные?
- Взаимодействие с сервером без перезагрузки страницы
- AJAX и асинхронность
Практика: применяем AJAX на практике
Занятие 9. Практическое занятие
- Детально прорабатываем интерактивность
- Работаем со сторонним API
- Разбираем все практические вопросы
Занятие 10. Практическое занятие
- Детально прорабатываем интерактивность
- Работаем со сторонним API
- Разбираем все практические вопросы
Занятие 11. TypeScript и ООП во front-end’e
- Основы ООП
- Для чего нужен TypeScript?
- Особенности TypeScript
Практика: реализация ООП на TypeScript
Занятие 12. JS-фреймворки. Angular 2
- Обзор JS-фреймворков, их предназначение
- Angular 2
Занятие 13. Практическое занятие
- Продолжаем переписывать проект под Angular 2
- Разбираем все практические вопросы
Занятие 14. Практическое занятие
- Завершаем переписывать проект под Angular 2
- Разбираем все практические вопросы
- Подводим итоги
Занятие 15. Знакомимся с ReactJS
- Основы работы с Реактом
- Virtual DOM
- JSX
Занятие 16. Завершаем реализацию проекта
- Подводим итоги
- Презентация работ
- Ответы на вопросы
- Подготовка к собеседованию
Расписание
Пн 19:00 - 21:30
Чт 19:00 - 21:30
либо
Вт 19:00 - 21:30
Пт 19:00 - 21:30
| Дни | 2 месяца (54 ак. часа) |
|---|---|
| Дата курса | 04.июл |
| Город | Все города |
| Формат обучения | Корпоративный |