​Рисование графики с помощью CSS Paint API

CSS Paint — это API, который позволяет разработчикам программно создавать и рисовать графику там, где CSS ожидает изображение. Он является частью CSS Houdini и в этой статье вы можете увидеть, как им пользоваться, а также результаты его работы:

https://tprg.ru/qQIK

#css

SVG Favicons в действии

Так как сегодня многие пользуются различными темами оформления браузеров, то и контент страниц и всё с ним связанное должны это учитывать. Главным преимуществом SVG фавиконок является возможность убрать фон у изображения и изменить цвета самого изображения, сделав его максимально органичным.

В этой статье вы найдёте инструкцию как это сделать:

https://tprg.ru/P62G

Словенской IT-компании требуются PHP-разработчики

Где?
Удалённо.

Сколько?
От 200 000 до 250 000 руб. до вычета налогов.

Что нужно делать?
— разработка e-comm, CRM и API – высокая нагрузка, терабайты данных;
— поддержка и доработка существующих сайтов и кода.

Что предлагают?
— гибкий график с оплатой по часам;
— различные варианты оплаты;
— отслеживание часов в Azure DevOps;
— русскоязычная команда и англоязычная команда;
— курсы повышения квалификации и курсы английского языка за счет компании;
— рост внутри компании и переход на более сложные проекты;
— возможность релокейта в Словению с полной поддержкой.

Какие требования?
— знание PHP 7+;
— понимание ООП;
— знание SQL и умение писать сложные запросы;
— английский на уровне чтения технической документации.

Если вас заинтересовала вакансия, то свяжитесь с @Odinetss.

#вакансия #работа

​Решение задач веб-разработчика без JavaScript

В 2016 году лаборатория Массачусетского технологического университета представила технологию Mavo, которая позволяет вам прокачать возможности HTML, не прибегая напрямую к JavaScript.

В этой статье евангелист технологии Mavo подробнее расскажет о ней:

https://tprg.ru/0qtS

#html

Библиотека fullPage.js

С помощью этой библиотеки вы можете очень просто создать горизонтальную прокрутку, скрол всей области видимости страницы, а также другие эффекты навигации веб-страницы:

https://tprg.ru/hjno

#javascript #библиотека

​​JavaScript против Вселенной

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

В этом руководстве автор применяет свёрточные нейронные сети для того, чтобы сайт мог определять сразу 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