🌷 Майские праздники — время отдыхать с пользой!
С 1 по 11 мая приглашаем вас на «Майские каникулы» от HTML Academy. Совместно с Purrweb, Wemakefab и Лига А. мы открываем бесплатный доступ к нашим тренажёрам и запускаем секретные подарки на сайте.
Что вас ждёт?
🆗 Бесплатный доступ к тренажёрам по HTML, CSS, SVG и JavaScript.
🆗 Ежедневные задания, увлекательные викторины и загадки.
🆗 3 уровня призов: бронзовый, серебряный и золотой — чем выше общая активность, тем круче призы!
Зовите друзей, выполняйте задания и повышайте свои шансы получить крутые призы от наших партнёров-работодателей Purrweb и Wemakefab! Подробнее читайте на лендинге.
⏱ Стартуем 1 мая!
Подробнее об акции | Telegram-бот
С 1 по 11 мая приглашаем вас на «Майские каникулы» от HTML Academy. Совместно с Purrweb, Wemakefab и Лига А. мы открываем бесплатный доступ к нашим тренажёрам и запускаем секретные подарки на сайте.
Что вас ждёт?
Зовите друзей, выполняйте задания и повышайте свои шансы получить крутые призы от наших партнёров-работодателей Purrweb и Wemakefab! Подробнее читайте на лендинге.
Подробнее об акции | Telegram-бот
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
[Релиз!] Познакомьтесь с CSS-библиотекой от HTML Academy, которая кардинально упрощает создание и настройку инвертированных углов
https://htmlacademy.ru/demos/195
Углы работают даже на неоднородных фонах. Всё сделано на чистом CSS. Знакомьтесь с возможностями библиотеки и используйте с удовольствием!
#туториалотhtmlacademy #frontend #html #css
https://htmlacademy.ru/demos/195
Углы работают даже на неоднородных фонах. Всё сделано на чистом CSS. Знакомьтесь с возможностями библиотеки и используйте с удовольствием!
#туториалотhtmlacademy #frontend #html #css
HTML Academy
🌷 Майские праздники — время отдыхать с пользой! С 1 по 11 мая приглашаем вас на «Майские каникулы» от HTML Academy. Совместно с Purrweb, Wemakefab и Лига А. мы открываем бесплатный доступ к нашим тренажёрам и запускаем секретные подарки на сайте. Что вас…
Тренажёры сами по себе — отличная возможность прокачать навыки. Но вместе с нашими партнёрами-работодателями — Purrweb, Wemakefab и Лига А. — мы подготовили особенные призы, уровень которых будет зависеть от общей активности всех участников акции.
Чем выше суммарное количество набранных баллов — тем круче становится призовой фонд. Всего предусмотрено три уровня:
🥉 Бронзовый уровень
– Курс «Введение в React» — гарантированно всем, кто наберёт 2 475 баллов и больше.
– Курс «Войти в IT» и месяц доступа к тренажёрам.
🥈 Серебряный уровень
– Всё из бронзового уровня.
– Программы-аналоги «Фронтенд-разработчик» для компаний Only и Контур.
– Самостоятельные профессии «Фронтенд-разработчик» и «JavaScript-разработчик».
🥇 Золотой уровень
– Всё из серебряного уровня.
– Ещё больше самостоятельных профессий.
– Программа развития навыков «Современная фронтенд-инженерия».
– Программа развития навыков «UI-инженерия».
Стартуем уже завтра — 1 мая!
Чем активнее будете вы и другие участники, тем больше шансов разблокировать золотой уровень. Участвуйте, зовите друзей и следите за прогрессом!
Подробнее | Кексобот | Правила
Please open Telegram to view this post
VIEW IN TELEGRAM
HTML Academy и WebRise — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду WebRise
Подробнее: tml.io/bigtech-webrise
Компания WebRise работает в сфере заказной разработки, предоставляет услуги по широкому спектру технологий, как во frontend, так и backed сферах, активно работает с дизайном и аналитикой.
#работодателиhtmlacademy
Подробнее: tml.io/bigtech-webrise
Компания WebRise работает в сфере заказной разработки, предоставляет услуги по широкому спектру технологий, как во frontend, так и backed сферах, активно работает с дизайном и аналитикой.
#работодателиhtmlacademy
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация по любой траектории с
У вас же было такое, что ждёте курьера или доставку, а их всё нет и нет? Заходите сайт, обновляете статус, а там «В пути» и больше никакой информации. У нас вот было много раз.
В хороших случаях курьера рисуют прямо на карте, и показывают, где он едет, где проехал, и прямо анимацией можно всё рассмотреть.
И вот как сделать такое на чистом CSS с помощью
👉 https://htmlacademy.ru/blog/css/offset-path
offset-path
У вас же было такое, что ждёте курьера или доставку, а их всё нет и нет? Заходите сайт, обновляете статус, а там «В пути» и больше никакой информации. У нас вот было много раз.
В хороших случаях курьера рисуют прямо на карте, и показывают, где он едет, где проехал, и прямо анимацией можно всё рассмотреть.
И вот как сделать такое на чистом CSS с помощью
offset-path
, уже доступного во всех браузерах.👉 https://htmlacademy.ru/blog/css/offset-path
😼 Майские продолжаются — а значит, можно успеть не только отдохнуть, но и прокачаться.
Если уже съели всё с мангала и пересмотрели все сериалы — самое время заняться собой.
Прокачайте стек: TypeScript, шаблонизаторы, анимации, алгоритмы и не только. Всё, что выводит на уровень мидл-разработчика — в одном месте.
💡Чем шире стек — тем выше ставка. Это не лозунг, это рынок.
До 9 мая — скидка 70 % на все мидл-курсы и пакеты.
Курсов целых 19 — вы точно найдёте для себя что-то интересное.
👉 Выбрать можно здесь — https://tml.io/levelup_courses
👉Промокод: MAYUMNO — введите при оплате и получите скидку.
Остались вопросы? Пишите в https://tml.io/telegram
Продолжите майские с пользой. Учитесь в своём темпе, в удобное время — и входите в рабочий режим уже на уровень выше.
Если уже съели всё с мангала и пересмотрели все сериалы — самое время заняться собой.
Прокачайте стек: TypeScript, шаблонизаторы, анимации, алгоритмы и не только. Всё, что выводит на уровень мидл-разработчика — в одном месте.
💡Чем шире стек — тем выше ставка. Это не лозунг, это рынок.
До 9 мая — скидка 70 % на все мидл-курсы и пакеты.
Курсов целых 19 — вы точно найдёте для себя что-то интересное.
👉 Выбрать можно здесь — https://tml.io/levelup_courses
👉Промокод: MAYUMNO — введите при оплате и получите скидку.
Остались вопросы? Пишите в https://tml.io/telegram
Продолжите майские с пользой. Учитесь в своём темпе, в удобное время — и входите в рабочий режим уже на уровень выше.
HTML Academy и Aston — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду Aston
Подробнее: https://tml.io/bigtech-aston
Компания Aston представлена на российском рынке с 2007 года, предоставляя услуги разработки программного обеспечения и IT-аутсорсинга предприятиям, организациям и стартапам.
#работодателиhtmlacademy
Подробнее: https://tml.io/bigtech-aston
Компания Aston представлена на российском рынке с 2007 года, предоставляя услуги разработки программного обеспечения и IT-аутсорсинга предприятиям, организациям и стартапам.
#работодателиhtmlacademy
Поиск с конца массива в JS
Недавно в JavaScript появились два полезных метода для массивов:
Показываем, как ими пользоваться (даже если лапки):
👉 https://htmlacademy.ru/blog/js/find-last
Недавно в JavaScript появились два полезных метода для массивов:
findLast
и findLastIndex
. Они делают то же, что и привычные find
и findIndex
, только проходят массив с конца.Показываем, как ими пользоваться (даже если лапки):
👉 https://htmlacademy.ru/blog/js/find-last
8 решений из HTML и CSS, которые пора забыть в 2025
Раньше простые на первый взгляд задачи требовали довольно много возни. Центрировать блок? Нужно позиционирование и расчёты. Сделать сетку? Пропорции вручную и осторожное управление отступами. Обновить страницу автоматически? Либо писать скрипт, либо настраивать сервер. Работало, но всегда казалось, что можно проще.
И наконец-то стало. Смотрите, как просто:
👉 https://htmlacademy.ru/blog/html/new-things-in-layout
Раньше простые на первый взгляд задачи требовали довольно много возни. Центрировать блок? Нужно позиционирование и расчёты. Сделать сетку? Пропорции вручную и осторожное управление отступами. Обновить страницу автоматически? Либо писать скрипт, либо настраивать сервер. Работало, но всегда казалось, что можно проще.
И наконец-то стало. Смотрите, как просто:
👉 https://htmlacademy.ru/blog/html/new-things-in-layout
В сентябре 2024 в Baseline в статусе Widely-available вошло CSS-свойство
То есть если у вас есть модальное с полупрозрачным фоном, вы можете сделать так, чтобы то, что под ней, красиво размывалось, как в macOS или на айфоне. Это и есть главное применение backdrop-filter.
👉 https://htmlacademy.ru/blog/css/backdrop-filter
backdrop-filter
. Оно делает красивое: позволяет применить фильтры (размытие, контраст, яркость, и прочее) к фону за элементом. Не к самому элементу, а именно к тому, что за ним — это важно.То есть если у вас есть модальное с полупрозрачным фоном, вы можете сделать так, чтобы то, что под ней, красиво размывалось, как в macOS или на айфоне. Это и есть главное применение backdrop-filter.
👉 https://htmlacademy.ru/blog/css/backdrop-filter
HTML Academy и Purrweb — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду Purrweb
Подробнее: https://tml.io/bigtech-purrweb
Вот уже 10 лет компании Purrweb доверяют стартапы и крупные компании разработку мобильных, веб- и десктопных приложений. За это время мы выросли из 2х фрилансеров в команду составом 200 человек и не планируем останавливаться.
#работодателиhtmlacademy
Подробнее: https://tml.io/bigtech-purrweb
Вот уже 10 лет компании Purrweb доверяют стартапы и крупные компании разработку мобильных, веб- и десктопных приложений. За это время мы выросли из 2х фрилансеров в команду составом 200 человек и не планируем останавливаться.
#работодателиhtmlacademy
Монументальный и полезнейший чек-лист для дизайнеров от разработчика про подготовку макета к вёрстке
https://lepekhin.studio/ru/notes/post/designer-checklist
Михаил Воробьёв, фронтенд-разработчик Студии Лепёхина, делится практическим чек-листом для дизайнеров, чтобы избежать типичных ошибок при передаче макета в разработку. Он подробно рассматривает важные аспекты, такие как адаптивность интерфейса, поведение элементов на разных экранах, обработку пустых состояний и переполнение контента.
Эта статья будет особенно полезна начинающим фронтендерам и дизайнерам, помогая им понять, на что обращают внимание опытные разработчики при вёрстке. Опытные фронтендеры также найдут здесь полезные советы для улучшения взаимодействия с дизайнерами и повышения качества конечного продукта.
---
Студия Лепёхина — наш официальный партнёр-работодатель. Выпускники совместной программы обучения смогут трудоустроиться в компанию. Подробнее о совместной программе: tml.io/joint-lepekhin
#полезноеотработодателей
https://lepekhin.studio/ru/notes/post/designer-checklist
Михаил Воробьёв, фронтенд-разработчик Студии Лепёхина, делится практическим чек-листом для дизайнеров, чтобы избежать типичных ошибок при передаче макета в разработку. Он подробно рассматривает важные аспекты, такие как адаптивность интерфейса, поведение элементов на разных экранах, обработку пустых состояний и переполнение контента.
Эта статья будет особенно полезна начинающим фронтендерам и дизайнерам, помогая им понять, на что обращают внимание опытные разработчики при вёрстке. Опытные фронтендеры также найдут здесь полезные советы для улучшения взаимодействия с дизайнерами и повышения качества конечного продукта.
---
Студия Лепёхина — наш официальный партнёр-работодатель. Выпускники совместной программы обучения смогут трудоустроиться в компанию. Подробнее о совместной программе: tml.io/joint-lepekhin
#полезноеотработодателей
This media is not supported in your browser
VIEW IN TELEGRAM
[Новый курс] Погрузитесь в радиальные градиенты в новом бесплатном курсе. Наглядно, интерактивно, без воды!
htmlacademy.ru/demos/199
Познакомимся с функцией
#туториалотhtmlacademy #frontend #html #css
htmlacademy.ru/demos/199
Познакомимся с функцией
radial-gradient()
, научимся создавать простые градиенты, управлять списком колорстопов и расположением центра градиента. А также разберёмся, что влияет на форму радиального градиента.#туториалотhtmlacademy #frontend #html #css
Перевели инструкцию по новому синтаксису @if в Angular.
Секундочку, Angular?!
https://htmlacademy.ru/blog/js/angular-if-syntax
Секундочку, Angular?!
https://htmlacademy.ru/blog/js/angular-if-syntax
HTML Academy и Medeum — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду Medeum
Подробнее: https://tml.io/bigtech-medeum
Medeum — это аккредитованная IT-компания, занимающаяся разработкой прикладных сервисов и реализующая аналитические проекты с целью внедрения технологий в реальный сектор экономики и реализации цифровой трансформации.
#работодателиhtmlacademy
Подробнее: https://tml.io/bigtech-medeum
Medeum — это аккредитованная IT-компания, занимающаяся разработкой прикладных сервисов и реализующая аналитические проекты с целью внедрения технологий в реальный сектор экономики и реализации цифровой трансформации.
#работодателиhtmlacademy
Прямой эфир с эйчар-директором компании Веб-Центр
HTML Academy и Веб-Центр запускают уникальную программу «Обучение под работодателя». Вы обучаетесь в малой группе, осваиваете нужные навыки, и самое главное, получаете шанс присоединиться к команде Веб-Центр по завершении обучения.
Приходите на прямой эфир 30 мая в 20:00, чтобы:
– Чем живёт команда Веб-Центра и какие возможности она даёт для профессионального роста.
– Как происходит адаптация и чему на самом деле учат на старте.
– Почему работа с реальными проектами начинается с первого дня.
– Как поддержка, обмен опытом и неформальная атмосфера помогают расти быстрее.
👍 Зарегистрируйтесь по ссылке — мы напомним вам о трансляции.
HTML Academy и Веб-Центр запускают уникальную программу «Обучение под работодателя». Вы обучаетесь в малой группе, осваиваете нужные навыки, и самое главное, получаете шанс присоединиться к команде Веб-Центр по завершении обучения.
Приходите на прямой эфир 30 мая в 20:00, чтобы:
– Чем живёт команда Веб-Центра и какие возможности она даёт для профессионального роста.
– Как происходит адаптация и чему на самом деле учат на старте.
– Почему работа с реальными проектами начинается с первого дня.
– Как поддержка, обмен опытом и неформальная атмосфера помогают расти быстрее.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
[Новый курс] Погрузитесь в радиальные градиенты в новом бесплатном курсе. Наглядно, интерактивно, без воды!
https://htmlacademy.ru/demos/201
Продолжим разбираться с радиальными градиентами. Научимся принудительно задавать форму и управлять размерами градиентов. Разберёмся с ключевыми словами
#туториалотhtmlacademy #frontend #html #css
https://htmlacademy.ru/demos/201
Продолжим разбираться с радиальными градиентами. Научимся принудительно задавать форму и управлять размерами градиентов. Разберёмся с ключевыми словами
closest-side
, farthest-side
, closest-corner
, farthest-corner
.#туториалотhtmlacademy #frontend #html #css
HTML Academy и STILT — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду STILT
Подробнее: tml.io/bigtech-stilt
STILT — современная IT-компания, которая оказывает комплексную техническую поддержку сложных IT-систем. Она обеспечивает бесперебойную работу сервисов клиентов с июля 2022 года, следуя стандартам ITIL и строго соблюдая SLA.
#работодателиhtmlacademy
Подробнее: tml.io/bigtech-stilt
STILT — современная IT-компания, которая оказывает комплексную техническую поддержку сложных IT-систем. Она обеспечивает бесперебойную работу сервисов клиентов с июля 2022 года, следуя стандартам ITIL и строго соблюдая SLA.
#работодателиhtmlacademy
This media is not supported in your browser
VIEW IN TELEGRAM
Выпустили 12 испытаний лёгкого уровня по радиальным градиентам. Время закрепить навыки!
https://htmlacademy.ru/courses/419/practice
Испытания доступны по подписке.
Если вы хотите бесплатно познакомиться с теорией про радиальные градиенты, то вам сюда:
https://htmlacademy.ru/demos/199
https://htmlacademy.ru/courses/419/practice
Испытания доступны по подписке.
Если вы хотите бесплатно познакомиться с теорией про радиальные градиенты, то вам сюда:
https://htmlacademy.ru/demos/199