На асинхронном курсе «Анимация для фронтендеров» учебный проект — промо-страница фестиваля иллюзионистов «Иллюзион», которая, как и сам фестиваль, не должна оставить равнодушным ни одного посетителя. На её примере мы расскажем и покажем, как правильно делать крутые анимации.
После этого вы сможете попрактиковаться, выполняя задания по личному проекту — сайту конкурса-игры «Таинственный отпуск». Вам предстоит сделать анимации для сайта, где игрокам предстоит угадать пункт назначения путешествия. Чтобы попробовать свои силы, им нужно будет сыграть в чате с ботом ИИ «Соня». А вам — с помощью анимаций создать весёлую атмосферу развлечения.
После завершения курса «Анимация для фронтендеров» вы сможете строить в браузере анимации практически любой сложности, повысите качество UX и привлекательность разрабатываемых сайтов.
После этого вы сможете попрактиковаться, выполняя задания по личному проекту — сайту конкурса-игры «Таинственный отпуск». Вам предстоит сделать анимации для сайта, где игрокам предстоит угадать пункт назначения путешествия. Чтобы попробовать свои силы, им нужно будет сыграть в чате с ботом ИИ «Соня». А вам — с помощью анимаций создать весёлую атмосферу развлечения.
После завершения курса «Анимация для фронтендеров» вы сможете строить в браузере анимации практически любой сложности, повысите качество UX и привлекательность разрабатываемых сайтов.
Никогда не верстали? Попробуйте бесплатно погрузиться в веб с помощью интерактивного тренажёра «Знакомство с веб-разработкой» — https://tml.io/h3qba
Вы узнаете о базовых технологиях веб-разработки, как они работают по отдельности и вместе.
Вот, что пишут о заданиях наши студенты 🧡
Вы узнаете о базовых технологиях веб-разработки, как они работают по отдельности и вместе.
Вот, что пишут о заданиях наши студенты 🧡
Анимация рукописной каллиграфии на SVG: демка с постепенным появлением текста. Красивенько!
https://www.motiontricks.com/svg-calligraphy-handwriting-animation/
https://www.motiontricks.com/svg-calligraphy-handwriting-animation/
Лайв с Т—Ж уже завтра — записывайтесь!
В 19:30 по московскому времени встретимся с Евгенией Изотовой, выпускающим редактором в Т—Ж и выпускницей HTML Academy.
Обсудим с ней:
— как устроена вёрстка в редакции;
— зачем редакции верстальщики;
— опыт работы выпускников и их дальнейшая судьба;
— кому, кроме разработчиков, нужны знания вёрстки и программирования.
В 19:30 по московскому времени встретимся с Евгенией Изотовой, выпускающим редактором в Т—Ж и выпускницей HTML Academy.
Обсудим с ней:
— как устроена вёрстка в редакции;
— зачем редакции верстальщики;
— опыт работы выпускников и их дальнейшая судьба;
— кому, кроме разработчиков, нужны знания вёрстки и программирования.
Подошёл к концу очередной поток курса «JavaScript. Профессиональная разработка веб-интерфейсов». В нём участвовали 630 студентов, и 303 из них успешно защитили итоговый проект.
Читайте в нашем отчёте о нововведениях на курсе и отзывы выпускников.
Читайте в нашем отчёте о нововведениях на курсе и отзывы выпускников.
Alt — обязательный атрибут тега <img>. Это альтернативное описание для изображений, которые не видят пользователи:
— из-за медленного соединения;
— из-за неправильного пути или имени файла в атрибуте src;
— так как пользуются скринридерами.
Разбираемся, как его правильно писать, и в каких ситуациях alt-текст не нужен.
— из-за медленного соединения;
— из-за неправильного пути или имени файла в атрибуте src;
— так как пользуются скринридерами.
Разбираемся, как его правильно писать, и в каких ситуациях alt-текст не нужен.
Мы уже в эфире и готовы рассказать про работу в редакции Т—Ж, зачем им нужны наши выпускники, и какие могут быть карьерные перспективы со знаниями HTML и CSS. Подключайтесь!
Вадим Макеев на своём ютуб-канале рассказывает, что такое фокус, про встроенный и кастомный фокус, :focus-visible и полифил к нему.
https://youtu.be/EHg7DeciuW8
https://youtu.be/EHg7DeciuW8
YouTube
Хороший и плохой focus, полифил focus-visible и Open Prioritization
00:00 Интро
00:34 Обзор вёрстки
03:07 Что такое фокус
05:05 Встроенный фокус
09:15 Кастомный фокус
10:32 Новый focus-visible
13:16 Полифил focus-visible
15:55 Настройка в стилях
19:36 Открытая приоритизация
21:53 Аутро
Нравится? Становитесь патронами ht…
00:34 Обзор вёрстки
03:07 Что такое фокус
05:05 Встроенный фокус
09:15 Кастомный фокус
10:32 Новый focus-visible
13:16 Полифил focus-visible
15:55 Настройка в стилях
19:36 Открытая приоритизация
21:53 Аутро
Нравится? Становитесь патронами ht…
Как сделать Телеграм-бота:
— пишем его на JavaScript — https://tml.io/thpkp
— загружаем на сервер — https://tml.io/v7cqd
Готово, вы восхитительны 💫
— пишем его на JavaScript — https://tml.io/thpkp
— загружаем на сервер — https://tml.io/v7cqd
Готово, вы восхитительны 💫
HTML Academy
Как написать Телеграм-бота на JavaScript
Всего 5 шагов, зато каких!
«Джун или не джун?» — вот в чём вопрос.
Рассказали, как можно определить джун перед вами или уже мидл, и что отличает от них сеньоров.
Рассказали, как можно определить джун перед вами или уже мидл, и что отличает от них сеньоров.
HTML Academy
Джун, мидл, сеньор. В чём разница?
Пройдите тест и узнайте свой уровень.