🎁 Бесплатная раздача для подписчиков

Специально для подписчиков наших каналов о программировании, мы бесплатно раздаем файл 📦 Freedom Messaging App UI Kit через UI8 Bot. Чтоб получить этот файл бесплатно, достаточно нажать на кнопку под постом.

Внимание! Раздача ограничена по времени.

🔥 Лучшее на канале за неделю

1. Запускаем свой RTMP сервер для стриминга.

2. Moveable — интересная библиотека, которая принимает любой HTML-элемент и переводит его в режим «свободного преобразования».

3. Присвоения примитивных и ссылочных типов.

📑 Незаметная психология e-com сайтов

Есть в Америке один спец, который изучает психологию и применяет ее, главным образом, в е-коммерции. Зовут его Ник Коленда, а его книги на Амазоне — настоящее открытие для меня лично и источник вдохновения там, где попытки поднять конверсию заходят в тупик.

Впрочем, найти книги Ника на русском языке можно, например, на Литресе, но их мало. Собственно, как и переводов статей. О чем пишет Ник, в трех словах в этой статье.

#статьи #советы #web

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

🛠 Prettier — это форматировщик кода, который обеспечивает согласованный стиль всего вашего кода. Он гарантирует, что независимо от того, кто вносит свой вклад в код, форматирование и стиль останутся неизменными. Его можно настроить для запуска при сохранении редактора или в средах CI.

#инструменты #js

📖 Изучаем Angular 2
🖋 Пабло Дилеман, 2017

Эта книга поможет вам освоить основы проектирования и разработки компонентов Angular 2, обеспечивая полный охват синтаксиса языка TypeScript. После
создания первых компонентов мы объединим их в полноценное веб-приложение. Затем перейдем к реализации маршрутов в Angular 2, узнаем, как организовать поддержку разных состояний приложения и навигацию между компонентами.

💾 Скачать книгу

#book #angular #typenoscript #js

💡 Замыкания в JavaScript

Замыкания — важный паттерн для приватизации переменной. В примере ниже createGreeter возвращает анонимную функцию, которой доступна переданная переменная greeting со значением «Hello». После эта переменная будет доступна для sayHello.

function createGreeter(greeting) {
 return function(name) {
   console.log(greeting + ', ' + name);
 }
}

const sayHello = createGreeter('Hello');

sayHello('Joe');
// Hello, Joe

Продолжение следует...

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

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

📖 Веб-компоненты в действии
🖋 Бен Фаррелл, 2020

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

💾 Скачать книгу

#book #web

📑 Паттерн порталов в Angular: для чего нужен root-компонент в Taiga UI

Что такое портал?

Представьте себе компонент select. У него есть выпадашка с вариантами на выбор. Если хранить ее в том же месте в DOM, что и сам компонент, можно нарваться на ряд проблем. Нижестоящие элементы могут выскочить поверх, а контейнер — срезать содержимое...

#статьи #angular #typenoscript

🛠 Vant — более 60 компонентов для Vue.js, включая ввод формы, различные виды мобильных меню, а также другие виджеты, такие как цифровые кнопки, панели поиска, средство загрузки файлов и многое другое. Она также поддерживает настраиваемые темы и содержит понятные, простые в использовании документы.

#инструменты #js

💡 Замыкания в JavaScript

Часть 2

Перед прочтением рекомендуем ознакомиться с первой частью.

...Или же более «правдоподобный» пример. У вас может быть некая функция apiConnect(apiKey), которая возвращает некоторые методы с использованием API ключа. В таком случае этот ключ нужно передать только один раз.

function apiConnect(apiKey) {
 function get(route) {
   return fetch(`${route}?key=${apiKey}`);
 }

 function post(route, params) {
   return fetch(route, {
     method: 'POST',
     body: JSON.stringify(params),
       headers: {
         'Authorization': `Bearer ${apiKey}`
       }
     })
 }
 return { get, post }
}

const api = apiConnect('my-secret-key');

// Больше передавать ключ не нужно
api.get('http://www.example.com/get-endpoint');
api.post('http://www.example.com/post-endpoint', { name: 'Joe' });

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

📑 Что не так с WebAssembly?

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

WebAssembly, в теории, может позволить кому угодно писать низкоуровневый код, выполняющийся в браузере, в безопасном виртуальном окружении. И, что ещё интереснее, технология WASM (сокращение от WebAssembly) была спроектирована как цель компиляции для других языков, позволяя коду, который обычно выполняют в серверной среде (например — коду, написанному на C или на C++), компилироваться в соответствующий формат и выполняться в браузере.

У WASM был огромный потенциал и невероятные перспективы. Что же пошло не так? Почему WASM, через 3 года после релиза, ещё не используется в каждом веб-проекте? Есть ли у WASM будущее в веб-разработке? Поищем ответы на эти вопросы.

#статьи

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

🛠 Barba.js — библиотека JavaScript для создания плавных переходов между страницами сайта. Она берёт статический веб-сайт и с помощью небольшой настройки превращает его в одностраничное приложение. Это помогает уменьшить задержку между загрузкой страниц, сводит к минимуму HTTP-запросы и улучшает взаимодействие с пользователем.

#инструменты #js

💡 Деструктуризация в JavaScript

▍Часть 1

Деструктуризация — это просто способ извлечения свойств из объектов.

const obj = {
 name: 'Joe',
 food: 'cake'
}
const { name, food } = obj;
console.log(name, food);
// 'Joe' 'cake'

Если вам нужно извлечь свойство, дав ему другое имя, — делайте так:

const obj = {
 name: 'Joe',
 food: 'cake'
}

const { name: myName, food: myFood } = obj;
console.log(myName, myFood);

// 'Joe' 'cake'

Продолжение следует...

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

📑 Яндекс отключил расширения с аудиторией в 8 млн пользователей

Яндекс принял решение отключить расширения SaveFrom.net, Frigate Light, Frigate CDN и некоторые другие, установленные у пользователей Яндекс.Браузера. Совокупная аудитория этих инструментов превышает 8 млн человек.

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

#статьи

🛠 URL Pages — инструмент, который объединяет все содержимое страницы (включая HTML, CSS и JS) и сохраняет его в URL-адресе. Это позволяет создать мгновенно доступную и редактируемую веб-страницу, которую сможет увидеть любой, у кого есть ссылка. Включает конструктор, с помощью которого вы можете создавать свои собственные URL-страницы.

#инструменты #web #js #html #css