Frontend online
Прокачайся с нуля до junior front-end developer всего за 5 месяцев
Более 3х лет коммерческого опыта. Разработка сайтов и приложений любой сложности, от одностраничных сайтов до CRM и ERP систем. Разработка шаблонных SVG анимаций.
Знания: HTML, CSS, JavaScript, Jquery, Gulp, Grunt, WebPack, GIT, Npm, SASS (SCSS), LESS, Bootstrap, Materialize, Bulma, Zurb Foundation, методология BEM Photoshop, Zeplin, Avocode, Invision, Figma, Sketch.
Место работы: MyCredit
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 (в формате видео).
- - Переменные (var, let, const), типы данных, строки, числа, массивы, объекты, boolean.
- - Выражения, операторы (условные, логические, арифметические), приведение типов.
- - Разберемся с циклами, while, do while, for, for in, for of. Работа с массивами и объектами в циклах. Шаблонные строки.
- - Методы работы с массивами.
- - Функции и все что с ними связано. Область видимости переменных, callback, анонимные функции, стрелочные функции, оператор rest.
- - Перебирающие методы массивов и сортировка: forEach, filter, reduce, map, every, some, sort.
- - Введение в функции. Чистые функции.
- Этап 7. JavaScript.
- - Функции и все что с ними связано. Область видимости переменных, callback, анонимные функции, стрелочные функции, оператор rest.
- - Что такое DOM и BOM. Начинаем первый проект Todo.
- - Манипуляция DOM элементами. Работа с атрибутами элементов.
- - Обработка событий, работа с формами. Реализуем добавление задач в Todo.
- - Погружение и всплытие событий. Реализуем редактирование и удаление задач в Todo.
- - Работа с localStorage. Реализуем вывод уведомлений в Todo.
- - Напишем свои кастомные функции для перебора массивов.
- - Деструктурирующее присваивание.
- Этап 8. JavaScript.
- - Объекты и методы. Что такое this, контекст вызова функции.
- - Замыкания и лексическое окружение функции.
- - Работа с датой, setInterval, setTimeout. Реализуем функционал таймера.
- - Конструкторы и ключевое слово "new". Классы ES6.
- - ООП. Наследование, инкапсуляция, полиморфизм.
- - Начинаем проект кастомного видео плеера с использованием классов ES6. Знакомство с Audio/Video HTML5 API.
- - Реализуем функционал плеера: play/payse, перемотка, изменение громкости, скорости, вывод времени трека, вывод timeline, сохранение состояния плеера.
- Этап 9. JavaScript.
- - Знакомство с технологией AJAX. Запросы к серверу.
- - Начинаем проект News app. Получение и вывод новостей, поиск новостей, сохранение избранных новостей.
- - Promises, async/await. Знакомство с fetch.
- - Использование Cookie.
- - Обработка исключительных ситуаций. Try Catch. Debugging.
- Этап 10. JavaScript.
- - Валидации и обработка форм.
- - Modules ES6.
- - Знакомство со сборщиком Webpack.
- - Начинаем проект social network для фотографов.
- - Знакомимся с общими принципами SPA (Single Page Application).
- - Как устроена маршрутизация. Построение роутинга.
- - Реализация функционала Login и Register.
- - Реализация страницы профиля с выводом фотографий и возможностью загружать новые фотографии.
- - Создание страницы News с выводом последних добавленных фотографий пользователей.
- - Реализация защиты маршрутов.
- - Создание страницы Winners с выводом победителей соревнований.
- - Реализация функционала поиска пользователей.
- - Создание страницы с соревнованиями.
- - Deploy проекта на Heroku.
- Этап 11. 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
