Профессия «Фронтенд-разработчик» Старт 14 декабря 2021. Осталось 265 мест. За $99 в месяц

Программа обучения

Предлагаем путеводитель по интерактивным заданиям, следуя которому вы станете настоящим профессионалом.

Начать

Эпичный тренажёр По подписке

Применяйте полученные знания на практике!

Вы с нуля сверстаете настоящий сайт, используя графический макет. Всё, как у настоящих профессионалов.

Тренажёр открывается постепенно, по мере прохождения программы обучения.

Великий Кексби
Великий Кексби
Великий Кексби
Помогаем Кексу запустить магазин кошачьих аксессуаров и фэшена.

Основы HTML и CSS0/12Знакомство с веб-разработкой

В этой части мы под руководством инструктора Кекса познакомимся с основами вёрстки на примере небольшого лендинга.

Кексби. Знакомство

Кексби. Знакомство0/10

Размечаем основные блоки главной страницы магазинчика Кекса.

Основы JavaScript0/16Знакомство с веб-разработкой

Познакомимся с JavaScript, с его помощью изменим вёрстку на странице, напишем переключатель тем, сделаем интерактивную форму подписки и научимся пользоваться консолью.

Основы PHP0/15Знакомство с веб-разработкой

Познакомимся с основами PHP. Научимся внедрять PHP в вёрстку, работать с веб-сценариями и адресной строкой, запрограммируем интернет-магазин.

Структура HTML-документа0/17Знакомство с HTML и CSS

Начинаем готовить разметку страницы блога, разбираемся из каких тегов она состоит и за что эти теги отвечают.

Разметка текста0/20Знакомство с HTML и CSS

Продолжаем верстать страницу блога, изучаем, как правильно размечать текстовое содержание: абзацы, заголовки, подзаголовки, списки и многое другое.

Кексби. Разметка, оформление текста

Кексби. Разметка, оформление текста0/11

Добавляем в разметку текстовые теги: заголовки, списки, цитаты.

Ссылки и изображения0/16Знакомство с HTML и CSS

Завершаем разметку страницы блога, добавляем навигационные ссылки, а также разбираемся с форматами изображений.

Кексби. Ссылки и изображения

Кексби. Ссылки и изображения0/15

Вставляем содержательные картинки и добавляем ссылки.

Основы CSS0/16Знакомство с HTML и CSS

Начинаем оформление страниц блога и заодно разбираем базовые понятия CSS: правила, селекторы, свойства, значения, наследование и каскадирование.

Оформление текста0/19Знакомство с HTML и CSS

Завершаем оформление страниц блога, учимся оформлять тексты с помощью CSS: задаём шрифты, цвета, отступы, размеры.

Условия и создание элементов0/15Знакомство с JavaScript

Познакомимся с условиями, научимся создавать и добавлять на страницу новые элементы, напишем счётчик лайков и систему комментирования.

Коллекции и свойства элементов0/16Знакомство с JavaScript

Познакомимся с коллекциями элементов и циклом for of, научимся с помощью свойств получать данные и управлять элементами, сделаем всплывающие подсказки и валидацию формы.

Прокрутка и операторы0/14Знакомство с JavaScript

Узнаем, как управлять прокруткой в браузере, и познакомимся с операторами равенства и логическим И. Запрограммируем кнопку прокрутки к началу страницы и создадим фильтрацию на новостном сайте.

Динамические стили элементов0/16Знакомство с JavaScript

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

Условия в PHP0/14Знакомство с PHP

Научимся использовать условия в сценариях и шаблонах. Познакомимся с операциями сравнения и логическими операторами. Доработаем страницы интернет-магазина.

Массивы и циклы в PHP0/15Знакомство с PHP

Узнаем, что такое массивы и циклы, и почему они отлично работают вместе. Поработаем с разными массивами и циклами на страницах интернет-магазина. Добавим фильтрацию товаров и решим ещё пару задач.

Массивы и функции в PHP0/16Знакомство с PHP

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

Числа и строки в PHP0/14Знакомство с PHP

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

Чтобы увидеть всю программу, нужно зарегистрироваться.

Регистрация