Логово верстальщика

​​😎Как стать Senior Front-End разработчиком. Советы из личного опыта Автор - Senior Front-End разработчик в компании Genesis. В этой статье поделится своим опытом, который будет полезен как начинающим разработчикам, так и тем, кто уже имеет определенный опыт в front-end разработке. Читать...

​​⚡Адаптивная вёрстка: что это и как использовать Адаптивная вёрстка меняет дизайн страницы в зависимости от поведения пользователя, платформы, размера экрана и ориентации девайса и является неотъемлемой частью современной веб-разработки. Она позволяет существенно экономить и не отрисовывать новый дизайн для каждого разрешения, а менять размеры и расположение отдельных элементов. В этой статье будут рассмотрены основные элементы сайта и способы их адаптации. Читать...

​​😎Как освоить фронтенд-разработку в 2022 году: дорожная карта В статье рассматривается путь изучения технологий, для того чтобы стать frontend-разработчиком. Так же авторы попросили поделиться опытом в области фронтенд-программирования Читать...

​​😎Как рисовать красивые соединения с помощью SVG В статье автор покажет как нарисовать красивые плавные соединения взаимодействия различных объектов Читать...

​​🔥Реализация мемоизации в JavaScript Мемоизация является частным случаем кэширования. К кэшу может относиться любое сохранение данных для будущего переиспользования, в то время как мемоизация относится к кешированию результата вызова функции. В общем, это просто способ оптимизации кода наших программ. В статье автор автор самостоятельно с нуля разработает мемоизацию в JS Читать...

​​😎Рисуем верёвку в формате SVG при помощи JavaScript Автор раскажет вам о процессе, который он придумал для преобразования SVG-контура в векторный рисунок верёвки. Стоит учесть, что это не туториал по кодингу, а подробный обзор каждого из этапов. Но не беспокойтесь, код полностью доступен Читать...

​​😲Разрабатываем полезное браузерное расширение легким движением руки В этом небольшом туториале мы с вами разработаем простое, но полезное расширение для браузера с помощью Plasmo. Читать...

​​👌Современный способ глубокого клонирования объектов в JavaScript А вы знали, что теперь в JavaScript есть нативный способ делать глубокие копии объектов? Со статьи узнаете, как это стало возможным с помощью функции structuredClone, встроенной в среду выполнения JavaScript. Читать...

​​🛢️Сборка мусора в JS Управление памятью в JavaScript выполняется автоматически и незаметно. Мы создаём примитивы, объекты, функции… Всё это занимает память. В этой статье узнаете, что происходит, когда что-то больше не нужно и как движок JavaScript обнаруживает, что пора очищать память. Читать...

​​👌Принятие решений в вашем коде — условные конструкции Во многих языках программирования код должен иметь возможность принимать решения на основе введённых пользователем данных. Например, в игре, если у пользователя осталось 0 жизней, то игра завершается. В этой статье вы рассмотрите как в JavaScript работают так называемые "условия". Читать...

​​😎Отладка HTML Написать HTML код это, конечно, здорово, но как понять, где ошибка, когда что-то не работает? И так, в этой статье узнаете несколько инструментов, которые помогают искать и исправлять ошибки в HTML. Читать...

😋5 Забавных API для проектов JavaScript API-интерфейсы позволяют разработчикам экономить время, используя преимущества реализации платформы для выполнения некоторых полезных задач. Это также помогает сократить количество строк кода. В этой статье вы рассмотрите некоторые полезные API, которые вы можете использовать в ваших проектах JavaScript. Давайте сразу же перейдем к делу. Читать...

Лучшие способы изучения JavaScript Возможно, это преувеличение, что JavaScript – это ближайший друг разработчика, но без него жизнь была бы намного сложнее. Вероятность того, что разработчику не придется изучать или использовать JavaScript в какой-то момент своей карьеры, минимальна или вообще отсутствует! В этой статье описана горстка наиболее эффективных подходов для начинающих изучать JavaScript. Читать...

​​Начало работы с HTML  В этой статье автор расскажет о том, как быстро и просто можно будет прокачать свой HTML-код. Читать...

​​Полезный фреймворк для CSS Tailwind — простой, но очень полезный фреймворк для CSS, который поможет упростить вашу работу.

​​Как экспортировать код CSS  В этой статье автор расскажет о том, как правильно экспортировать CSS-код для макета в Illustrator.  Читать...

​​Что такое CSS: синтаксис, примеры, особенности, методологии В этой статье автор расскажет о малоизвестных фишках и советах для работы с CSS.  Читать...

​​Простой фреймворк для HTML Bootstrap — это бесплатный и открытый исходный код фреймворк, который позволяет быстро и легко создавать красивые, адаптивные и мобильные сайты. Он включает в себя набор готовых CSS-стилей и JavaScript-компонентов, которые можно использовать для построения интерфейсов.

​​🔥Тест по JavaScript от OTUS 🔥 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе - «JavaScript Developer. Professional» 👉 ПРОЙТИ ТЕСТ https://otus.pw/vu0e/ 💣 Пройдете тест и получите: ✔️ Живое общение с экспертами JavaScript-сообщества ✔️Получите видео-курс по Git в подарок ✔️ Лучшие открытые уроки прошлых наборов курса ✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+ ✔️ Скидку на прохождение онлайн курса «JavaScript Developer. Professional» Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

​​Полезный плагин для CSS Bulma — отличная альтернатива Bootstrap с современным кодом и уникальной эстетикой. Инструментарий отличается простым синтаксисом, изобилует готовыми компонентами, к тому же его легко импортировать в проекты.