Frontend видеокурс
Прокачайся с нуля до junior front-end developer всего за 6 месяцев
человек изменили свои профессии
человек повысили свой навык
трудоустраиваются в первые 3 месяца после окончания курса
года помогаем людям прокачивать свои скиллы в айти
Опыт: Разработка проектов любой сложности от лендингов до web-приложений. Кроссбраузерная и адаптивная верстка. Оптимизация кода. Разработка клиентской логики на javascript. Написание собственных скриптов и плагинов. Разработка Single Page Application (SPA) на Angular. Ментор, куратор и сооснователь it школы EasyCode.
Знания: HTML, CSS, JavaScript, ES6, Angular, Vuejs, Node.js, jQuery, npm, AJAX, Socket, Gulp, Webpack, SASS, LESS, Bootstrap, Materialize, Twig, GIT, Photoshop.
Место работы: EasyCode
Часов сочного контента
Супер интересных домашних заданий
Бонусных видео
Личный ментор
- Этап 1. HTML & CSS).
- - Как устроен браузер. Процесс разработки сайта.
- - Что такое HTML и CSS.
- - Какие инструменты использует верстальщик.
- - Введение в HTML. Что такое теги и атрибуты.
- - Базовая структура html документа.
- - Стиль кода.
- - Знакомство с панелью разработчика.
- - Разберемся в блочных и строчных элементах.
- - Знакомство c CSS. Синтаксис CSS.
- - Разновидности селекторов.
- - Вложенность, наследование и группирование селекторов.
- - Зачем нужно много классов.
- - Создаем базовые элементы. Кнопки, текстовые блоки, шапка, футер.
- - Введение в FlexBox.
- - Строим стандартную сетку для блоков.
- - Знакомство с позиционированием элементов и где его можно использовать.
- - Псевдоклассы и псевдоэлементы. Что для чего нужно?
- Этап 2. HTML & CSS.
- - Повторение пройденного материала по видео и разбор вопросов.
- - Знакомство со свойством float и его проблемами.
- - Верстка первого небольшого макета.
- - Точные и относительные единицы измерения. Создаем блоки на всю высоту экрана.
- - Знакомство с Photoshop.
- - Семантика HTML. Новые семантические элементы HTML5.
- Этап 3. HTML & CSS. Лендинг.
- - Введение в Git.
- - Верстка первого макета. Landing page.
- - Подключаем к работе систему контроля версий GIT. Работаем по git flow.
- - Развиваем модульный или компонентный подход.
- - Подключение шрифтов. Использование шрифтовых иконок.
- - Знакомство с элементами форм.
- - Использование и стилизация первых скриптов.
- - Подключаем google карты.
- - Первые прикосновения к анимации. Базовое анимирование свойств и появление элементов.
- - Погружаемся в адаптив и мобильную верстку. Медиа запросы. Что такое Viewport?
- - Как правильно проверять адаптив. Какие нюансы есть в мобильных девайсах.
- - Знакомство с тенями, и что с их помощью можно сделать.
- - Пишем документацию по проекту.
- Этап 4. HTML & CSS. Интернет магазин.
- - Работа в команде. Все ребята делятся на команды, в каждой команде назначается teamlead и работаете над одним проектом.
- - Знакомство с препроцессором SCSS.
- - Введение в GULP.
- - Основы БЭМ.
- - Изучение framework Bootstrap 4.
- - Краткое знакомство с jQuery и jQuery UI.
- - Разберемся со спрайтами.
- - Стилизация элементов форм на JavaScript и на CSS.
- - Продолжаем прокачивать навыки в верстке под мобильные устройства.
- - Не забываем пушить на Github.
- - Пишем документацию по проекту.
- Этап 5. HTML & CSS.
- - Введение в Grid.
- - Основы по вёрстке Email писем.
- - Фичи chrome dev tools.
- - Базовые понятия по sео оптимизации.
- - Тестирование верстки.
- Этап 6. JavaScript.
- - Настройка окружения (Visual Studio Code).
- - Подключение скриптов.
- - Типы данных.
- - Переменные.
- - Преобразование типов.
- - Числа.
- - Строки.
- - Template string.
- - Объекты.
- - Условные операторы.
- - Тернарный оператор. Конструкция Switch case.
- - Циклы.
- - Введение в функции.
- - Методы массивов.
- Этап 7. JavaScript.
- - Функции высшего порядка.
- - This.
- - Arrow function.
- - Перебирающие методы массивов.
- - Замыкание.
- - Методы объектов. Advanced Object. Object.entries, Object.keys, Object.values.
- - Объекты обертки.
- - Деструктуризация, оператор rest/spred.
- - Object descriptor.
- Этап 8. JavaScript.
- - Введение в DOM и BOM.
- - Работа с атрибутами.
- - Работа с содержимым элемента, создание, добавление и удаление элементов.
- - События.
- - Всплытие и погружение события.
- - Первый проект Todo List.
- - CSS переменные и работа с ними через JavaScript.
- Этап 9. JavaScript.
- - Введение в асинхронность. Event Loop. Как его понять?
- - Введение в AJAX.
- - AJAX отладка.
- - POST запросы и не только.
- - Что такое CORS?
- - Обработка ошибок при запросах.
- - LocalStorage.
- - Проект News App Intro.
- - Проект News App.
- Этап 10. JavaScript.
- - Promises.
- - Fetch.
- - Async await, try catch.
- Этап 11. JavaScript.
- - Введение в ООП. Конструкторы и классы.
- - Прототипы в ES5.
- - Наследование ES5.
- - Классы ES6.
- - Наследование ES6.
- Этап 12. JavaScript.
- - Введение в webpack.
- - Модули import/export.
- - Проект Avia Tickets.
- Этап 13. JavaScript.
- - Проект Login. Введение.
- - Проект Login. Валидация формы.
- - Проект Login. Реализуем запрос на сервер.
- - Проект Login. Реализуем вывод уведомлений.
- Этап 14. JavaScript.
- - Тестирование кода.
- - Основы jQuery.
Уже сегодня вы можете получить доступ к списку видео, который будет разбит понедельно со всеми материалами и домашними заданиями. Лайв сесии: *если выбран пакет Senior. Каждую неделю будет проходить живая лайв сесия с сооснователем Денисом Мещеряковым, где вы будете разбирать частые ошибки, вопросы из дз, а также рассматривать best practice и различные подходы в написании приложений.
Под каждой серией видео у вас будут домашние задания и материалы для отработки практических знаний и навыков. Домашние задания максимально приближены к реальным задачам, с которыми сталкиваются разработчики.
У всех участников будет групповой чат где можно общаться с другими участниками, разбирать задачи и делиться успехами. Для пакетов Middle/Senior будет личный ментор, с которым вы можете обсуждать все возникающие вопросы, а также он будет делать code-review ваших домашних заданий. Все менторы - это действующие разработчики, которые каждый день работают над реальными проектами и смогут делиться своим опытом с вами.
Студенты, которые выполнят проект и пройдут сертификацию (выполнят задачу за отведенное время) получат сертификат с отличием.
Вы сами выбираете темп обучения и время просмотра занятий. В качестве дополнительных бонусов вы получите видеозанятие с HR специалистом и видео по работе на фрилансе.
Должность Front-end developer
Опыт работы < 1 года
от $600- Владение культурой написания кода.
- Понимание и знание валидной кроссбраузерной верстки, адаптивной верстки.
- Навыки создание приложений различной сложности
- Умение работать в Photoshop.
- Прогнозирование времени решения задач.
- Умение работать в команде.
- Умение создавать интерактивных приложений на JavaScript.
- Разработка клиентской логики.
- CSS
- HTML
- JAVASCRIPT
- GIT
- FLEXBOX
- ES6
- GULP
- JQUERY
- BOOTSTRAP
- FIGMA
- WEBPACK
- NPM
- HEROKU
Junior
1000 грн- Доступ к видео
- Домашние задания (без проверки)
- Материалы к видео
- Доступ к групповому чату
- Видеозанятие с HR-менеджером
- Видеоурок по фрилансу
- Сертификат (после выполнения сертификационных работ)
Middle
8000 грн- Личный ментор 24/7
- Домашние задания (с code review)
- Доступ к видео
- Материалы к видео
- Доступ к чату c ментором
- Видеозанятие с HR-менеджером
- Видеоурок по фрилансу
- Сертификат (после выполнения сертификационных работ)
Senior
12000 грн- 10 живых лайв сесий с со-основателем школы Денисом Мещеряковым
- Личный ментор 24/7
- Доступ к видео
- Материалы к видео
- Домашние задания (с code review)
- Доступ к чату c ментором
- Видеоурок с HR-менеджером
- Видеозанятие по Фрилансу
Мы сотрудничаем с ведущими украинскими IT компаниями, поэтому наши студенты первыми узнают о новых вакансиях в сфере IT
