Код надо писать так, чтобы, во-первых, с ним, в будущем, удобно было бы работать другим программистам, включая его автора, а во-вторых  —  с учётом возможности расширения этого кода. То есть, нужно стремиться к тому, чтобы в приложение сравнительно просто было бы добавлять новые возможности, и чтобы его кодовую базу было бы удобно сопровождать.

В этой статье приводится ряд рекомендаций по написанию качественного кода, проиллюстрированных примерами на JavaScript.

7 рекомендаций по оформлению кода на JavaScript

#js #style

Как и все вы, я достаточно часто использую YouTube. Музыка, научно-популярные передачи, просмотр роликов для релакса — все это можно найти на сервисе. Ну а поскольку он хорошо знаком всем нам, я попытался наглядно показать способ улучшить взаимодействие человека и платформы.

Как улучшить интерфейс на примере YouTube

#ux #ui #design

Разработчик из Канады опубликовал пост, в котором поделился соображениями о необоснованном нагромождении современных сайтов.

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

Bullshit Web

#news

​​План, показывающий пути, которые нужно пройти, а также библиотеки, которые вам нужно изучить, чтобы стать разработчиком React.

Цель этого плана — дать вам общее представление о том, как стать React-разработчиком. Автор сделал эту схему в качестве подсказки для всех, кто спрашивает: «Что мне стоит изучить ещё в качестве React-разработчика?»

План становления React-разработчиком

#react #roadmap

Автору статьи хотелось по-настоящему понять, в чём заключается разница между React и Vue.

Для проведения эксперимента создано два довольно стандартных To-Do-приложения, которые позволяют пользователю добавлять элементы в список дел и удалять их из него. Оба приложения разработаны с использованием стандартных CLI.

Сравнение Vue и React

#vue #react

​​Tooltipster — библиотека для создания всплывающих подсказок на сайте. Огромное множество конфигураций для кастомизации.

Вот так просто создается всплывающая подсказка:
<p class="tooltip" title="Hello world!">Some text</p>

Демо | GitHub

#tooltip #jquery

Что будет выведено в консоль?

Правильный ответ: 4.
Знак ' - ' делает преобразование в число и true становится 1.

​​Google проводит конкурс на лучшие кейсы использования material design. Если Ваш продукт оформлен по сим гайдлайнам, так почему бы не оставить заявку? Кто знает, может быть Вы будете в списке победителей, который будет оглашен осенью этого года. Время еще есть!

Open call for 2018 Material Design Award nominations

Ключевое слово this. Тем, кто хочет изучить JavaScript, в любом случае придётся разобраться с this. Этот материал направлен на то, чтобы всем желающим в этом помочь.

Ключевое слово this в JavaScript

#article #js

​​Knob — это jQuery плагин, который превращает обычные инпуты в красивые "диски". В этом плагине используется canvas и все элементы можно кастомизировать под свои нужды. Советую взглянуть на демо.

Демо | GitHub | Tutorial

#jquery #input

Области видимости в JavaScript всегда были непростой темой, особенно в сравнении с более строго организованными языками, такими, как C и Java. В ECMAScript 6 появились некоторые новые возможности, которые позволяют разработчикам лучше контролировать области видимости переменных.

Когда использовать ключевые слова let и const? Как они себя ведут? В каких ситуациях всё ещё актуально ключевое слово var?

Var, let или const? Проблемы областей видимости переменных

#js #article

Что такое Big Data?

В русскоязычной среде используется как термин Big Data, так и понятие «большие данные». Термин «большие данные» — это калька англоязычного термина. Большие данные не имеют строгого определения. Нельзя провести четкую границу — это 10 терабайт или 10 мегабайт? Само название очень субъективно. Слово «большое» — это как «один, два, много» у первобытных племен.

Читать статью полностью

Не будем ходить вокруг да около, скажем прямо: процесс написания хорошего CSS-кода может быть очень и очень тяжёлым. Многие разработчики не хотят связываться со стилями. Они готовы заниматься всем, чем угодно, но только не CSS.

От этого никуда не деться. В наши дни огромное внимание уделяется дизайну, и тому, что называют «UX», а без CSS тут никак не обойтись. Цель этого материала — помочь всем желающим улучшить свои навыки в разработке и применении стилей веб-страниц.

Пишем CSS лучше и красивее

#css #scss

TypeScript 3.0! Да, он вышел, и в нем по-настоящему много нововведений. В статье вы найдете подробное описание всех новинок последней версии, среди которых режим build, новый тип unknown, значительные изменения в API, улучшения производительности и многое другое.

TypeScript 3.0

#ts #news

​​Pickadate.js — это jQuery плагин, который создает адаптивные виджеты выбора даты и времени. Очень легко использовать и кастомизировать, работает на мобильных устройствах.

Демо | GitHub

#datepicker #jquery

JavaScript, определённо, обладает настоящим даром ко всякого рода издевательствам, и с ним в этой области очень непросто тягаться другим языкам. Если вы пишете код, с которым нужно будет работать другим людям, JS даёт вам неисчерпаемое количество возможностей для того, чтобы этих людей раздражать, путать, всячески изводить и обманывать.

JavaScript как воплощение зла

#js #article

В наши дни веб-сервисы постоянно подвергаются самым разным атакам. Поэтому безопасность - это то, о чём стоит помнить на всех этапах жизненного цикла проектов.

В этом материале, посвящённом безопасности, собрано более двух десятков рекомендаций, касающихся Node.js, и некоторые советы общего характера.

23 рекомендации по защите Node.js приложений

#nodejs #security

Статья о том, как получить средний цвет фотографии и как это можно использовать при верстке.

Средний цвет в JavaScript

#js #article

Приходилось ли Вам писать что-то, за что Вы сами себя ненавидели? Вы понимали, что так делать плохо и некрасиво, но обстоятельства (требования заказчика, например) были сильнее Вас? У некоторых такое бывало. Как разработчики комментируют такой код?

Комментарии в коде как способ самовыражения

#article #humor