Курс Front-end
(Фронт-енд)
старт потока
формат
длительность
количество занятий
Кто такой frontend разработчик?
Front-end подразумевает сочетание программирования с творчеством, внимательностью и пониманием современных трендов.
Результат работы фронтенд-разработчика - это правильно работающий сайт или приложение, которое выполняет предусмотренные заказчиком функции.
Это второе по популярности направление в IТ среди начинающих.
Что нужно знать фронтенд-разработчику?
- HTML — это язык разметки веб, CSS — каскадные таблицы стилей, JavaScript — основной язык программирования для Front End.
- Важно знать как минимум один из трех фреймворков: Angular.js, React.js, Ember.js. Именно их используют большинство веб студий.
Сколько зарабатывает фронтенд-разработчик?
Этот курс для тех, кто:
Почему студенты выбирают этот курс
МЕНТОРСКАЯ ПОДДЕРЖКА В ТЕЧЕНИИ ВСЕГО КУРСА
Наши менторы помогают студентам освоить не только hard skills, но и soft skills
МЫ ИМЕЕМ НАСТОЯЩИЙ IТ-ШНЫЙ ОПЫТ
БОНУС: БЕСПЛАТНЫЙ КУРС АНГЛИЙСКОЙ ДЛЯ IТ
ОПЛАТА В РАССРОЧКУ ИЛИ ЧАСТЬМИ
Программа обучения
Модуль 1. Ввод в HTML и CSS. Клиент-серверная архитектура.
Настройка инструмента.
Основы HTML и CSS. Синтаксис.
Блочные и ленточные элементы.
Добавление текста и его стилизация. Гиперссылки.
Добавление графики. Списки.
Домашнее задание.
Тесты.
Модуль 2. Прикладное использование HTML и CSS.
Создание таблиц. Работа с формами.
HTML 5 теги. Семантика.
Работа с ресурсами (иконки, шрифты, fontawesome).
Position. Flexbox. Grid.
Домашнее задание.
Тесты.
Модуль 3. Анимация и адаптивность веб-сайтов.
Grid.
Анимация CSS.
Адаптивность CSS (@media).
SASS (SCSS).
Bootstrap.
Домашнее задание (краткое видео).
Тесты.
Модуль 4. JavaScript. Начало работы с динамическими страницами.
Вступ в JS.
Переменные. Типы данных.
Тернарные и логические операторы.
Инструкция switch.
Циклы: for, while, do…while.
Function Declaration и Function Expression.
Анонимные функции.
Функция callback.
Функции alert, prompt, confirm.
Практика:
Модуль 5. Циклы и объекты. Объекты.
Циклы: for, while, do..while.
Объекты. Методы объектов.
Копирование объектов и ссылки.
Практика:
Модуль 6. Массивы в Javascript.
Учимся создавать массивы.
Методы массивов.
Использование циклов.
Практика:
Модуль 7. Данные. Контекст выполнения функций. Глобальный объект window.
Контекст вызова и this. Методы call, bind и apply.
Функции конструкторов. Дескрипторы объектов.
Local и Sesion storages. Дата и время.
Глобальный объект window. Объект лексического окружения.
Практика:
Модуль 8. Работа с сервером. OOP.
Замыкание.
Оператор try/catch/finally.
Синтаксис setTimeout/setInterval
Как устроен Event Loop в JavaScript.
OOP и их принципы.
Практика:
Модуль 9. DOM и асинхронный JavaScript.
Объект Promise.
Функции Async/Await в JS.
DOM/BOM. Выбор элементов на странице.
Практика:
Модуль 10. NPM/Yann. Jsx. Виртуальный DOM.
NPM и Yarn. Обзор свойств Webpack. Работа с import/export.
Обзор структуры React приложения.
JSX и props: Рендеринг списков и Conditional рендеринг.
Виртуальный DOM.
Обработка событий. Контролируемые и не контролируемые компоненты.
Практика:
Модуль 11. Жизненный цикл компонентов. React Context. Порталы.
Жизненный цикл компонента.
Создание ErrorBoundary.
React-router-dom.
Порталы.
Практика:
написание ErrorBoundary;
Модуль 12. Основные React хуки.
Хук useState.
Хук useRef.
Хук useEffect.
Хук useMemo.
Хук useCallback.
React.memo().
Практика:
Модуль 13. React библиотеки.
Способы стилизации React приложения:
CSS modules.
Styled Components.
Redux и redux-thunk.
Material UI.
Formik.
Практика:
Защита дипломного проекта
Проэкты:
1. Сайт блога с использованием HTML и CSS.
2. Сайт интернет магазина на чистом HTML/CSS/Js и React.js
💻 Демо-урок курса Frontend
Доступ к уроку можно получить после регистрации ниже. Ссылка на урок придет на указанный e-mail.
Как будет проходить обучение
- ЗАНЯТИЕ
- Практические занятия с преподавателем раз в неделю по 180 мин. + сессия вопрос/ответ. Видеозаписи каждого занятия всегда доступны, вы можете вернуться к ним в удобное время.
- Краткий конспект теории к занятию.
- Домашние задания (индивидуальные и в группе).
- Тестирование после каждого модуля.
- Дополнительный материал для самоизучения.
- Дипломная работа + защита.
- Закрытый чат учащихся с преподавателем и куратором.
- Личная обратная связь от преподавателя.
- ПРАКТИКА
Hard skills: Вы получите весь стек базовых знаний по направлению «Frontend».
Soft skills: Вы прокачаете навыки обработки информации, умения с первого дня работы в проекте
- СОПРОВОЖДЕНИЕ
- КАРЬЕРА
Ваши результаты после курса
- Разбираться в HTML, CSS
- Делать разметку и адаптивную кроссбраузерную верстку
- Изучите основы языка JavaScript
- Работать с API и взаимодействовать с сервером
Примеры работ, выполняемые студентами на курсе
Отзывы про курс Frontend:
"В декабре окончила курс Frontend в PowerCode.
Выбирая курс, подвергалась интуиции, потому что шла учиться с 0.
Курс построен очень достойно – ничего лишнего из теории и много практики. Очень большой объем информации подавался на курсе и наличие видеозаписей занятий оказалось огромным бонусом.
Преподаватель - Илья, спасибо ему огромное за фидбеки и объяснения на понятном языке!
Для тех, кто выбирает для себя курс – могу смело рекомендовать PowerCode (кстати, одного из желающих направила к вам :))
После окончания курса мне предложили принять участие в проекте IT Nation 2.0, как ментор, чему я безумно рада!
Спасибо за курс и возможности!!!"
"Смотрел актуальные технологии на рынке и хотел найти такие курсы, чтобы программа отвечала критериям рынка, но при этом с приятным ценником. И вы подошли полностью.
Нравилась манера оффлайн обучения, а также преподаватель, с которым мне повезло – на курсах дали минимальную и понятную базу, дальше я самостоятельно углубился в разработку и прошел стажировку в PowerCode.
Рекомендую эти курсы всем начинающим, уверяю, что на рынке вы лучше не найдете)"
Это должны были быть офлайн курсы при IT компании, на Запорожье были только вы, так я вас и натолкнулась.
Понравился материал на занятиях, преподаватель, его объяснение, ведение урока и актуальная информация. База дается, а дальше самой пришлось углубляться и углубляться. Но в итоге все-таки ушла на работу в IT компанию.
Посоветовала бы курс тем, кто хотя бы понимает, чего хочет и хоть немного разбирается в направлениях IT специальностей.
Посоветовали знакомые вашу школу + интересовался сам данным направлением. Очень понравился преподаватель – видно, что знающий, и умеющий понятно объяснять. Уже через пару недель буду проходить собеседование в IT компании, а курс посоветовал бы всем, кто спросил бы
Наши преподаватели
У нас в команде не просто преподаватели, но наставники, практики и самые лучшие друзья студентов!
Основные стеки: JavaScript, TypeScript, Node.js, Angular, React, React Native, Electron
Опыт преподавания основ веб-разработки более 5 лет. Более 1000 студентов освоили HTML и CSS под менторством Александры.
Основные стеки: JavaScript, TypeScript, Node.js, React, React Vue.
Имеет свою Full-stack методику преподавания, после прохождения курса студенты имеют полноценный проект в портфолио и отработаны навыки в работе с Frontend.
Стоимость курса Frontend разработчик
Подать заявку на курс "Front-end"
и получить консультацию
Нажимая кнопку, я соглашаюсь на обработку персональных данных
