Webchic - frontend, backend, ci/cd

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

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

#tensor_flow #face_api #ml

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

Выбор CSS макета — Grid или Flexbox?
Удачно оформленный макет удерживает пользователей на сайте, так как делает важные элементы доступными и легко находимыми. Слабые же макеты отпугивают посетителей, которые покидают ресурс, так и не найдя того, за чем пришли.

Читать статью.

#css #grid #flexbox

​​Обобщенное программирование – обзор реализаций

В большинстве сильно типизированных языков поддерживается обобщенное программирование. Круг проблем, которые решаются на этих языках, один и тот же, но сами проблемы решались в разное время разными способами, и у каждого из этих способов были свои «за» и «против». Мы рассмотрим историю реализаций обобщенного программирования, чтобы вы могли распробовать его как инженер. Наилучшего подхода не существует, любой подход – это всегда компромисс, при котором одними преимуществами жертвуют ради других. Мы рассмотрим три популярных языка, обогативших нашу индустрию новыми подходами: C++, Java, C#(.Net).

Статья

Addy Osmani: “`inputmode` очень удобен - подсказывает браузеру, какую виртуальную клавиатура показать на мобилке”

#html

Twitter

​☕️ Распространенные алгоритмы и структуры данных в JavaScript: основные понятия и работа с массивами

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

статья

​​Проблемы рендера семи тысяч элементов на Vuetify (личный опыт).

После написания кода, я, довольный, окинул взглядом свою таблицу и пошел спать. На следующий день мне предстояло импортировать 150+ проектов заказчика в свою таблицу. После импорта, я удивился тому, что браузер повис. Ну, бывает, просто переоткрою вкладку. Не помогло. Я впервые столкнулся с проблемой, что я рендерю слишком много, как для движка, так и для самого браузера. Пришлось начать думать.

[ Статья ]

Код на React и TypeScript, который работает быстро. Доклад Яндекса

#react #typescript

К докладу

Терминал Linux: шпаргалка

— ls -lah - показ спрятанных файлов + человекочитаемый формат
— which [name-of-the-program] - вывод пути к бинарному файлу программы
— history - вывод всех предыдущих команд
— cat [name-of-your-file] - вывод контента файла

и много других команд

#cli

К статье(eng)

В чём разница между узлом и элементом DOM?

#browser #html

К статье(rus)

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

#interview

Youtube(eng)

​​22 новых фичи C# — каким будет C# 11+

Внутри статьи разбор каждой фичи и сценарии применения.

Статья

​​Как работает Backend-Driven UI на мобильном клиенте

Привет всем, кто хочет изменять интерфейс мобильного приложения до выхода нового релиза, всем, кто хочет без лишних доработок на клиенте проводить А/B-тестирование, и всем, кто хочет забыть о срочных «новых пятничных промоакциях», которые нужны уже в понедельник. В этой статье мы поговорим об основах Backend-Driven UI: рассмотрим абстрактно, как всё работает на бэкенде и на клиенте.

Статья

​​В JS-функциях «побеждает» последний оператор return

Вот — JavaScript-функция. Какой из операторов return, имеющихся в ней, «победит» при вызове этой функции?

function test() {
  return 'one';
  return 'two';
  return 'three';
}

С первого взгляда очевидный вопрос вставсляет в ступор на собеседованиях.
Статья

​​Создание приложений на Angular с использованием продвинутых возможностей DI
[ Личный опыт ].

Меня зовут Андрей, и я занимаюсь разработкой фронтенда на Angular для внутренних продуктов компании. Фреймворк обладает обширными возможностями, одни и те же задачи можно решить огромным количеством способов. Чтобы облегчить свою работу и повысить продуктивность, я задался целью найти универсальный и не сложный подход, который бы упростил проектирование и позволил уменьшить объем кода при сохранении его читаемости. Перепробовав множество различных вариантов и учтя допущенные ошибки, я пришел к архитектуре, которой хочу поделиться в этой статье.

[ Статья ]

Что на самом деле происходит, когда пользователь вбивает в браузер адрес google.com

#web #browser

К статье(rus)