Поиск с конца массива в 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
HTML Academy и ClickOn стали партнёрами! Выпускники совместной программы обучения смогут трудоустроиться в компанию.
Подробнее о совместной программе: tml.io/joint-clickon
Digital-агентство ClickON открылось в 2004 году. Основное направление работы: веб для бизнеса. У нас около двух сотен клиентов, в основном волгоградские и московские предприятия. В активе несколько патентов на программные продукты, государственная аккредитация с 2011 года, отдельные отраслевые решения. Мы отмечены в рейтингах страны и как разработчик-создатель, и как компания, занимающаяся продвижением сайтов.
#работодателиhtmlacademy
Подробнее о совместной программе: tml.io/joint-clickon
Digital-агентство ClickON открылось в 2004 году. Основное направление работы: веб для бизнеса. У нас около двух сотен клиентов, в основном волгоградские и московские предприятия. В активе несколько патентов на программные продукты, государственная аккредитация с 2011 года, отдельные отраслевые решения. Мы отмечены в рейтингах страны и как разработчик-создатель, и как компания, занимающаяся продвижением сайтов.
#работодателиhtmlacademy
CSS Grid оживает: теперь анимируем без костылей!
С апреля 2025-го CSS Grid официально поддерживает плавные анимации сетки — grid-template-columns и grid-template-rows больше не требуют JavaScript и трансформаций. В статье разбираем, как использовать новую возможность грамотно и без ущерба производительности.
Читайте и тестируйте — это станет вашим регулярным механизмом при разработке современных интерфейсов:
👉 https://htmlacademy.ru/blog/css/grid-animation
С апреля 2025-го CSS Grid официально поддерживает плавные анимации сетки — grid-template-columns и grid-template-rows больше не требуют JavaScript и трансформаций. В статье разбираем, как использовать новую возможность грамотно и без ущерба производительности.
Читайте и тестируйте — это станет вашим регулярным механизмом при разработке современных интерфейсов:
👉 https://htmlacademy.ru/blog/css/grid-animation
Как управлять формами в Angular без хаоса
В статье разбираем, как работают
Если собираете формы вручную — это поможет избежать багов и выгорания. Если уже используете реактивный подход — добавим уверенности и пару хороших приёмов.
👉 https://htmlacademy.ru/blog/js/angular-form-group
В статье разбираем, как работают
FormControl и FormGroup — фундамент реактивных форм в Angular. Показываем, как связать шаблон и логику, упростить валидацию и типизировать поля, чтобы код оставался чистым и масштабируемым.Если собираете формы вручную — это поможет избежать багов и выгорания. Если уже используете реактивный подход — добавим уверенности и пару хороших приёмов.
👉 https://htmlacademy.ru/blog/js/angular-form-group
This media is not supported in your browser
VIEW IN TELEGRAM
Выпустили 10 испытаний средней сложности по радиальным градиентам. Продолжаем закреплять навыки!
https://htmlacademy.ru/courses/419/practice
Испытания доступны по подписке.
Если вы хотите бесплатно познакомиться с теорией про радиальные градиенты, то вам сюда:
https://htmlacademy.ru/demos/199
https://htmlacademy.ru/courses/419/practice
Испытания доступны по подписке.
Если вы хотите бесплатно познакомиться с теорией про радиальные градиенты, то вам сюда:
https://htmlacademy.ru/demos/199
HTML Academy и Garage Eight стали партнёрами! Выпускники совместной программы обучения смогут трудоустроиться в компанию.
Подробнее о совместной программе: tml.io/joint-garage-8
Garage Eight — международная продуктовая IT‑компания, которая строит экосистему инвестиционных сервисов. Мы выросли из стартапа до компании с командой 280+ человек, сохранив легкость в принятии новых решений. В 2025 году у наших продуктов сотни тысяч активных пользователей в 183 странах.
#работодателиhtmlacademy
Подробнее о совместной программе: tml.io/joint-garage-8
Garage Eight — международная продуктовая IT‑компания, которая строит экосистему инвестиционных сервисов. Мы выросли из стартапа до компании с командой 280+ человек, сохранив легкость в принятии новых решений. В 2025 году у наших продуктов сотни тысяч активных пользователей в 183 странах.
#работодателиhtmlacademy
Прямой эфир с лидом фронтенд-разработки компании Garage Eight
HTML Academy и Garage Eight запускают совместную программу «Обучение под работодателя»: учитесь в малой группе, прокачиваете требуемые навыки и получаете шанс пройти стажировку в команде Garage Eight после окончания программы.
Приходите на прямой эфир 18 июня в 12:00, чтобы:
– Узнать, как в Garage Eight устроен процесс профессионального роста — от новичка до лида.
– Разобраться, с какими задачами и технологиями работают новые сотрудники с первого дня.
– Понять, как проходит путь от обучения до стажировки и работы: индивидуальный план, менторство, оплачиваемая стажировка.
– Обсудить, как в компании выстраивается поддержка, обратная связь и командная работа.
⭐️ Зарегистрируйтесь по ссылке — мы напомним вам о трансляции.
HTML Academy и Garage Eight запускают совместную программу «Обучение под работодателя»: учитесь в малой группе, прокачиваете требуемые навыки и получаете шанс пройти стажировку в команде Garage Eight после окончания программы.
Приходите на прямой эфир 18 июня в 12:00, чтобы:
– Узнать, как в Garage Eight устроен процесс профессионального роста — от новичка до лида.
– Разобраться, с какими задачами и технологиями работают новые сотрудники с первого дня.
– Понять, как проходит путь от обучения до стажировки и работы: индивидуальный план, менторство, оплачиваемая стажировка.
– Обсудить, как в компании выстраивается поддержка, обратная связь и командная работа.
Please open Telegram to view this post
VIEW IN TELEGRAM
HTML Academy
Прямой эфир с лидом фронтенд-разработки компании Garage Eight HTML Academy и Garage Eight запускают совместную программу «Обучение под работодателя»: учитесь в малой группе, прокачиваете требуемые навыки и получаете шанс пройти стажировку в команде Garage…
Please open Telegram to view this post
VIEW IN TELEGRAM
HTML Academy
Я сам пришёл в Garage Eight джуном, а сейчас руковожу фронтендом
Утром к нам на эфир заглянул Денис Радченко, лид фронтенда в Garage Eight — международная продуктовая IT-компания, которая создаёт цифровые экосистемы для клиентов из Азии, Европы, Латинской Америки и Африки. Обсудили, как устроена компания, какие задачи решают разработчики и как попасть на оплачиваемую стажировку.
Особое внимание уделяется современному стеку: компания переходит с Vue.js на React и TypeScript, активно использует Canvas и WebGL для сложных графиков, а все решения обсуждаются внутри команды. Можно напрямую узнать, как принимаются технологические решения и почему обновления и единый стек стали важной частью культуры.
Как попасть в Garage Eight и что ждёт внутри? Ответы есть в записи эфира — выбирайте площадку и смотрите.
Смотреть запись в VK | Смотреть запись на YT | Программа обучения
Утром к нам на эфир заглянул Денис Радченко, лид фронтенда в Garage Eight — международная продуктовая IT-компания, которая создаёт цифровые экосистемы для клиентов из Азии, Европы, Латинской Америки и Африки. Обсудили, как устроена компания, какие задачи решают разработчики и как попасть на оплачиваемую стажировку.
Особое внимание уделяется современному стеку: компания переходит с Vue.js на React и TypeScript, активно использует Canvas и WebGL для сложных графиков, а все решения обсуждаются внутри команды. Можно напрямую узнать, как принимаются технологические решения и почему обновления и единый стек стали важной частью культуры.
Как попасть в Garage Eight и что ждёт внутри? Ответы есть в записи эфира — выбирайте площадку и смотрите.
Смотреть запись в VK | Смотреть запись на YT | Программа обучения