​Как создать веб-приложение для обнаружения эмоций в реальном времени

В этом руководстве автор применяет свёрточные нейронные сети для того, чтобы сайт мог определять сразу 7 различных эмоций. В проекте применяются Flask, TensorFlow, Keras и OpenCV.

Подробнее тут:

https://tprg.ru/Qk3w

​4 CSS-трюка, которые вызовут недобрые взгляды других разработчиков

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

https://tprg.ru/pe71

#css

​Почему разработчики не любят Safari

Стоило Internet Explorer уйти на покой, как место самого ненавистного браузера занял Safari от Apple. Он достаточно производительный и безопасный, так в чём проблема тогда?

В этой статье узнаете ответ:

https://tprg.ru/f0Du

​Генератор случайных паролей на JavaScript

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

Посмотрите:

https://tprg.ru/c3vw

​5 бессерверных платформ для создания real-time приложений

Сегодня многие веб-приложения работают в режиме real-time, предоставляя пользователям актуальную информацию мгновенно, в процессе его использования. Но работа таких приложений имеет ряд нюансов и сложностей, которые устраняют бессерверные платформы.

В этой статье рассказано о пяти таких платформах с описанием их основных возможностей:

https://tprg.ru/rhd8

​Дорожная карта веб-разработчика

Полезная и наглядная дорожная карта веб-разработчика, где подробно расписано какие технологии необходимо изучить и какие вопросы разобрать:

https://tprg.ru/zcoD

​Алгоритмы JavaScript и структуры данных

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

Убедитесь сами:

https://tprg.ru/U309

#javascript

SAIT POPIERDOLILO

​JavaScript cкрипты для сайта интернет-магазина

Подробные, понятные и наглядные объяснения скриптов, которые реализованы на ванильном JavaScript и пригодятся в любом интернет-магазине:

https://tprg.ru/gzf8

#видео

​NFC приходит в веб

В мае этого года Google обновила свой браузер Chrome, добавив возможность работать с NFC. Пока что это единственный браузер с такой функцией. Её наличие может расширить возможности веб-сайтов, подарив пользователям новый опыт и способы взаимодействия с окружающим миром.

О том, как с этим работать, можно прочитать в этой статье:

https://tprg.ru/O2va

​У нас есть 5 Telegram-каналов по самым разным темам. Выбирайте тот, который подходит, и подписывайтесь, будем рады вам:

— Python: @zen_of_python
— геймдев: @make_game
— мобильная разработка: @mobi_dev
— основы программирования: @prog_point
— веб-разработка (вы здесь): @tproger_web

Анимация пишущей машинки

Интересная реализация анимации при наборе текста. С помощью JavaScript автор создал реалистичную анимацию пишущей машинки, которая умеет не только писать, но и красиво стирать, написанный текст.

Подробности реализации тут:

https://tprg.ru/1ZsB

А ванильный JS — это пережиток прошлого

​Unit-тесты на фронтенде

Не хочется даже думать, каково было бы отлаживать крупный проект, где не проводится тестирование перед запуском. Unit-тесты — отличный способ проверить работоспособность и корректность выполнения различных элементов фронтенда. Но и с ними нужно знать меру и уметь правильно работать.

Эта статья призвана научить вас лучшим практикам работы с unit-тестами во фронтенде:

https://tprg.ru/0s3c

Укрощаем режимы наложения: difference и exclusion

Эта статья написана в попытке простым языком и наглядными примерами объяснить, как работать с наложением в CSS. Автор долго билась с этой темой, пытаясь разобраться, а теперь рассказывает читателям, попутно объясняя разницу в различных режимах наложения:

https://tprg.ru/gKyP

​22 CSS-секрета, которые сделают вас макетным ниндзя

Большинство представленных в подборке свойств поддерживаются современными браузерами, но пока могут не иметь достаточной популярности. Поэтому автор статьи решил рассказать о них и показать какие возможности они предоставляют:

https://tprg.ru/p5fW

#css

Как создавать диаграммы CSS с интересными фигурами, символами и эмодзи

Давайте разбавим скучные данные интересными диаграммами! Используя способ, приведённый в статье, вы сможете создавать уникальные диаграммы, а также лоадеры.

Подробнее:

https://tprg.ru/g2q1

#css

Доппельгангеры захватывают рынок

Gurufy для изучения React и его экосистемы

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

Здесь вы найдёте информацию как о самом React, так и о Redux, Router, Jest и даже TypeScript:

https://tprg.ru/v9af

​Инструменты разработчика для проектировщика

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

Подробнее об инструментах, необходимых проектировщику читайте в нашей статье:

https://tprg.ru/Al1R