О курсе
Фронтенд — неотделимая часть любого сайта. Фронтендер — человек, который делает так, чтобы пользователи могли взаимодействовать с созданным веб-дизайнером интерфейсом.
На курсе освоим базу, чтобы самостоятельно создавать интерфейсы, учитывая современные технологии, процессы и подходы. Разберемся в аспектах создания пользовательского интерфейса сайтов — HTML, CSS, основах работы в графических редакторах. Научимся делать сайт доступным на экранах разного размера и в разных условиях, а ещё оптимизировать свою работу для высшей продуктивности.
Также сформируем навыки, которые помогут самостоятельно погружаться в сферу еще глубже и эффективно реагировать на изменения во фронтенде. Ведь потребности и требования пользователя растут, технические возможности расширяются, тренды меняются, а фронтенд разработчик должен все это отслеживать, изучать и уметь использовать.
31 мая 2023
курс длится 3 месяца
7 500 грн/мес.
7 875 грн/мес. при оплате частями22 500 грн при оплате всего курса
15 мест
каждый студент получает регулярный фидбек
Программа курса
-
Знакомство с HTML, CSS и инструментами для разработки
- В течение первых недель ознакомимся с технологиями HTML и CSS. Рассмотрим базовые html-теги, css-селекторы и css-правила. Поработаем с веб разметкой текста. Параллельно ознакомимся с Figma, редакторами и IDE для удобства написания кода, базовыми инструментами разработки в браузере (Chrome Dev Tools).
-
Лейауты и Responsive Design
- Реализуем различные лейауты, в том числе многоколонные, с помощью различных техник CSS, например, flexbox или css-grid. Научимся строить структуру более сложных веб страниц. Будем изучать responsive design и его главные составляющие, работать с макетами для разных размеров экранов.
-
Медиа и интерактивные элементы страниц
- Ознакомимся с различными видами медиа, в том числе изображениями и шрифтами. Узнаем, как оптимизировать страницу, учитывая нюансы работы на разных устройствах и размерах экранов. Поработаем с интерактивными элементами, а именно формами, полями для ввода текста, чекбоксами, кнопками и т.д.
-
Подходы и инструменты для организации CSS-кода
- Изучим подходы, чтобы финальный css-код можно было легко поддерживать и масштабировать на многостраничные сайты. Ознакомимся с CSS-методологиями (Atomic CSS и BEM), препроцессорами и постпроцессорами (SASS, PostCSS), а также css-фреймворками: Bootstrap, Tailwind. Поработаем с объемными макетами, будем наращивать кодовую базу с каждым занятием.
-
Продвинутые практики вида элементов
- Ознакомимся с трансформациями и анимациями, которые возможны с помощью CSS. Изучим возможности SVG. Поработаем над оживлением своих наработок, сделаем наши макеты более активными. Отдельным модулем разберемся с улучшением доступности веб страницы и лучшими практиками для доступности.
-
Курсовой проект
- Закрепим приобретенные навыки на курсовом проекте. Самостоятельно сверстаем шаблон, созданный в рамках курса Junior Web Design. В верстке используем все полученные знания, чтобы сделать сайт адаптивным, инклюзивным, удобным и визуально приятным.
Курс для вас, если вы
Новичок
хотите сделать первые шаги во front-end разработке и сверстать свои первые страницы
Дизайнер/ка сайтов
желаете освоить основы верстки сайтов
Свитчер/ка
хотите сменить нынешнюю профессию и перейти в ИТ
English
Intermediate и выше
Математика
на хорошем школьном уровне
Время
8+ часов в неделю для выполнения домашних заданий
Как проходит обучение
Вебинары
Вебинары с куратором и группой будут проходить по понедельникам и по средам в 19:30.
Real-life задания
У нас действует Practicult — культ практики. Поэтому вы будете выполнять много сложной домашки из реальных рабочих будней. Have fun & survive.
Курсовой проект
В ходе курса вы сделаете большой проект. Ведь принцип курса — все как в жизни.
Регулярный фидбек
У нас нет базовых и премиум режимов. Только премиум, всегда. Получите от кураторов все. И да, десятая итерация — это нормально.
Сертификат за дело
Выдаем только тем, кто своим потом, временем и силами его заслужил.
ГРАФИК
Старт
31 мая 2023
Вебинары
понедельник, среда — 19:30
Язык обучения
украинский
Вопросы
Нужны ли какие-то навыки для поступления на курс?
Это базовый курс для людей без опыта в отрасли, все необходимое будем изучать с нуля. Однако мы ценим ваше время и хотим убедиться, что курс будет для вас полезным, а усилия принесут результат.
Поэтому для поступления необходимо пообщаться с менеджером, который свяжется с вами в течение 72 часов. Сразу после интервью вы получите ответ и рекомендации для поступления. Тогда же вы узнаете детали по оплате курса. Важно: место в группе бронируется только после внесения оплаты.
Если вы получите отказ –– не расстраивайтесь. Мы вышлем также список полезных ссылок. Ознакомьтесь с этими материалами, а затем смело подавайте заявку на курс снова.
Какой софт будет использоваться на курсе?
Браузер и любой текстовый редактор с подсветкой кода, например VSCode. Как установить редактор и работать с ним, расскажет куратор.
Как проходит коммуникация на курсе и в каком формате кураторы дают фидбек?
Вся коммуникация на курсе проходит на платформе Slack (рабочий чат группы, каналы для домашних заданий и полезных ссылок). Кураторы дают фидбек в виде комментариев к домашним заданиям и обсуждения на вебинарах.
Вебинары будут записываться?
Да, но лучше выделите время, чтобы присоединится к ним лично, — будет интересно.
А сертификат будет?
Только при выполнении домашних заданий и успешной защите курсового проекта.
Что, если мне не понравится?
Мы сможем вернуть вам деньги в течение 7 дней с начала курса, если вы передумаете.
Кто такой фронтенд разработчик?
Любой сайт можно разделить на две части: фронтенд и бэкенд. Фронтенд — это та часть, которую человек видит у себя в браузере, бэкенд — то, что находится вне браузера (базы данных, код и т.п.).
Где можно работать фронтенд разработчиком?
Здесь есть несколько вариантов. Как front end developer можно работать:
— в агентстве или аутсорсе, где вам будут предлагать заказчиков;
— на фрилансе, где вы будете самостоятельно искать клиентов;
— в продукте, где будете работать над одним или несколькими сайтами одной компании.
Какие навыки нужны фронтенд разработчику?
Основные жесткие навыки:
— знание технологий HTML, CSS, JavaScript и умение с ними работать;
— понимание работы браузера;
— навыки работы с актуальными технологиями.
Основные мягкие навыки:
— не бояться что-нибудь сломать и менять; лучше вы, чем пользователь;
— понимание работы представителей смежных профессий: дизайнеров, бэкенд разработчиков, тестировщиков и т.п.;
— способность быстро осваивать новые знания и применять их.
Куда двигаться дальше в сфере?
Рост в сфере зависит от количества инструментов и технологий, с которыми вы умеете рhttps://prjctr.com/ru/course/javascript?utm_source=courses&utm_medium=organic&utm_campaign=js_beg&utm_term=Dev_ds" target="_blank">JavaScript.
