Коллеги, давайте все задачи уже после майских. Потому что на майских позанимаемся веб-разработкой на майском челлендже. За 10 дней вы выучите основы вёрстки на HTML и CSS и программирования на JavaScript и PHP. Если вы уже что-то умеете — структурируете, если ещё не умеете — сам Тим Бёрнерс-Ли велел (возможно, мы не проверяли). Главный приз — бесплатное обучение на курсе «HTML и CSS. Профессиональная вёрстка сайтов». На него претендуют все участники, дошедшие до конца. Подробности под…
Подробнее
Дайджест новостей из мира фронтенд-разработки за последнюю неделю 18 — 24 апреля 2022. Появились первые рабочие черновики WebAssembly Core Specification 2.0 — стандарт, описывающий безопасный низкоуровневый код, WebAssembly JavaScript Interface 2.0 — стандарт взаимодействия API JavaScript с WebAssembly и WebAssembly Web API 2.0 — стандарт интеграции WebAssembly с остальной веб-платформой. Chromium начинает экспериментальное прототипирование CSS Toggles. CSS Toggles - декларативный…
Подробнее
На самом деле чуть больше 😍. Все главные новости из мира Joomla с момента выхода предыдущего дайджеста 30 ноября 2021 года в одной статье. Традиционно наш дайджест обозревает новости, расширения, шаблоны и статьи из мира Joomla. Прошлый выпуск вы можете прочитать здесь. Читать далее
Подробнее
Дайджест новостей из мира фронтенд-разработки за последнюю неделю 11 — 17 апреля 2022. Читать далее
Подробнее
Считается, что самый простой способ начать карьеру в ИТ — стать тестировщиком. Есть и другое направление: его относительно просто освоить на базовом уровне, но оно открывает большие перспективы. Речь о веб-разработке. Только на hh.ru постоянно открыто окло 2000 вакансий для таких специалистов. Мы собрали несколько бесплатных курсов и лекций для начинающих. Читать далее
Подробнее
Каждый день сайтом SuperJob пользуется более миллиона людей. Как построить архитектуру фронта, чтобы приложение загружалось быстро и при этом выполняло требования поисковой оптимизации? Как мы можем это измерить? Значительно повысить производительность можно при помощи серверного рендеринга, но какая будет цена у такой оптимизации? Какой инструмент выбрать — готовую библиотеку или собственное решение? Какие ограничения в дальнейшем могут быть вызваны выбором того или иного подхода? На
Подробнее
Анимация — это переход элемента от одного состояния к другому. Пользователям нравится, когда на сайте что-то вращается, появляются новые элементы или происходит что-то неожиданное. Если на сайте много таких «вау-эффектов», он может стать вирусным или получить какую-нибудь премию, например, Awwwards. Чаще всего дизайнер отрисовывает анимацию в специальной программе, например, After Effects, и присылает верстальщику видео, по которому нужно повторить анимацию. А вот как реализовать эту идею
Подробнее
Дайджест новостей из мира фронтенд-разработки за последнюю неделю 5—11 апреля. Спецификации Опубликован первый рабочий черновик (First Public Working Draft) Region capture. Последний призыв к рассмотрению предлагаемых изменений в Media Queries Level 3. W3C приглашает к реализации WebXR Device API. Спецификации preload становится отключенным черновиком (Discontinued Draft), чтобы продолжить развитие в HTML living standard. Письмо генерального директора W3С к 33-й годовщине…
Подробнее
Кажется, почти все на Хабре сталкивались с HTML и CSS, даже если не занимаются этим на работе. Ну знаете, все эти «сделай кнопку покруглее», «сделай текст более красненьким», или кому-то из друзей сайт собрать. Авторы статей сталкивались с редактором Хабра (особенно старым). Или вот, например, наш выпускник, бывший системный администратор, пишет: Когда я работал сисадмином, однажды со словами «Тыжпрограммист, помоги!» ко мне обратился друг, которому нужен был интернет-магазин. Я кое-как…
Подробнее
Привет всем! Сегодня хотелось бы затронуть тему SEO оптимизации, как ее проводить, для чего и что для этого надо. Как ни как, сейчас это один из мощных инструментов для жизни веб-сайта или приложения. Читать далее
Подробнее
Привет, Хабр! Меня зовут Анатолий Долгов и я frontend-разработчик международной команды Учи.ру. Сегодня я расскажу, как мы успешно синхронизировали параметры дизайна и кода. Это упростило многие рабочие моменты, уменьшило количество неприятных ошибок и сделало нас ближе к внедрению полноценной дизайн-системы. Читать далее
Подробнее
5 причин для того чтобы использовать Bulma в вашем следующем проекте. Bulma это open-source, адаптивный и легковесный CSS фреймворк базирующийся на flexbox сетке. Этот новый фреймворк уже завоевал сердца многих разработчиков. Итак, в этой статье, я расскажу о пяти причинах, почему разработчики любят Bulma. Читать далее
Подробнее