Новые вызовы в HTML Academy
Реклама
Двенадцать новых вызовов появились в курсе «Знакомство с HTML и CSS». Вызовы — практические задания для тренировки, доступные по подписке.
Кекс подготовил для вас задачки разной сложности: один простой вызов, два — средних, и один продвинутого уровня.
Пройдите бесплатный курс и закрепите знания более сложными задачами: ищите ошибки в разметке и стилях, исправляйте ошибки и создавайте шедевры для пушистого заказчика.
Конические градиенты в CSS
Большинство веб-разработчиков уже имели дело с линейными и радиальными градиентами. С их помощью создание градиентов в CSS происходит очень просто, хотя ранее нужно было использовать предварительно созданные изображения. Недавно в спецификации CSS Image Values and Replaced Content был определён новый тип — конический градиент. Он позволяет использовать градиенты, которые рисуются по окружности.
Название «конический градиент» основано на том, что когда в этом градиенте применяются контрастные цвета, он создаёт эффект конуса. Иногда такие градиенты также называют угловыми.
Как стать React-разработчиком с нуля?
Реклама
Понадобится мотивация, чёткая современная программа, грамотный преподаватель и опытный наставник. И, конечно, время: 2-4 часа на обучение каждый день.
Готовы? Открыт набор на профессию «React-разработчик»: стартуем 2 сентября, а финал 10 августа 2020 года.
Программа состоит из пяти курсов по 9 недель. Непрерывное обучение, 45 часов голосовых консультаций с наставником, тонны ревью кода и минимум пять проектов в портфолио.
Вместе с наставником вы в условиях приближённых к реальной разработке пройдёте пять этапов:
- Учимся верстать с нуля на «HTML и CSS, уровень 1».
- Далее осваиваем продвинутые техники и тонкости адаптивной вёрстки на «HTML и CSS, уровень 2».
- Какой фронтенд без JavaScript? Знакомимся с оживлением интерфейса и программированием на «JavaScript, уровень 1».
- Идём дальше, проектируем SPA-приложения, осваиваем ООП и синтаксис ES2015 на «JavaScript, уровень 2».
- Всё серьёзно — «JavaScript, уровень 3», проектируем большие клиентские приложения на стеке React-Redux-Thunk-Jest. Разбираемся, где использовать React, а где он не нужен.
Что дальше? Возможность трёхмесячной оплачиваемой стажировки в «Лиге А.» на реальных проектах.
Вы станете react-разработчиком, который разбирается в основах, понимает, что он делает и знает, как использовать инструменты правильно.
Участие можно оформить в рассрочку на 14 частей, а после обучения оформить налоговый вычет.
Градиентный текст
Для создания эффектных текстовых заголовков можно использовать градиент, который будет отображаться исключительно внутри букв. Ниже рассмотрим два способа добавления градиента к тексту, а также их плюсы и минусы.
Использование mix-blend-mode
Свойство mix-blend-mode определяет режим наложения цвета текста на фоновый цвет. Подобные режимы наложения можно увидеть в графических редакторах вроде Photoshop, соответственно, идея наложения и названия режимов позаимствованы оттуда.
Перед применением этого метода текст надо обернуть в какой-нибудь элемент (<p>, <span>, <div>, <h2> и др.) и установить для него родителя. Мы сделаем такую структуру: <div> в качестве родителя; <h2> для текста.
<div>
<h2>Градиентный текст</h2>
</div>Теперь для <div> устанавливаем желаемый градиент через свойство background, а для <h2> ставим белый цвет фона и свойство mix-blend-mode со значением screen (пример 1).
Пример 1. Свойство mix-blend-mode
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Градиентный текст</title>
<style>
div {
background: linear-gradient(red, blue); /* Градиент для текста */
}
div > h2 {
font-size: 3rem; /* Размер текста */
margin: 0; /* Убираем отступы */
background: white; /* Белый цвет фона */
mix-blend-mode: screen; /* Режим наложения */
}
</style>
</head>
<body>
<div><h2>Градиентный текст</h2></div>
</body>
</html>Результат данного примера показан на рис. 1.
Рис. 1. Градиентный текст
Новые вызовы в курсе «Основы JavaScript»
Реклама
Вышли новые вызовы в главе «Объекты» для курса «Основы JavaScript». Вызовы — это практические задания, которые помогут вам закрепить знания, полученные во время прохождения курса.
Вас ждут: один лёгкий, два средних и два сложных вызова. Под руководством пушистого босса вам под силу будет сделать программу-переводчик, попутно разбираясь с массивами и функциями.
Курс доступен только для подписчиков. Готовы присоединиться и взяться за вызовы?
HTML и CSS, уровень 1
Реклама
Доступна запись на «HTML и CSS, уровень 1», который пройдёт с 6 мая по 7 июля.
Курс разработан специально для новичков без знания вёрстки и тех, кто хочет привести в порядок полученные ранее знания.
Вас ждёт 20 часов лекций в формате лайв-стрима, скринкасты с разборами практики, дополнительные материалы и личный наставник, который будет проводить ревью вашего кода.
На выбор два формата участия:
- Стандартный — три проекта на выбор, пять недель работы с наставником и четыре недели на самостоятельную доработку проекта. Подойдёт для тех, кто хочет защитить один личный проект.
- Комфортный — пять проектов на выбор, девять недель работы с наставником. Выбирайте, если хотите взять сложный проект, а также успеть защитить два проекта за курс.
Количество мест на курсе ограничено. Также доступна оплата в кредит на 12 месяцев с ежемесячным платежом 1774 рубля.
Для читателей по промокоду htmlbook будет скидка 1000 рублей на участие в курсе «HTML и CSS, уровень 1». До встречи 6 мая!
Как происходит обучение рассказал Вадим Макеев, автор и преподаватель курса:
Знакомство с HTML и CSS
Реклама
Мы в Академии полностью переосмыслили старт обучения на интерактивных курсах для новичков, так появился новый бесплатный курс «Знакомство с HTML и CSS» взамен старых (теперь они доступны в архиве).
Что переработано? Программа, добавлены новые интерфейсные решения и актуалирована вся информация, единая история и конспекты с теорией.
Вместе с пушистым инструктором на примере сайта начинающего верстальщика, вы освоите с семантическую разметку и базовые механизмы стилизации.
Кекс, шесть глав и один вызов уже ждут. Делитесь впечатлениями!
Самоучитель CSS
Обновил мобильное приложение для Андроида Самоучитель CSS. Если ещё не устанавливали это приложение, срочно устанавливать!
Приложение находится в перманентной бета-версии, так что принимаются предложения и советы по его улучшению.
Запись на профессиональный курс «PHP, уровень 1»
Реклама
Доступна запись на профессиональный курс «PHP, уровень 1», стартующий уже 9 апреля.
Курс рассчитан на новичков в программировании. Вы научитесь с нуля писать серверную логику для проектов. В программе: изучение синтаксиса PHP и SQL, настройки веб-сервера и сервера баз данных, решение типовых задач бэкенд-программиста — аутентификация, авторизация и работа с формами.
Учеников ждут лекции и работа над личным проектом под руководством наставника — профессионального разработчика.
Вы можете выбрать удобный для вас тариф:
- стандартный, в котором доступно 5 часов работы с личным наставником;
- комфортный, включает 9 часов консультаций с наставником.
Познакомиться с личными проектами заранее можно здесь. А узнать подробнее, как проходит обучение из записи трансляции.
Новая профессия и стажировка
Реклама
Доступна оплата в рассрочку на 7 месяцев для программы профессии «Фронтенд-разработчик», которая пройдёт с 6 мая по 14 ноября.
Программа состоит из трёх профессиональных курсов, каждый из которых длится девять недель:
Вас ждут живые лекции, полезные материалы и работа над личными проектами под руководством личного наставника — опытного разработчика. Вы получите навыки решения типовых задач фронтенд-разработчика и научитесь делать настоящие проекты.
После успешного завершения курса вы сможете пройти оплачиваемую стажировку в «Лиге А.» и получить релевантный опыт работы.
Обзоры учебных проектов можно посмотреть здесь.
Новое «Знакомства с HTML и CSS»
Реклама
В бета-тесте вышел новый курс «Знакомства с HTML и CSS», доступный по подписке.
В этом курсе полностью актуализирона теория, обновлены сторителинг и дизайн. Во время прохождения вы познакомитесь с основами HTML и CSS, разберётесь с семантической разметкой и базовыми механизмами стилизации на примере небольшого сайта.
Бета-тест доступен для подписчиков уже сейчас, по его окончанию курс станет доступен для всех бесплатно.
Получить новую профессию
Реклама
Доступна оплата в рассрочку для программы профессии «Фронтенд-разработчик», которая пройдёт с 6 мая по 14 ноября.
Программа состоит из трёх профессиональных курсов, каждый из которых длится девять недель:
Вы получите навыки решения типовых задач фронтенд-разработчика и научитесь делать настоящие проекты. Вас ждут живые лекции, полезные материалы и работа над личными проектами под руководством личного наставника — опытного разработчика.
Подойдёт для тех, кто не хочет терять ни минуты, и планирует в сжатые сроки получить профессию и приступить к работе.
После успешного завершения курса вы сможете пройти оплачиваемую стажировку в «Лиге А.»
Доступна запись в рассрочку на 7 месяцев.
Познакомьтесь, флексбоксы!
Реклама
Хотите разобраться с механизмом «гибкой» раскладки? До 8 марта можно успеть бесплатно пройти главу «Флексбокс, часть 1». После этого глава вновь станет доступна только по подписке.
Потренируемся направлять оси флекс-контейнера, выравнивать и переносить флекс-элементы, а затем научимся простому применению флексбокса в реальных интерфейсах.
Вас ждёт 28 заданий и 3 испытания, на проверку усвоенных знаний.
Пройти этот и другие курсы в HTML Academy.
Взламываем флексбоксы в Академии
Реклама
Флексбоксы, флексы, флекс-контейнеры… О чём вообще речь?
Пора бы всем уже в этом разобраться и взломать курс «Флексбокс, часть 1».
700 репостов этой записи до пятницы и курс станет бесплатным на две недели до 8 марта включительно.
Сверяем репосты 22 февраля в 18:00 по московскому времени!
Справочник CSS
Многие деревенские парни, у которых в деревне проблемы с Интернетом, давно просили меня обновить локальный справочник CSS, чтобы изучать веб-технологии в любой ситуации. К сожалению, мой любимый формат CHM, который замечательно подходит для всякого рода справочников, безнадёжно устарел и вместо этого делаю справочник в виде набора HTML-файлов. Для просмотра нужен любой современный браузер и он у вас есть, раз вы это читаете.
В новой версии больше свойств, значений и примеров. Все примеры, кстати, можно смотреть сразу в браузере, естественно, со все всеми картинками, стилями и эффектами.
Для тех, кто уже покупал справочник, ничего делать не надо, обновление должно было прийти по почте.
Вот форма сразу для оплаты. Справочник стоит 59 рублей, считайте это вложением в новые уроки и книги по веб-технологиям.