#laravel #vue #tips

Создание видеочата на Laravel+Vue+Pusher
#english
https://medium.com/@otacorporation0520/create-a-video-chat-application-with-laravel-7-vue-js-based-on-webrtc-58c88a503c17

#vue #tips #english

Паттерн Репозиторий для работы с API-запросами.
Интересный подход.

https://medium.com/canariasjs/vue-api-calls-in-a-smart-way-8d521812c322

#laravel #vuejs #course #english

Бесплатно! Crash Course for Laravel 7 and VueJs Basics

Промо-код только сегодня действует.

https://www.udemy.com/course/crash-course-for-laravel-7-and-vuejs-basics/?couponCode=DIGITAL_OCEAN

ES6 - Symbol

Symbol это уникальный и неизменяемый тип данных.

Свойства символов:
При создании символам можно дать имя.

 Создаём символ id с описанием (именем) "id"
let id = Symbol("id");

Они гарантированно уникальны.

 let id1 = Symbol("id");
 let id2 = Symbol("id");

alert(id1 == id2); // false

Не преобразуются автоматически в строки.

 let id = Symbol("id");
alert(id); // TypeError: Cannot convert a Symbol value to a string

Позволяют создавать «скрытые» свойства объектов, к которым нельзя обратиться из других частей программы и перезаписать их.

let id = Symbol("id");

let user = {
  name: "Вася",
  age: 30,
  [id]: 123 // просто "id: 123" не сработает
};

Игнорируются циклом for…in

 for (let key in user) alert(key); // name, age (свойства с ключом-символом нет среди перечисленных)

#js #tools #russian

Веб-воркеры, сервис-вокеры и ворклеты — в чем сила, брат?

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

https://medium.com/@victorkukshinov/%D0%B2%D0%B5%D0%B1-%D0%B2%D0%BE%D1%80%D0%BA%D0%B5%D1%80%D1%8B-%D1%81%D0%B5%D1%80%D0%B2%D0%B8%D1%81-%D0%B2%D0%BE%D1%80%D0%BA%D0%B5%D1%80%D1%8B-%D0%B8-%D0%B2%D0%BE%D1%80%D0%BA%D0%BB%D0%B5%D1%82%D1%8B-1e2f561312fd

​Аутентификация с использование RESTful API на Vue

Аутентификация пользователя - важная часть веб-приложения. Разбираемся, как реализовать ее в SPA на Vue.

Читать: https://prglb.ru/esn7

#frameworks #vue

​"Умные" анимации с кастомными CSS-свойствами

Создание гибких настраиваемых анимаций на CSS-переменных.

Ссылка: https://prglb.ru/37yhd

#css #animation

React и Redux. Функциональная веб-разработка

Авторы: Бэнкс А., Порселло Е.

Год издания: 2018

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

#react #redux #русский

​Вам не нужен Moment.js

Подборка функций для замены библиотеки moment.js при работе с датами и временем.

В закладки: https://prglb.ru/ovb6

#javascript #library

▪️ JavaScript Основы для Начинающих - Полный Курс за 6 часов [2020]

Что в курсе: что такое JavaScript, переменные, типы данных, числа, BigInt, все о строках, функции, стрелочные функции, массивы, объекты, асинхронность, Promise, async await, работа с DOM и все это с использованием актуального синтаксиса 2020

👉🏻 Смотреть

@itlecture

Создание блога с Nuxt Content

https://nuxtjs.org/blog/creating-blog-with-nuxt-content

Десять современных однострочных CSS-разметок

https://web.dev/one-line-layouts/

#тестирование #tdd #book

​Подборка бесплатных материалов по тестированию

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

В этой подборке собрали 80 бесплатных материалов по тестированию — книги, курсы, инструменты:

https://tprg.ru/Muon

#тестирование

​SVG-редакторы в браузере

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

Есть множество инструментов для работы с SVG, в том числе браузерные:

👉 editor.method.ac
👉 SVG edit
👉 Vector Paint
👉 Drawing SVG
👉 Vecteezy Editor
👉 Vectr
👉 Janvas
👉 Boxy SVG
👉 RollApp

Подробный список с описаниями: https://prglb.ru/5gefr

#tools #svg

JavaScript Next

Автор: Raju Gandhi
Год издания: 2019

Скачать книгу pdf
Скачать книгу epub

#JavaScript #english

Внезапный лайфхак с indexOf()

Обычно мы пишем как-то так:

if( 'Привет'.indexOf('ве')  >= 0)  alert('Найдено');

Вместо этого можно писать так:

if( ~'Привет'.indexOf('ве')  )  alert('Найдено');

Фишка в том, что в общем случае:

~x == -(x+1)

Пользуйтесь на здоровье ;)

JS паттерны - полуторочасовой курс

https://youtu.be/bTiAfLbmsnY

​​Tabler Icons: 558 Fully customizable free SVG icons.

https://tablericons.com

#css #html