Добавил новое руководство по флексбоксам от Йена Диксона. В руководстве рассмотрено, как создать флексбоксы, как с их помощью сделать адаптивный макет, выравнивать элементы и многое другое.

Реклама

Ближайший поток профессии «React-разработчик» пройдёт с 20 января по 2 декабря 2020 года.

Вас ждёт непрерывное обучение, голосовые консультации, живые лекции, тонны ревью кода и, как минимум, пять проектов в портфолио.

Вместе с наставником вы, в условиях приближенных к реальной разработке, пройдёте пять этапов:

1. Научитесь верстать с нуля на «HTML и CSS, уровень 1».
2. Затем освоите продвинутые техники и тонкости адаптивной вёрстки на «HTML и CSS, уровень 2».
3. Какой фронтенд без JavaScript? Познакомитесь с оживлением интерфейса и программированием на «JavaScript, уровень 1».
4. Идём дальше, проектируете SPA-приложения, осваиваете ООП и синтаксис ES2015 на «JavaScript, уровень 2».
5. Всё серьёзно — «JavaScript, уровень 3», проектируте большие клиентские приложения на стеке React-Redux-Thunk-Jest. Разбираетесь, где использовать React, а где он не нужен.

После окончания обучения успешные выпускники смогут пройти стажировку в «Лиге А.» и получить опыт работы с реальными заказами.

Читатели могут освоить профессию React-разработчик со скидкой 1200 рублей по помокоду «htmlbook». До встречи на курсе!

Реклама

Это актуальное пособие по PHP — в нём нет устаревших практик и воды.

Вас ждёт шесть глав, посвященных знакомству с языком, шаблонизации, основам работы протокола HTTP, регистрации пользователей на сайте, работе с базами данных и использованию библиотек через инструмент Composer. Каждая тема содержит теорию и примеры, которые помогут разобраться с тонкостями программирования.

Начать знакомство с PHP можно здесь.

Автор учебника Кирилл Сенкевич, опытный PHP-разработчик, автор курса «PHP, уровень 1» в HTML Academy.

Добавил новое руководство по JSON от Йена Диксона. JSON штука нужная и полезная и чтобы стало понятнее, где это можно применять, посмотрите практику. Все задачи сделаны как раз с помощью JSON.

Реклама

Хотите научиться бэкенд-разработке? Профессиональный курс «PHP, уровень 1» стартует уже 22 октября.

Интенсив рассчитан на новичков в программировании. Вы научитесь с нуля писать серверную логику для проектов.

В программе: изучение синтаксиса PHP и SQL, настройки веб-сервера и сервера баз данных, решение типовых задач бэкенд-программиста — аутентификация, авторизация и работа с формами.

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

Остались вопросы? Посмотрите запись лайва с автором курса Кириллом Сенкевичем.

По промокоду htmlbook до 20 октября действует скидка 1000 рублей. До встречи на курсе!

Реклама

В интерактивном курсе «Основы PHP» появилась новая глава — «Условия».

В этой главе мы рассказываем, как работают условия в PHP. Вы научитесь внедрять условия в разметку, познакомитесь с операциями сравнения и логическими операторами.

На всём пути вас будет поддерживать старший разработчик — слонёнок Думпо.

Курс экспериментальный, в нём используются новейшие технологии, поэтому он может быть требовательным к ресурсам компьютера.

Начните постигать программирование уже сейчас!

Реклама

Как проходят лекции? Кто такие наставники и зачем они нужны? Что я буду уметь после обучения на курсе?

Если вы задаётесь этими вопросами — приходите на лайв с преподавателем курса «PHP, уровень 1» узнавать ответы! Он пройдёт 3 октября в 12:00 по московскому времени. Запишитесь на трансляцию, чтобы не пропустить.

А ещё во время эфира подведём итоги розыгрыша бесплатного места и разыграем 50% скидку на курс. Участвуйте! Ждём вас!

Сделал новое мобильное приложение под Андроид, чтобы практиковаться с кодом HTML. По разным темам выводятся небольшие задания, которые надо решать прямо в текстовом редакторе. Проверка заданий автоматическая, так что сразу будете знать, выполнено оно или нет.

Установить приложение

Реклама

Вы новичок в веб-разработке и хотите получить опыт работы с проектами коммерческого уровня? Тогда вам в «Акселератор» — совместный проект HTML Academy и «Лиги А.», который помогает получить практический опыт веб-разработки и сравнить навыки с рыночными показателями.

Как он работает: вы выбираете проект, подходящего вам уровня, и выполняете его вместе с менеджером, тестировщиком и наставником. Если вы не можете оценить уровень ваших навыков — мы подберём вам макет.

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

Выбирайте проект и прокачивайтесь!

На webref.ru обновился раздел с практическими задачами по HTML и CSS. Это более 160 задач по разным темам с набором кода в заданных полях и автоматической проверкой правильности выполнения. Результат тоже сразу показывается. Задачи будут дополняться, пишите какие темы вас интересуют.

Реклама

Планируете разобраться с программированием на JavaScript до профессионального уровня? Уже 10 сентября стартует курс «JavaScript, уровень 1», который пройдёт до 14 ноября.

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

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

Кстати, можете успеть попытать удачу и получить место на курсе бесплатно. Участвуйте в конкурсе — итоги подведём 9 сентября!

Обновил Учебник по CSS — это приложение под Андроид для изучения каскадных стилей. Около 10 тем по селекторам и их комбинациям, псевдоэлементам, псевдоклассам и др.

Реклама

Уже 2 сентября стартует «HTML и CSS, уровень 1», на котором в Академии учат с нуля вёрстке настоящих проектов.

Если хотите узнать подробнее об обучении, запишитесь на лайв, который пройдёт 29 августа в 18:00 по московскому времени.

Авторы и преподаватели интенсива — Вадим Макеев и Коля Шабалин — расскажут, кому подойдёт курс, кто такие наставники, и что вы будете уметь после окончания обучения.

А ещё во время трансляции подведём итоги розыгрыша бесплатного места на на курсе, который стартует 2 сентября. Испытайте свою удачу ✌️

Реклама

В Академии появился новый интерактивный курс — «Основы PHP», доступный по подписке. Уже вышла первая глава «Знакомство с PHP».

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

Курс экспериментальный, в нём используются новейшие технологии, поэтому он может быть требовательным к ресурсам компьютера.

Делитесь своими впечатлениями и пожеланиями по курсу с нами.

Оригинал: css-tricks.com/staggered-css-transitions/
Перевод: Влад Мержевич

Допустим, вы хотите сдвинуть элемент при :hover для создания забавного визуального эффекта.

CSS

@media (hover: hover) {
  .list--item {
    transition: 0.1s;
    transform: translateY(10px);
  }
  .list--item:hover,
  .list--item:focus {
    transform: translateY(0);
  }
}

Классно! Но что если у вас есть несколько пунктов списка и вы хотите чтобы все они сдвигались при наведении, но каждый из них бы смещался пошагово по времени?