Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Рубрика «Разработка веб-сайтов» - 40
Дайджест свежих материалов из мира фронтенда за последнюю неделю №425 (20 — 26 июля 2020)
2020-07-26 в 20:02, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендОдин в поле не воин или как бэкендер фулстеком попытался стать
2020-07-26 в 11:53, admin, рубрики: AWS, django, React, веб-дизайн, Разработка веб-сайтовЯ люблю начинать разные сторонние проекты, считаю, что это один из лучших способов узнавать что-то новое и по-настоящему стоящее. И у меня есть один серьезный недостаток — я почти никогда не довожу дела до конца. Речь, конечно же, не идет о проектах по учебе, за которые мне поставят оценку или задачам, поставленным работодателем. Я про собственные идеи, которыми загораюсь вне постоянной работы или учебы. Каждый раз, когда я осваиваю какой-нибудь совершенно новый навык, который считаю востребованным и не вижу перспективы еще что-нибудь такое изучить — я забиваю на проект совсем. Но в этот раз решил исправиться — начать проект, завершить его и поведать о пути, который я прошел.
Руководство по Deno: примеры работы со средой выполнения TypeScript
2020-07-26 в 8:01, admin, рубрики: Deno, javascript, Node, node.js, nodejs, Программирование, разработка, Разработка веб-сайтов
Доброго времени суток, друзья!
Представляю Вашему вниманию перевод статьи «The Deno Handbook: A TypeScript Runtime Tutorial with Code Examples» автора Flavio Copes.
В этой статье мы научимся работать с Deno. Мы сравним его с Node.js и создадим с его помощью простой REST API.
Что такое Deno?
Если вы знакомы с Node.js, популярной экосистемой серверного JavaScript, Deno — это почти тоже самое. Почти, но не совсем.
Давайте начнем со списка возможностей Deno, которые мне больше всего нравятся:
- Он основан на современном JavaScript
- Он имеет расширяемую стандартную библиотеку
- Он имеет первоклассную (в значении стандартной) поддержку TypeScript (это означает, что вам не нужно вручную компилировать TypeScript, Deno делает это автоматически)
- Он поддерживает ES модули
- Он не имеет пакетного менеджера
- Он имеет первоклассный (в значении глобальный)
await
- Он имеет встроенное средство тестирования
- Его цель — максимальная совместимость с браузером. Для этого он предоставляет встроенный
fetch
и глобальный объектwindow
В данном руководстве мы изучим все эти возможности.
Читать полностью »
Путь к пониманию шаблонных литералов в JavaScript
2020-07-25 в 13:16, admin, рубрики: javascript, Блог компании RUVDS.com, Программирование, разработка, Разработка веб-сайтовСпецификация ECMAScript, вышедшая в 2015 году (ES6), добавила в JavaScript новую возможность — шаблонные литералы (template literals). Шаблонные литералы дают нам новый механизм создания строковых значений. Этот механизм отличается множеством мощных возможностей, среди которых — упрощение создания многострочных конструкций и использование местозаполнителей для внедрения в строки результатов вычисления выражений. Кроме того, тут имеется и ещё одна возможность — теговые шаблоны (tagged template literals). Это — расширенная форма шаблонных литералов. Теговые шаблоны позволяют создавать строки с использованием выражений, находящихся внутри строк, и с применением особых функций. Всё это расширяет возможности программистов по работе со строками, позволяя, например, создавать динамические строки, которые могут представлять собой URL, или писать функции для тонкой настройки HTML-элементов.
Из этого материала вы узнаете о различиях между обычными строковыми значениями, задаваемыми с помощью одинарных или двойных кавычек, и шаблонными литералами. Вы ознакомитесь с различными способами объявления строк с разными характеристиками, включая многострочные строки и динамические строки, меняющиеся в зависимости от значения некоей переменной или некоего выражения. Вы научитесь работать с теговыми шаблонами и увидите реальные примеры их использования.
Читать полностью »
Vue.js для начинающих, урок 6: привязка классов и стилей
2020-07-24 в 13:16, admin, рубрики: javascript, vue, vue.js, vuejs, Блог компании RUVDS.com, обучение, разработка, Разработка веб-сайтов, фреймворкСегодня, в шестом уроке курса по Vue, мы поговорим о том, как динамически стилизовать HTML-элементы, привязывая данные к их атрибутам style
и привязывая к элементам классы.
→ Vue.js для начинающих, урок 1: экземпляр Vue
→ Vue.js для начинающих, урок 2: привязка атрибутов
→ Vue.js для начинающих, урок 3: условный рендеринг
→ Vue.js для начинающих, урок 4: рендеринг списков
→ Vue.js для начинающих, урок 5: обработка событий
Читать полностью »
Чесночно-луковый хостинг: как поднять веб-ресурс, чтобы не отобрали домен
2020-07-24 в 9:17, admin, рубрики: DNS, i2p, onion, ruvds, Tor, Блог компании RUVDS.com, дарквеб, децентрализованные сети, Разработка веб-сайтов
Дисклеймер: инструменты, описанные здесь абсолютно легальны. Это как нож: кто-то режет капусту в салат, кто-то использует для нападений. Поэтому пост посвящен исключительно инструментам, которые могут использоваться как в хороших, так и не очень целях.
Глобальный DNS — прекрасная вещь, пережившая не одно десятилетие. Но у него есть фундаментальная проблема — ваш домен могут просто разделегировать, если вдруг решат, что вы что-то нарушили. Ну или у кого-то с деньгами и связями будет на вас зуб. Историю того же torrents.ru все помнят. Если по каким-то причинам вы хотите убрать подобные риски — можно посмотреть в сторону оверлейных сетей, у которых просто нет регулятора, способного разделегировать доменное имя. Поэтому будем поднимать onion- и i2p-веб-ресурсы.Читать полностью »
Выбор зависимостей JavaScript
2020-07-23 в 11:44, admin, рубрики: changelog, dependencies, dependency management, github, javascript, node.js, npm, semver, Блог компании ДомКлик, Разработка веб-сайтовВсем привет! В предыдущем посте мы подробно поговорили про добавление зависимостей в проект и про способы и стратегии их обновления.
В этом посте, как и обещал, я хочу начать обсуждение таких невероятно важных вопросов, как стабильность и безопасность в управлении зависимостями. Надеюсь, мои советы помогут вам контролировать хаос, снижать риски и всегда оставаться на безопасной стороне!
Правосторонний интерфейс: адаптируем контролы к right-to-left языкам
2020-07-23 в 11:04, admin, рубрики: css, html, usability, Блог компании Badoo, интерфейсы, локализация интерфейса, Локализация продуктов, Разработка веб-сайтовC адаптацией приложений и сайтов под RTL-языки (right-to-left, справа налево) сталкиваются разработчики многих развивающихся и выходящих на новые рынки продуктов. Мы в Badoo тоже в какой-то момент оказались в этой ситуации: наши приложения переведены на 52 языка и диалекта. В этой статье я расскажу о нескольких интересных нюансах, которые мы обнаружили при адаптации форм на сайте Badoo.сом под иврит и арабский язык.
Сравниваем подсистемы WSL 1 и WSL 2. Стоит ли переходить?
2020-07-22 в 9:51, admin, рубрики: linux, windows, WSL, Блог компании RUVDS.com, Лайфхаки для гиков, разработка, Разработка веб-сайтов, Разработка под Linux
В этой заметке в стиле «мысли вслух» автор хотел бы сравнить WSL первой и второй версии, благо опыт общения имеется.Читать полностью »