Frontend online
Прокачайся с нуля до junior front-end developer всего за 5 месяцев
В разработке более 3.5 лет. Опыт в верстке сайтов различной сложности от лендингов и одностраничных сайтов до интернет-магазинов. Разработка сайтов с использованием СМS/Wordpress.
Знания: HTML, CSS, JS, NPM, Gulp, SASS(SCSS), Bootstrap, PHP, GIT, Photoshop, Illustrator.
Место работы: Global Logic
Software Engineer, в сфере IT уже более 4-х лет. Занимаюсь разработкой как бекэнд так и фронтэнд приложений различной сложности, от обычных CMS до сайт билдеров. На данный момент в основном занимаюсь разработкой приложения используя Angular и React.
Знания: Javascript (ES6), React (Redux), Angular (NgRx/RxJs), C# (WPF/ASP.NET), T-SQL, HTML5 (Semantic), CSS3 (SCSS), Git, SVN, NPM.
Место работы: Innovecs
Сможешь найти работу в компании…
ведь у тебя будет опыт создания проектов.
Сможешь полностью уйти на фриланс…
и работать в комфортное для себя время.
Станешь стрессоустойчивым…
к правкам и частому изменению задач.
Научишься читать мысли заказчиков…
и выполнять задачи быстро и без ошибок.
Приобретешь массу новых друзей…
и станешь частью жизни нашей школы.
#ИЗИКОДЕРЫ стажировка
Кто успешно пройдет курс, выполнит все проекты и домашние задания,
примет участие в реальном коммерческом проекте и заработает первые деньги.
Узкая специализация.
Полное погружение во frontend.
Максимум практики.
Мы учим на реальных проектах.
Работа в командах.
Учись так, будто уже работаешь.
Важные бонусы.
Занятия по фрилансу и с эйчаром.
Оффлайн и онлайн.
Выбирай свой способ учебы.
Видеозапись занятий.
Повторяй пройденный материал.
Рейтинг студентов.
Лучшим – работа или проект.
Преподаватели.
Только те, кто прошел огонь и воду.
Гибкая оплата курсов.
Выбирай удобную для себя.
- Этап 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.
Вебинары проводятся через сервис Zoom. Преподаватель объясняет материал занятия, все его действия отображаются на экране. Студенты задают вопросы и обсуждают задачи.
После вебинара студенты получают домашнее задание для отработки практических знаний, за которое получают оценку преподавателя и на основании чего в течении курса формируется рейтинг учащихся.
После занятия студент может получить обратную связь от преподавателя через Telegram для обсуждения вопросов, которые самостоятельно не может решить. Разбор задач 1-на-1 с преподавателем помогает студентам быстрее развиваться.
В процессе обучения будут выполнены несколько обучающих проектов.
Каждый студент, по завершению курса, получит наш сертификат.
Два бонусных, но очень важных дополнительных занятий: - с HR специалистом, о том, как правильно оформить резюме и найти работу в компании мечты; - по работе на фрилансе. Разберемся на каких биржах лучше начинать работать, как взять первый заказ если нет опыта, как оформлять профайл и портфолио, как правильно писать заказчику, как оценить свою работу, как происходит процесс сделки.
Должность Front-end developer
Опыт работы < 1 года
$400- Владение культурой написания кода.
- Понимание и знание валидной кроссбраузерной верстки, адаптивной верстки.
- Навыки выполнения приложений различной сложности
- Умение работать в Photoshop.
- Прогнозирование времени решения задач.
- Умение работать в команде.
- Умение создавать интерактивные страницы на JavaScript.
- Разработка клиентской логики.
- CSS
- HTML
- JAVASCRIPT
- GIT
- FLEXBOX
- ES6
- GULP
- JQUERY
- BOOTSTRAP
- Более 8-ми часов теоретических видеоматериалов
- 40 онлайн занятий (Блок верстки и JavaScript)
- Доступ к видеозаписям и материалам с занятий
- Домашние задания
- Code review
- Возможность поучаствовать в реальном проекте
- Сертификат
- Занятие с HR-менеджером
- Видеозанятие по Фрилансу
скидка, если вы привели друга или по рекомендации студента.
скидка, если вы хотите записаться на второй курс.
скидка, если вы хотите записаться на третий курс.
* Все скидки действуют только на 100% оплату курса. Скидка на скидку не действует.
Мы сотрудничаем с ведущими украинскими IT компаниями, поэтому наши студенты первыми узнают о новых вакансиях в сфере IT
