Web разработка

​Lighthouse. Руководство по оптимизации сайтов для начинающих Быстрые сайты любят и пользователи, и поисковики. Проверить производительность сайта можно с помощью разных инструментов. Один из наиболее известных — Lighthouse от Google. Он не только тестирует сайт и показывает оценку производительности, но и даёт конкретные рекомендации: что можно улучшить, чтобы сделать сайт быстрее. В этой статье вы изучите базовые возможности Lighthouse, которые пригодятся каждому начинающему веб-разработчику: https://habr.com/ru/companies/htmlacademy/articles/585866/ #веб

​15 качеств, которые понадобятся разработчику веб-приложений Разработчику необходимы не только профессиональные знания, но и soft skills, то есть качества, помогающие работать в команде и более эффективно решать возникающие перед специалистом задачи. Список скиллов для построения успешной карьеры — в статье: https://habr.com/ru/companies/skillbox/articles/735772/ #советы

💸 Освой Spring и требуй повышения зарплаты! Готов начать? Пройди тест и проверь свои знания. Ответишь — пройдешь на продвинутый курс "Разработчик на Spring Framework" от OTUS по специальной цене + получишь доступ к записям открытых уроков курса. 👉 ПРОЙТИ ТЕСТ: https://otus.pw/STRHR/ Нативная интеграция. Информация о продукте www.otus.ru

Storage API как альтернатива cookies До появления HTML5 для хранения данных в браузере у нас были только файлы cookie. Но их использование имеет некоторые ограничения, например, размер cookie не может превышать 4 Кб. Преимущество Storage API состоит в размере хранилища (от 2 до 10 Мб, в зависимости от браузера), отсутствии необходимости обращаться к серверу и более интуитивной форме хранения данных. Об использовании Storage API читайте в статье: https://javascript.plainenglish.io/mechanisms-to-store-the-data-in-the-browsers-storage-api-d38eb521d741 #js @htmlcssjavas

​Игры для изучения программирования Игры традиционно ассоциируются с развлечениями, но геймификация может значительно улучшить способ усвоения информации. Появилось множество образовательных игр во многих областях, включая курсы программирования. Итак, давайте посмотрим, как именно геймификация помогает лучше учиться и какие игры могут помочь вам стать программистом: https://devby.io/news/games-it-learn #обучение

Попробуй себя в роли тестировщика! Забирай бесплатно курс по ИТ-профессии. Только сегодня 0 руб.!   Мы открыли бесплатный доступ только до конца дня! Обычно программа стоит 19,500₽.   По ссылке тебя ждёт обучение профессии тестировщик — это 7 дней получения необходимых навыков, полное погружение в специализацию и практика — решение реальных задач!   Успей получить курсы и попробовать себя в новой перспективной ИТ-профессии: ЗДЕСЬ Реклама ООО "ГикБреинс" erid: LjN8KbZ3B

​Создание часов с помощью новых тригонометрических функций CSS sin() и cos() В CSS появились новые функции, которые позволяют добавить кучу возможностей. Работают они пока что, правда, не везде, но тем не менее часть браузеров их уже поддерживает. В этой статье вы познакомитесь с тригонометрическими функциями CSS и даже создадите с помощью них первый проект: https://css-tricks.com/creating-a-clock-with-the-new-css-sin-and-cos-trigonometry-functions/ #css

WireMock — гибкий HTTP мок-сервер! Он облегчает создание и использование HTTP-моков для тестирования и разработки Отличный вариант для разработчиков, QA-инженеров и автоматизаторов, работающих над веб-приложениями и API

#css #tip by David Mraz Пример кастомных курсоров на CSS.

​Новый семантический элемент появился в HTML —<search> Он должен содержать элементы управления формой (например, ввод текста, выпадающие списки или кнопки). По сути, данный элемент представляет собой раздел документа, который используется для поиска или фильтрации. В этой статье рассматривается его реализация в HTML: https://alvaromontoro.hashnode.dev/new-html-element-search #html

​Видеокурс по продвинутому бэкенду на Node.js В этом видео вы узнаете, как создать масштабируемый бэкенд на Node.js с использованием фреймворка Nest.jsm PostgreSQL в качестве СУБД и Docker. Сохраняйте на будущее в закладках или смотрите прямо сейчас: https://youtu.be/dDeWWQWMM-Y #видео #бэкенд #nodejs

Добавление видео на фон с максимальной оптимизацией Видео в качестве бэкграунда используется не так часто и это понятно — сайт с таким фоном получается куда более «тяжёлым», чем с картинками или просто CSS-оформлением. Да и не всегда видео на фоне работает достаточно плавно. Если вы всё-таки хотите добавить такую особенность своему сайту, то вам пригодится эта статья. Здесь вы узнаете, как правильно оптимизировать видео, сделать отзывчивым и интерактивным без снижения производительности: https://blog.logrocket.com/optimizing-video-backgrounds-css-javascript/ #фронтенд

«Неочевидные возможности SVG в современном фронтенде» Константин Остров, руководитель отдела фронтенд-разработки в студии «Феникс», делится историей о том, как его команда преодолевала сложности с SVG и на какие грабли не стоит наступать вам. Вы узнаете: — о позиционировании объектов внутри SVG и о том, как им овладеть; — о внедрении динамических элементов внутрь SVG; — о расчете координат объектов вне box модели; — о возможности влиять на содержимое SVG средствами CSS и JS, ограничениях и способах решения; — о производительности SVG в вебе и о том, как ее можно улучшить. 📺 Смотреть

⏱ Пошаговый гайд по созданию часов с помощью недавно добавленных тригонометрических функций CSS sin() и cos(). Читать

Бесконечная прокрутка на сайте Бесконечная прокрутка — это функция, которая позволяет автоматически загружать новый контент при прокрутке вниз страницы. В статье рассматриваются различные способы реализации бесконечной прокрутки и даются советы по её оптимизации для улучшения пользовательского опыта. Если вы являетесь веб-разработчиком и хотите улучшить функциональность своего веб-сайта, то данная статья будет полезна для вас: https://evgeniiray.medium.com/infinite-scrolling-in-web-ultimate-guide-b698124b3172 @htmlcssjavas

​Десять советов по улучшению CSS-переходов и анимации Одни анимации и переходы только украшают приложение — другие делают его хуже. Пользователи могут не понимать, что такого особенного в переходах или анимации, но они могут чётко определить разницу между хорошим и плохим. Как избежать негативных отзывов при создании собственных виджетов? В этой статье автор собрал советы и рекомендаций для CSS анимаций : https://joshcollinsworth.com/blog/great-transitions #css

Хотите быть в курсе самых свежих и актуальных вакансий в сфере ИТ? Мы ежедневно публикуем только лучшие вакансии для программистов, тестировщиков, аналитиков, разработчиков и других ИТ-специалистов. — Javist_Jobs — Gollang_Jobs — Pythonist_Jobs — DevOpsSRE_Jobs — SysAdmins_jobs Тогда присоединяйтесь к нашим Telegram-каналам!

​Браузерные игры, которые помогут легко изучить CSS 1. Flexbox Froggy — с помощью подсказок нужно помочь группе лягушек добраться до их кувшинок. На каждом уровне нужно выбрать какое свойство CSS использовать. 2. CSS Diner — в игре даётся таблица блюд, HTML форма и таблица с элементами. Игроку нужно подготовиться к ужину и разместить все предметы. Эта игра отлично подойдёт для изучения CSS селекторов. 3. Flexbox Defense — классическая игра жанра Tower Defense. Вам нужно отбить свою базу от врагов, расставляя защитные башни с помощью знаний в CSS. #css

Советы, которые помогут увеличить скорость загрузки страницы Ни для кого не секрет, что на скорость страницы влияет множество факторов. Однако сделать сайт быстрым и удобным для пользователей — актуальная задача для любого разработчика. Для начала можно улучшить скорость загрузки страницы оптимизируя HTML-код и CSS-файлы. В этой статье автор собрал несколько советов, которые помогут улучшить производительность страницы только за счёт CSS и HTML: https://levelup.gitconnected.com/html-css-features-tips-for-a-10x-fast-page-loading-speed-5fb6c2d88df8 #html #css