Webchic - frontend, backend, ci/cd

Node.js in 2021: новости платформы и вызовы на следующее десятилетие

#nodejs

Youtube

Базовые вопросы на собеседовании по javascript, с которыми у кандидатов возникают проблемы

#javascript #interview

https://habr.com/ru/post/523092/

До свидания, Google Fonts. Последний аргумент

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

#performance

К статье(rus)

Josh W. Comeau: “Оберните текст вокруг прозрачных файлов .png с помощью shape-outside 😮”

.me {
float: left;
shape-outside: url(/image/path.png);
/ Add some spacing: /
transform: translateX(-16px);
}

#css

Twitter

Codepen

Josh W. Comeau: “Это круто! Меняйте числа, чтобы создать формы, затем скопируйте css созданной формы”

“Т.к. это clip-path, это можно применить к вашим картинкам, HTML элементам, к чему угодно!

Больше не надо border-хаков для создания базовых форм”

#css

Codepen

Twitter

Как создать сервер GraphQL в Next.js

В туториале рассматривается пример подключения GraphQL в Next.js приложение с помощью apollo-server-micro

#graphql #nextjs

К статье(eng)

Animista - сервис с большим набором готовых анимаций, которые можно поднастроить и скопировать код

#css

Animista

Кодинговое интервью Google с обычным инженером программистом

#interview

Youtube(eng)

Создание нейронной сети Хопфилда на JavaScript.🔥

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

[ Статья ]

Улыбнешься - проиграешь

Браузерная игра, для реализации которой использовалась библиотека face-api.js(надстройка над tensorflow.js) для распознавания лиц.

#tensor_flow #face_api #ml

К игре
К статье(eng)

Jack Franklin, разработчик Chrome Dev Tools и Puppeteer, делится советами по организации большого приложения на React.js

— Сборщики
— Организация структуры директорий
— Организация кода React.js компонентов
— Организация Redux actions, reducers с помощью подхода Ducks
— Тесты

#react #redux

К статье(eng)

CSS совет от Jhey Tompkins

НЕ используйте <div> для прогресс бара!
Используйте элемент <progress>
Вы можете стилизовать его с помощью переменных CSS и некоторых псевдоселекторов.

#css #html

Codepen

Twitter

​​Включить вибрацию на смартфоне

Метод vibrate() объекта window.navigator может включить режим вибрации на устройстве (при условии что устройство поддерживает режим вибрации).

window.navigator.vibrate(500);

Методу можно передать параметр – время вибрации в миллисекундах. А можно указать даже паттерн – чередование интервалов вибрации и пауз. Для этого передайте методу массив чисел.

Как отслеживать производительность веб-приложения с JavaScript и Performance API

#performance #browser

К статье(rus)

Taiga UI — библиотека компонентов под Angular, которую вам стоит попробовать

#angular #architecture

К статье

Прокачиваем навыки CSS: GRID

Статья от портала Код (делают ребята из Яндекс Практикума) будет полезна тем, кто только начинает осваивать GRID

#css #grid

К статье(rus)