Все курсы

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

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

Лекции — online
Аттестация между модулями — offline
±2 месяца обучения
Записаться на курс

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

Знание React Js

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Умение в HTML

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Работа с CLI

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

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

Курс подойдет начинающим программистам, которым требуется глубокое понимание основ 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 часов в неделю.

Преподаватель

Преподаватель
Цыкарев Алексей
Алексей Цыкарев
Основатель, Spectr

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

За время существования наших обучающих курсов их прошли сотни студентов.
Игорь
Прошел обучение по направлению «Основы фронтенд-разработки (HTML/CSS/JS)»
«Дедлайны не позволяли расслабиться»
Академия — это лучший ускоритель в обучении технологиям. Дедлайны не позволяли расслабиться и давали толчок на углубленное изучение CSS и Javascript. В Академии были интересные проекты по верстке и чистому JS, что дало свои плоды и возможность продлить обучение на стажировке.
Данил
Прошел обучение по направлению «Разработка бэкенда на PHP»
«Сотни вопросов гуглу, километры прочитанных статей, часы изученных видео»
Обучение в Академии для меня не было простым – сотни вопросов гуглу, километры прочитанных статей, часы изученных видео 😃 Но иногда и это не помогало решить задачу – тогда наводящий вопрос/совет куратора подталкивал к решению. Сейчас, на стажировке, опыт и знания, которыми делятся коллеги, помогают мне быстрее решать задачи и повышать свою квалификацию.
Ксения
Прошла обучение по направлению «Разработка бэкенда на PHP»
«Подтянула базовые знания и получила массу новой и очень важной информации»
В ходе обучения в Академии я подтянула базовые знания и получила массу новой и очень важной информации, овладела наиболее важным интрументарием для бэкенд разработчика. Очень большим плюсом было активное взаимодействие с куратором направления, он отвечал на все вопросы, ставил интересные с дидактической и практической точки зрения задачи, внимательно проверял домашние задания, делал замечания и давал советы.

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

Просто заполните форму и получите на почту информацию о том, как подключиться к платформе и начать обучение.
Спасибо! Ваша заявка принята. В течение дня на указанную почту поступит письмо с инструкциями по дальнейшим действиям.
Oops! Something went wrong while submitting the form.