WebDEV

Как сделать кнопку такой, чтобы на нее захотелось нажать? 🤔 ⚡️Приглашаем 25 мая в 20:00 мск на бесплатный вебинар «Использование псевдоэлементов для создания интересных анимаций кнопок» в OTUS! 📚На вебинаре с Марией Коршуновой, веб-разработчиком с опытом более 10 лет мы разберем тему использования псевдо элементов для создания анимаций кнопок и как с помощью обычного CSS сделать это нажатие интересным или даже интригующим. 👉🏻Регистрация на вебинар

WebDEV #test #css Выберите правильный вариант 👇🏼

🔥 Лучшее на канале за неделю 1. Инициализация массивов. 2. Exercism помогает достичь свободного владения 55 языками программирования. 3. Ошибка: Pixel Perfect? Не, не слышал.

💡 Инициализация массивов Инициализировать массив — значит сказать программе, что перед ней массив и с ним необходимо поработать. Инициализация пустого массива

 a = []; // Инициализировать пустой массив

Инициализация массива со значениями

 a = [1, 2, 3]; // Инициализировать массив с числами 1, 2, 3

Вариант аналогичный var a = [1, 2, 3]

 a = Array.of(1, 2, 3); // Аналогично инициализации массива var a = [1, 2, 3];

Инициализировать массив из шести элементов и заполнить его единицами

 a = Array(6).fill(1); // инициализировать массив из шести элементов и заполнить его единицами

WebDEV #советы #coding #js

.

Хабр теперь в Telegram! Подписывайтесь: @habr_tg

🛠 Exercism помогает достичь свободного владения 55 языками программирования. Сайт также предоставляет забавные упражнения по кодингу, которые помогут понять концепции языка. WebDEV #инструменты

💡 Ошибка: Pixel Perfect? Не, не слышал О Pixel Perfect часто забывают (кстати, не только новички). С одной стороны, верстальщик почти всегда действует, опираясь на макет, с другой — немножко от этого макета отступает. В процессе работы над проектом какие-то компоненты могут меняться местами, от каких-то отказываются, появляются новые и т.п. Размеры элементов могут немного меняться в зависимости от контента (см. переполнение и предельные значения). В конце концов, дизайнер может допустить ошибку при выравнивании элементов по сетке. Все это — адекватные причины, чтобы локально отказаться от pixel perfect и верстать «по ситуации». В идеале каждое отступление от макета должно быть задокументировано. В случаях, когда нет причин отклоняться от макета, стоит четко ему следовать (помочь в этом может, например, расширение для Chrome — Pixel Perfect). WebDEV #советы #вёрстка #html #css #web

WebDEV #test #html Выберите правильный вариант 👇🏼

🔥 Лучшее на канале за неделю 1. Web Security for Developers. 2. Ace Front End предлагает практические задачи на написание кода с подробным объяснением идеального решения для собеседования. 3. Ошибка: уделять недостаточно внимания графике.

🛠 Ace Front End предлагает практические задачи на написание кода с подробным объяснением идеального решения для собеседования. WebDEV #инструменты #frontend

💡 Ошибка: уделять недостаточно внимания графике ▍Часть 2 Контентные изображения, например, фото товара, — главная причина большого веса сайтов. На десктопах (особенно на экранах с большой плотностью пикселя) нам нужны изображения в большом разрешении. Их вес обычно не вызывает проблем, т.к. в основном десктопы используют высокоскоростные подключения с неограниченным трафиком. Пользователи мобильных устройств же вынуждены выкачивать лишние мегабайты изображений. А если у них низкая скорость передачи данных, бывают обрывы? Получаем не очень довольных пользователей. Остается только надеяться, что они не в роуминге. Эту ситуацию легко исправить с помощью атрибута scrset у <img> или с помощью тега <picture>. Постепенно поддержка этих возможностей становится лучше, а для старых браузеров есть полифил. Для подробного ознакомления с техникой поставки разных контентных изображений для разных устройств советуем бесплатный курс «Responsive images» от Udacity. WebDEV #советы #вёрстка #html #css #web

🚀MongoDB — самая популярная NoSQL-база данных. Её используют многие крупные компании, работающие с большими данными: Google, Twitter, Forbes и другие. MongoDB присущи кроссплатформенность, высокая скорость разработки, простота по сравнению с SQL и легкая масштабируемость. Знание этой БД выделит вас среди коллег и повысит вашу ценность на рынке труда. Освоить систему поможет онлайн-курс «MongoDB» от OTUS. 👉🏻ПРОЙТИ ТЕСТ ПО MONGO: https://otus.pw/P27d/ 📌Хотите протестировать учебный процесс заранее? Регистрируйтесь на бесплатный вебинар «Варианты установки MongoDB» — СЕГОДНЯ, 5 мая в 20:00 мск: https://otus.pw/RQhY/

📖 Web Security for Developers 🖋 Malcolm McDonald, 2020 Начинающего разработчика легко обескуражить трудностями, связанными с должной защитой веб-сайта. К счастью, инструменты, необходимые для защиты сайта, находятся в свободном доступе и, как правило, просты в использовании. Данная книга покажет вам, как ваши веб-сайты уязвимы для атак и как их защитить. В каждой главе описывается основная уязвимость системы безопасности и исследуется реальная атака, а также большое количество кода, показывающего и уязвимость, и исправление. 💾 Скачать книгу WebDEV #book #web #security

Хотите научиться делать один из самых популярных элементов анимации? 🤔 ⚡️Приглашаем 11 мая в 20:00 мск на открытый урок «Анимация модального окна сайта: основы и полезные фишки» в OTUS. Вместе с Марией Коршуновой, экспертом с опытом более 10 лет в сфере веб-разработки, мы потренируемся в анимации модального окна его открытия и закрытия, чтобы сделать элемент отличным от большинства сайтов. Урок дает возможность предварительно попробовать новый онлайн-курс «Веб-анимации». 👉🏻Регистрация на вебинар: https://otus.pw/5GS6/

💡 Ошибка: уделять недостаточно внимания графике ▍Часть 1 Графику обычно делят на 3 части: иконки, изображения контента, фоновые изображения. С фоновыми изображениями у новичков обычно проблем не возникает, а вот с иконками и контентными изображениями все не так хорошо. Сегодня стоит предпочесть svg-спрайты иконочным шрифтам, если нет требований к поддержке совсем старых версий IE. Подробное сравнение двух подходов можно прочитать тут #1 и тут #2. SVG-спрайт тоже можно кешировать, т.е. можно ссылаться на внешний файл, если набор иконок большой и повторяется от страницы к странице. Для кешируемых спрайтов есть полифил, добавляющий поддержку в IE. А в одностраничных приложениях спрайт обычно добавляется в базовый шаблон. WebDEV #советы #вёрстка #html #css #web

WebDEV #test #html Выберите правильный вариант 👇🏼