Программа обучения
Предлагаем путеводитель по интерактивным заданиям, следуя которому вы станете настоящим профессионалом.
Эпичный тренажёр По подписке
Применяйте полученные знания на практике!
Вы с нуля сверстаете настоящий сайт, используя графический макет. Всё, как у настоящих профессионалов.
Тренажёр открывается постепенно, по мере прохождения программы обучения.
Основы 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 и тернарным оператором. Сделаем пагинацию и выведем на страницу дату в сложном формате.
Чтобы увидеть всю программу, нужно зарегистрироваться.