Метка: javascript

Рубрики
Верстальщику

Изучаем React

Учиться никогда не поздно

Квинтилиан

Это точно, а учиться React, для фронтенд разработчика сейчас, если не поздно, то самое время. Принимая во внимания тенденции современной фронтенд разработки, с компонентным подходом и ведущей ролью JavaScript, React кажется наиболее стоящей технологией для фронтендера.

Не всегда есть время с головой окунуться в непосредственное изучение мануалов и монографий по тому или иному фреймворку, чаще хочется попробовать технологию с помощью неких «квикстартов», и потом, если это то, что вам нужно, погружаться глубже.

Именно для этих целей, как нельзя лучше подходят видео-уроки. В них вам наглядно показывают азы работы с технологией. Это позволяет быстро понять суть и усвоить основы. Сегодня я хотел бы поделиться несколькими бесплатными видео-курсами по React, которые у меня в подписке на изучение.

Продолжить чтение «Изучаем React»
Рубрики
Верстальщику Полезные книги

Что почитать фронт-энд разработчику?

Решил поделится парой книг, которые сейчас читаю по профессиональной тематике.

Первая, считаю, одно из главных, если хотите разобраться, как работает фронт-энд и как заставить его работать лучше. Книга Ильи Григорика High Performance Browser Networking. Книгу можно почитать онлайн бесплатно на сайте издательства O’Reilly.

Вторая книга — Паттерны для масштабируемых JavaScript-приложений, которую написал никто иной, как Эди Османи. Думаю, найдется мало фронтендеров, которым не знакомо это имя. И, опять-таки, книга доступна свободно, как для чтения онлайн, так и загрузки, более того, есть на русском.

Вот и все. Сегодня кратко и по делу. Приятного, вам, чтения.

Рубрики
Drupal Верстальщику

Понимание JavaScript behaviors в Drupal

Для разработчика тем Drupal не секрет, что он имеет в своем арсенале механизм JavaScript behaviors, который при умелом использовании значительно улучшит структуру и модульность JavaScript вашей темы или модуля. Ниже я предлагаю вам для ознакомления перевод оригинальной статьи Understanding JavaScript behaviors in Drupal, в котором, возможно, вы найдете для себя то, чего вы еще не знали о behaviors в Drupal. Итак, приступим.

Продолжить чтение «Понимание JavaScript behaviors в Drupal»
Рубрики
Верстальщику

Производительный способ размещения социальных кнопок

Сервисы для внедрения социальных кнопок на сайт вещь безусловно удобная, классная, но… Как правило, размещая подобные скрипты на своем сайте, чтобы вывести панель с социальными кнопками для пользователя, вы подгружаете довольного большой объем сервисного JavaScript, что негативно сказывается на производительности фронтэнда вашего сайта. Если производительность для вас важнее некоторых «фишек», которые предоставляют сервисы для социального шаринга, то можно подойти к вопросу размещения социальных кнопок на сайте правильно. Ниже рассмотрим, как именно.

Продолжить чтение «Производительный способ размещения социальных кнопок»
Рубрики
Верстальщику

Как определить реальные масштабы изображения в JavaScript

Отзывчивый дизайн прекрасная вещь. Сайты с легкостью адаптируются под устройство, в том числе и загружаемые пользователем изображения. Сегодня, когда уже может свободно использоваться в разработке все-таки случаются ситуации, когда мы просто масштабируем загруженное изображение.

Как правило в таких ситуациях мы загружаем изображение не указывая размеров:

<img id="myimage" src="myimage.jpg" alt="my image" />

Картинка загрузиться с исходными размерами и нам надо всего-лишь добавить немного CSS чтобы она вела себя отзывчиво:

#myimage {
  max-width: 100%;
}

Но часто бывает так, что нам приходится манипулировать размерами изображения с помощью JavaScript. В таких ситуациях нам нужно определить реальные ширину и высоту для изображения. Но свойства width и height будут возвращать измененные в зависимости от viewport размеры:

Продолжить чтение «Как определить реальные масштабы изображения в JavaScript»