Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Фронтенд-разработчику: 7 основных принципов дизайна

Блог компании RUVDS.com Разработка веб-сайтов *Дизайн
Перевод
Я занимаюсь разработкой фронтенда. Мне часто приходится слышать такой вопрос: «Надо ли мне изучить дизайн для того, чтобы стать фронтенд-разработчиком?».

Прежде чем я отвечу на этот вопрос — мне хотелось бы, чтобы читатели, которые тоже им задаются, понимали, что во многих компаниях есть собственные UX/UI-дизайнеры. Они рисуют интерфейсы, делают макеты, а программисты при этом занимаются исключительно своим делом. Задача программистов заключается в том, чтобы вдохнуть жизнь в макет страницы, сделать его интерактивным.

Но что если в вашей компании дизайнера нет? Что если вы самостоятельно занимаетесь каким-то своим проектом в свободное от работы время? А то, что в компании есть дизайнер, ещё не значит, что он всегда к вашим услугам. Дизайнеры обычно сильно загружены — как текущей работой, так и внесением поправок в то, что они уже сделали. В результате, можно сказать, что программист не может постоянно «цепляться» за дизайнера, например, в случаях, когда речь идёт о незначительных изменениях дизайна веб-страницы. А если вы что-то умеете в сфере дизайна — это пригодится и вам, и вашей команде.



И учтите — я не говорю, что вы, программист, должны быть ещё и дизайнером. Не говорю я и о том, что вы должны стремиться к тому, чтобы вашего штатного дизайнера заменить. Я пытаюсь донести до вас мысль, в соответствии с которой некоторые навыки дизайна, если вы их освоите, вам совсем не повредят. И, определённо, полезно развивать у себя креативный взгляд на вещи и чувство прекрасного.

Здесь я собираюсь рассказать о 7 основных принципах дизайна, следование которым позволит вам создавать привлекательные интерфейсы и приложения.
Читать дальше →
Всего голосов 40: ↑34 и ↓6 +28
Просмотры 8.1K
Комментарии 12

Дайджест свежих материалов из мира фронтенда за последнюю неделю №490 (18 — 24 октября 2021)

Разработка веб-сайтов *CSS *JavaScript *HTML *
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Читать дальше →
Всего голосов 9: ↑9 и ↓0 +9
Просмотры 2.4K
Комментарии 0

Async/await в TypeScript

Блог компании Издательский дом «Питер» Разработка веб-сайтов *JavaScript *Программирование *Клиентская оптимизация *
Перевод

Если вас заинтересовала эта статья, то вы, наверное, несколько разбираетесь в асинхронном программировании на JavaScript и, возможно, интересуетесь, как оно работает в TypeScript.

Поскольку TypeScript – это надмножество JavaScript, async/await там работает точно также, но с некоторыми дополнительными бонусами и безопасностью типов. TypeScript позволяет запрограммировать безопасность типа ожидаемого результата и даже проверить, нет ли ошибок, связанных с типом. Поэтому баги отлавливаются на ранних стадиях разработки программы.

Читать далее
Рейтинг 0
Просмотры 389
Комментарии 0

Выходит HTML 5.1, готовится HTML 5.2

Разработка веб-сайтов *JavaScript *HTML *
Представители организации World Wide Web Consortium (W3C) порадовали общественность сразу двумя новостями. Речь идет о работе над HTML 5.1 и HTML 5.2. Спецификация версии 5.1 уже на последней стадии согласования.
Ее статус перешел от «Release Candidate» к «Proposed Recommendation». Таким образом, HTML 5.1 осталось получить «благословение» концорциума («W3C Recommendation») и выйти в свет. Новый стандарт готов на 99,99%. Так что, в ближайшее время стандарт HTML 5.0 будет не актуален.
Читать дальше →
Всего голосов 37: ↑35 и ↓2 +33
Просмотры 34K
Комментарии 8

Facebook и Google выпустили Yarn, новый менеджер пакетов для JavaScript

JavaScript *Программирование *


Вчера вечером Facebook официально анонсировала новый пакетный менеджер для JavaScript под названием Yarn. На одной из стадии разработки к проекту подключились компании Google, Exponent и Tilde.

«Самый популярный менеджер пакетов JavaScript — это NPM. Он обеспечивает доступ более чем к 300 тысячам пакетов. Используют его более 5 миллионов разработчиков, а ежемесячно к нему обращаются для загрузки более 5 миллиардов раз.

Мы успешно использовали NPM в Facebook в течение многих лет, но так как объем нашего кода и число разработчиков выросло, мы столкнулись с проблемами последовательности, безопасности и производительности. После попытки решить все эти вопросы, мы пришли к намерению создать собственное решение, чтобы обеспечить надежность управления разработкой. Итогом этой работы стал Yarn — быстрая, надежная и безопасная альтернатива клиенту NPM», — говорится в официальном блоге Facebook о новинке.
Читать дальше →
Всего голосов 50: ↑42 и ↓8 +34
Просмотры 40K
Комментарии 115

Linux Foundation запустил «перезагрузку» JavaScript-сообщества

Open source *JavaScript *Node.JS *


Linux Foundation объявила о масштабном проекте по поддержке JS-сообщества. Новая организация JS Foundation (бывший jQuery Foundation) станет площадкой для сотрудничества и развития открытых проектов, связанных с использованием языка JavaScript. Целью проекта также является продвижение высококачественных стандартов разработки как серверных, так и клиентских JS-проектов.

Руководство нового организации также будет опираться на стандарты W3C, WHATWG, и ECMA TC39, которые приняты разработчиками и вендорами во всем мире.

Более того, JS Foundation запускает программу наставничества (Mentorship Program), которая как раз поможет достичь поставленных целей: она позволит укрепить сообщество и активизировать сотрудничество между JS-разработчиками.
Читать дальше →
Всего голосов 30: ↑28 и ↓2 +26
Просмотры 15K
Комментарии 20

Завершён перевод «Современного учебника JavaScript»

Разработка веб-сайтов *JavaScript *Программирование *Профессиональная литература
Многие разработчики изучали JavaScript по известному учебнику Ильи Кантора — learn.javascript.ru. Однако до недавнего времени в нём была недостаточно современная информация: учебник развивался, но на английском языке. Он доступен по адресу javascript.info. Несколько месяцев мы занимались переводом этого учебника на русский язык, и сегодня я рад анонсировать перевод — он опубликован на learn.javascript.ru. Так что теперь самая современная версия учебника доступна и на английском, и на русском.

Теперь в учебнике используется современный стандарт языка ES 2019 и учтены некоторые stage 3 proposals (они помечены в тексте).

Вот некоторые хабрапользователи, которые принимали активное участие в переводе:


Разумеется, это только небольшая часть команды. Все, кто сделал вклад от 10 строк, перечислены прямо на сайте учебника.
Читать дальше →
Всего голосов 55: ↑55 и ↓0 +55
Просмотры 27K
Комментарии 8

MSK VUE.JS meetup #3 в Mail.ru Group – 19 сентября

Блог компании VK JavaScript *VueJS *


19 сентября Mail.ru Group проводит совместный с сообществом MSK VUE.JS митап, посвященный прогрессивному фреймворку Vue.js.

Вас ждут три технических доклада, розыгрыш билетов на осенние мероприятия и много полезного общения: спикеры поделятся опытом разработки, участники сообщества обсудят перспективы развития фреймворка. Описание докладов и ссылка на страницу события по катом. Регистрируйтесь сами и приглашайте коллег!
Читать дальше →
Всего голосов 21: ↑21 и ↓0 +21
Просмотры 1.8K
Комментарии 0

Mozilla усилила защиту пользователей Firefox от вредоносного кода

Firefox Информационная безопасность *JavaScript *Браузеры
imageФото: Doug Belshaw/Flickr

Mozilla расширила защиту пользователей браузера Firefox от атак с попытками внедрения вредоносного кода. Разработчики сосредоточились на удалении «потенциально опасных артефактов» в исходном коде Firefox.

Под артефактами подразумеваются встроенные скрипты и функции типа eval(). Mozilla рассчитывает улучшить защиту встроенных служебных страниц «about:» за счет удаления таких кусков кода.
Читать дальше →
Всего голосов 24: ↑20 и ↓4 +16
Просмотры 4.8K
Комментарии 10

AST, автоматизации, оптимизации или как прошла PiterJS conf #1

Разработка веб-сайтов *JavaScript *Программирование *Конференции
image

Прошло 2 месяца после первой (но конечно же не последней) конференции PiterJS conf. Для активистов сообщества это был своего рода праздник, к которому долго готовишься и столько же отходишь. В этой статье хочу подвести итоги, анонсировать публикацию докладов, понастальгировать и чуть-чуть похвастаться.

Всего голосов 7: ↑7 и ↓0 +7
Просмотры 1.5K
Комментарии 1

В Москве пройдет дружеское соревнование по JavaScript — International Team Coding Party

Блог компании VK JavaScript *


Приглашаем на International Team Coding Party по JavaScript. Вечером 20 ноября в дружеской схватке сойдутся разработчики из Англии, Франции, Испании и России.

Участники соберутся в Лондоне, Мадриде, Париже и Москве. Московская команда собирается в офисе Mail.ru Group. Каждая команда (город) должна будет выполнить несколько заданий на JS, разной степени сложности: от Новичка до Эксперта. Задания выполняются на платформе Kodiri, поэтому для достижения лучших результатов рекомендуется ознакомиться с их интерфейсом и правилами.

В конце игры мы сравним результаты команд. Результат каждой команды рассчитывается как арифметическое среднее от результатов ее участников. Для каждого уровня сложности результаты подводятся независимо.
Читать дальше →
Всего голосов 21: ↑21 и ↓0 +21
Просмотры 1.3K
Комментарии 5

Расширение для Chrome внедряет код, который позволяет красть пароли криптовалютных кошельков

Информационная безопасность *JavaScript *Google Chrome Расширения для браузеров Криптовалюты
image

Глава безопасности платформы MyCrypto Гарри Дэнли сообщил, что расширение для Google Chrome под названием Shitcoin Wallet внедряет в веб-страницы JavaScript-код, позволяющий воровать пароли и закрытые ключи от криптовалютных кошельков и сервисов.

Разработка Shitcoin Wallet же утверждает, что оно дает возможность управлять цифровой валютой Ether (ETH и токенами Ethereum ERC20 прямо из браузера.
Всего голосов 9: ↑9 и ↓0 +9
Просмотры 7.6K
Комментарии 1

Cloudflare: библиотеки JavaScript практически никогда не обновляются после установки

Разработка веб-сайтов *JavaScript *Программирование *jQuery *Исследования и прогнозы в IT


Cloudflare, американская компания, которая предоставляет услуги CDN и защиту от DDoS-атак, опубликовала пост на своём сайте с результатами анализа частоты обновления библиотек Javascript, используемых на сайтах. Для этого эксперты компании собрали данные из запросов сети доставки контента CDNJS.
Читать дальше →
Всего голосов 7: ↑5 и ↓2 +3
Просмотры 4.4K
Комментарии 8

В начале этого года Python сместил Java и стал вторым по популярности языком программирования среди разработчиков

Блог компании ITSumma Python *Программирование *Статистика в IT
Согласно отчету RedMonk за январь 2020 года, Python стал вторым по популярности языком программирования после Java Script. Ранее эту позицию на протяжении длительного времени уверенно удерживал Java, однако в начале года этот ЯП сместился на третью строчку рейтинга, который формируется на базе информации репозиториев GitHub. Если быть точными, то пара Java Script и Java удерживали топ-2 популярности языков программирования с момента начала формирования указанного рейтинга, то есть с 2012 года.



Популярность JS и Java и их топовые позиции в рейтинге ожидаемы. Java Script — основной язык веб-разработки уже долгие годы, когда как Java — стандарт в разработке под Android и в сфере корпоративных приложений.
Читать дальше →
Всего голосов 31: ↑31 и ↓0 +31
Просмотры 23K
Комментарии 34

Vue 3. Что нового?

Разработка веб-сайтов *JavaScript *VueJS *

Многие из нас ждут выхода Vue 3 и похоже, что он почти здесь (релиз запланирован на второй квартал 2020 года) и уже есть возможность взглянуть или даже поэкспериментировать с бета-версией.

Читать дальше →
Всего голосов 8: ↑4 и ↓4 0
Просмотры 27K
Комментарии 4

Клиент Discord модифицировали для кражи аккаунтов

Информационная безопасность *Разработка под Windows *
imageФото: www.bleepingcomputer.com

В клиенте Discord начало распространяться новое вредоносное ПО NitroHack. Оно позволяет красть учетные записи. Распространение этого ПО стало возможным благодаря изменениям файлов JavaScript, используемых клиентом.
Читать дальше →
Всего голосов 15: ↑15 и ↓0 +15
Просмотры 13K
Комментарии 14

Barclays Bank уличили в использовании «Архива Интернета» в качестве CDN

Информационная безопасность *JavaScript *Финансы в IT
image

Barclays Bank использовал цифровой архив World Wide Web, основанный «Архивом Интернета», в качестве сети доставки содержимого.
Всего голосов 18: ↑16 и ↓2 +14
Просмотры 4.9K
Комментарии 14

Обновление Chrome обещает увеличить срок работы от батареи на 20% путём оптимизации JavaScript в фоновых вкладках

Браузеры Ноутбуки IT-компании


В начале июля 2020 года, согласно информации портала TheWindowsClub, в тестовой сборке Google Chrome появилась функция продления работы ноутбука от батарей. Разработчики внесли в настройки браузера возможность пользователю ограничивать выполнение сценариев JavaScript на страницах для фоновых вкладок. Например, не больше одного срабатывания в минуту, как в это сейчас сделано в Safari. Таким образом, Google старается минимизировать свое отставание по энергопотреблению в своем браузере, чтобы быть по этому показателю на уровне программных решений от Apple и Microsoft.
Читать дальше →
Всего голосов 12: ↑12 и ↓0 +12
Просмотры 5.9K
Комментарии 18

27 августа приглашаем на онлайн-митап Hot Frontend

Информационная безопасность *Разработка веб-сайтов *ВКонтакте API *Конференции Дизайн игр *
Всем привет! В июле мы провели в Краснодаре первый митап по Backend-технологиям – а теперь самое время обсудить Frontend. Приглашаем на онлайн-митап с разработчиками SimbirSoft. Как всегда, участие бесплатное, а за самые интересные вопросы спикеры подарят полезные подарки.

Читать дальше →
Всего голосов 3: ↑3 и ↓0 +3
Просмотры 883
Комментарии 0