Веб-разработка
с личным наставником
Формат обучения: выявляем текущий уровень, формулируем цель и план действий для её достижения. В отличие от большинства курсов не обсуждаю каждую мелочь - не трачу собственное время и ваши деньги. Для этого есть огромное количество хороших ресурсов. Ознакомительное занятие бесплатно
Реальные задачи
Современные инструменты
Формируем мини-проекты с конечным результатом и реализуем их. Используем сервисы для демонстрации экрана, обмена файлами, совместного редактирования кода: Git, Skype, jsFiddle, Google Apps и другие. После занятия остаётся видеозапись с уроком.
Гибкий график
Индивидуальный подход
Планируем траекторию обучения, отталкиваясь от текущего уровня и особенностей усвоения материала. Курс строится исходя из ваших возможностей и пожеланий, без жёстких рамок. Вместе выбираем удобные дни и время.
Гарантия качества
Доступная цена
Часовая консультация за 2000 рублей. Желательно, один-два раза в неделю, чтобы было время для самостоятельной практики. Первый урок установочный и бесплатный. Оплата следующего - по факту его проведения.
Постановка задачи
После появления идеи, её нужно формализовать: выявить требования, определить последовательность шагов для её реализации, выбрать инструменты для работы, а также установить временные ориентиры готовности проекта. Необходимо понимать, какая цель преследуется в результате - получение навыков или конечный продукт.
Обсуждение
Ключевой этап обучения. Обсуждаем накопившиеся вопросы, проверяем теорию с прошлого занятия и результат самостоятельной работы. Демонстрация экрана позволяет работать над кодом в режиме парного программирования и записывать видео. Во время занятия вводится теория и формулируются новые задачи.
Изучение материалов
После урока остаётся скринкаст, что позволяет самостоятельно повторить сложные темы. Для изучения новой теории используются плейлисты видеозаписей, документация, интерактивные курсы, упражнения, тесты и готовые примеры кода. Для продуктивной работы важно составлять собственную коллекцию материалов и записей.
Кодинг
Написание кода, самый продолжительный этап. Именно в это время формируются навыки разработки, поэтому необходимо использовать лучшие практики: горячие клавиши, удобный редактор кода, хорошую документацию, систему контроля версий и другие инструменты. Внимание к качеству процесса приводит к росту продуктивности.
Проверка кода
После написания кода новая версия проекта размещается в репозитории. При проверке оценивается оптимальность принятых решений, чистота кода, наличие ошибок, структура проекта, а также использование современных принципов разработки. Ревью кода выполняется по мере готовности нового функционала или при появлении вопросов.
Результат
По окончанию проекта подводятся итоги: удалось ли достичь заявленных целей, какие навыки приобретены и какие ошибки допущены, как оптимизировать процесс в случае работы над аналогичным проектом, можно ли использовать имеющийся код для новых задач. Пополняется коллекция собственных библиотек и типовых проектов.
страница
макет
шаблон
страница
сайт
Описание
Создание страницы своего профиля: картинка, текст, ссылки на социальные сети.
Навыки
Знание базовых тегов и стилей. Умение создавать html-страницу и добавлять к ней css файлы. Использование инструментов разработчика в браузере.
Технологии
HTML | CSS | chrome dev tools
Описание
Вёрстка страницы портфолио с секциями: профиль, навыки, выполненные работы
Навыки
Применение резличных типов отображения и позиционирования, работа с flexbox, медиа-запросами. Использование окружения для разработки и сторонних библиотек.
Технологии
IDE | Git | font awesome
Описание
Использование Bootstrap шаблона для создания сайта по рекламе товара
Навыки
Поиск и применение сторонних шрифтов, стилей, скриптов, плагинов и шаблонов. Адаптация и повторное использование кода.
Технологии
jQuery | Bootstrap | codepen.io
Описание
Создание лендинга по продаже услуги от макета до локальной версии.
Навыки
Выявление требований, составление брифа и пользовательских сценариев, подготовка макета, добавление анимации и сложных графические элементов.
Технологии
SVG | Figma | Scss
Описание
Размещение сайта и его продвижение.
Навыки
Знание основ серверных технологий, процедуры регистрации услуг хостинга и домена, размещения файлов сайта. Основы SEO, подключение аналитики google и yandex. Отправка почты с сайта.
Технологии
heroku | Яндекс метрика | Google аналитика
