Основы фронтенд-разработки (HTML/CSS/JS)

Чему ты научишься по итогам курса

Курс подойдет начинающим программистам, которым требуется глубокое понимание основ frontend-разработки. Курс даст надежный фундамент для дальнейшего развития в качестве фронтендера.

Вы научитесь:
— основам работы с GIT
— основам клиент-серверного взаимодействия
— владеть синтаксисом HTML, CSS, JS
— верстать современные интерфейсы: красивые, быстрые, поддерживаемые

Про отбор на курсы

Чтобы подать заявку на обучение, достаточно заполнить форму.

Подать заявку

После заполнения формы вы получите ссылку на входное тестирование по выбранному направлению. Тест довольно объёмный и может занять 30-60 минут вашего времени. Нам крайне важно убедиться в том, что у вас есть необходимый фундамент и вы сможете освоить тот или иной курс в полном объёме.

В зависимости от результатов теста вы или пройдете на обучение или нет. Если вы прошли, то в течение в течение часа вам прийдет приглашение на онлайн-платформу и вы сможете начать обучение. Если вы не прошли - вам, скорей всего, порекомендуют подтянуть свои знания или пройти обучение по другому курсу.

ВАЖНО! У вас нет задачи «сдать тест» любой ценой и поступить на тот или иной курс. Ваша задача — продемонстрировать свой реальный уровень знаний. Поэтому во время прохождения теста мы просим не прибегать к помощи интернета, а опираться только на собственные знания.

Программа курса

Вводная лекция

Жизненный цикл разработки ПО
Как устроен веб. Клиент-серверное взаимодействие
Основные инструменты веб-разработчика
Основы работы с Git
Практическое задание по работе с Git

1. Основы HTML

Синтаксис
Стандарты
XML
Структура HTML
Типы элементов HTML

2. Основы CSS

Синтаксис и способы подключения
Селекторы и свойства
Каскад и наследование
Специфичность селекторов

3. HTML и CSS, практические применение

Построение страницы
Кроссбраузерность
Адаптивная верстка

4. Методология БЭМ

Зачем нам БЭМ
Методология
Практическое применение

5. Современные возможности HTML и CSS

Flexbox
Grid
HTML5 и CSS3
Тренды фронтенд-разработки

6. Основы JavaScript

ECMAScript
Типы данных и преобразование типов
Условия и циклы
Операторы и функции
Порядок выполнения скриптов и работа браузера

7. JavaScript

Объекты
Прототипы, наследование
Асинхронное взаимодействие

8. JavaScript и браузер

DOM
События
Работа с формами
Event Loop

9. Автоматизация. Шаблонизаторы

Обзор html-шаблонизаторов
Pug, синтксис
Pug, шаблоны и mixin
Pug, итерации

10. Автоматизация. Препроцессоры и постпроцессоры

Обзор css-препроцессоров
Введение в SCSS
Директива @import, переменные в SCSS, функции и миксины в SCSS
PostCSS
CSS Modules

11. Автоматизация. Сборщики проектов

Зачем это нужно
Линтеры
Инструменты(Gulp, webpack, rollup)
Полифилы
Node.js, npm
Работа с Gulp

Формат обучения

В процессе обучения нам крайне важны 2 вещи: комфорт обучающихся и личный контакт. Поэтому наши курсы проходят в гибридном формате: онлайн+оффлайн.

Большую часть материала вы будете получить через специальную платформу, к которой получите доступ после прохождения отбора. Начать обучение можно в любой момент, не нужно ждать, пока наберется группа.

Изучая видео-уроки и выполняя практические задания, вы будете открывать доступ к следующим урокам (которые в свою очередь сгруппированы в тематические модули). По итогам каждого модуля будет необходимо пройти очную аттестацию с куратором курса: он проверит усвоение материала и даст развернутый фидбек по практическим заданиям. Тайм-слоты для прохождения аттестации у куратора вы будете получать в процессе обучения.

Мы не навязываем режим прохождения курсов: вы можете учиться в любое время суток и тратить сколько угодно времени. Но мы ограничиваем максимальный срок прохождения курса - 3 месяца. За 3 месяца можно освоить наши курсы, посвящая обучению ±5 часов в неделю.

Отзывы студентов

За время существования наших обучающих курсов их прошли сотни студентов.

«Дедлайны не позволяли расслабиться»

Академия — это лучший ускоритель в обучении технологиям. Дедлайны не позволяли расслабиться и давали толчок на углубленное изучение CSS и Javascript. В Академии были интересные проекты по верстке и чистому JS, что дало свои плоды и возможность продлить обучение на стажировке.

«Сотни вопросов гуглу, километры прочитанных статей, часы изученных видео»

Обучение в Академии для меня не было простым – сотни вопросов гуглу, километры прочитанных статей, часы изученных видео 😃 Но иногда и это не помогало решить задачу – тогда наводящий вопрос/совет куратора подталкивал к решению. Сейчас, на стажировке, опыт и знания, которыми делятся коллеги, помогают мне быстрее решать задачи и повышать свою квалификацию.

«Подтянула базовые знания и получила массу новой и очень важной информации»

В ходе обучения в Академии я подтянула базовые знания и получила массу новой и очень важной информации, овладела наиболее важным интрументарием для бэкенд разработчика. Очень большим плюсом было активное взаимодействие с куратором направления, он отвечал на все вопросы, ставил интересные с дидактической и практической точки зрения задачи, внимательно проверял домашние задания, делал замечания и давал советы.

Записаться на обучение

Просто заполните форму и получите на почту информацию о том, как подключиться к платформе и начать обучение.

Спасибо! Ваша заявка принята. В течение дня на указанную почту поступит письмо с инструкциями по дальнейшим действиям.

Oops! Something went wrong while submitting the form.

Входные требования

Знание React Js

Умение в HTML

Работа с CLI