​Бэкенд для начинающих на node.js

Отличное видео для начинающих в бэкенд-разработке. Здесь вы узнаете базовые концепции разработки бэкенда, попробуете Node.js и Express:

https://tprg.ru/Swqz

#видео #бэкенд

​Хакаем фиксацию фоновых изображений в CSS

Вы сталкивались когда-нибудь с тем, что установленное в качестве фона сайта изображение иногда может странно себя вести на разных устройствах? Автор статьи сталкивался.

В этой статье он рассказал, как избежать нежелательных эффектов в этом случае:

https://tprg.ru/NR9f

#фронтенд #css

Библиотека DropzoneJS

Это простая библиотека без использования сторонних фреймворков и библиотек, которая позволяет вам настроить окно загрузки файлов с помощью drag-and-drop.

Узнать подробнее:

https://tprg.ru/uX5B

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

​Бесплатные иллюстрации для страницы 404

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

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

https://error404.fun/

Чашечка Java — Telegram-канал c материалами по Java со всего интернета. А значит и на русском языке, и на английском.

Обновления в версиях языка, инструменты, структуры данных, сложные конструкции языка, связанные с Java технологии и фреймворки – обо всём этом читайте в канале: @a_cup_of_java

Анимированные часы на SVG

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

Ознакомиться подробнее:

https://tprg.ru/AG0B

#codepen

​Недооценённый <dl>

HTML-элемент <dl> представляет собой элемент списка. Возможно, вы даже не слышали о нём или просто забыли за ненадобностью, но на самом деле он может быть очень полезен.

Все подробности в статье:

https://tprg.ru/Zz43

#html

​Как создать рабочий веб-сайт для ведения блога с использованием чистого HTML, CSS и JS в 2021 году

Это руководство состоит из двух частей. Здесь вы сможете создать на чистых HTML, CSS и JS полноценный блог с фронтендом и бэкендом.

В статьях помимо текста есть ещё видеоверсия, поэтому вы можете выбрать то, что удобнее вам:

Часть 1 — https://tprg.ru/OIFN

Часть 2 — https://tprg.ru/NdWX

#фронтенд #бэкенд

​Интерактивная шпаргалка по CSS-свойству display

Если хотите досконально изучить все возможности свойства display, то эта шпаргалка отлично вам в этом поможет. Кликайте на нужное вам значение свойства и получите подробную информацию по всем его возможностям и особенностям:

https://tprg.ru/Csch

#css

​Управление состоянием в Next.js

Эта статья является учебным пособием по управлению сложными состояниями при использовании Next.js. Речь пойдёт о наиболее частых случаях, поэтому рекомендуем к прочтению:

https://tprg.ru/ikwR

#javascript

​Мир CSS трансформаций

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

В этой статье собраны основные возможности свойства и некоторые приёмы работы с ним:

https://tprg.ru/JLsN

#фронтенд #css

​CSS-нестинг — больше, чем сахар

Многие ждут в CSS аналогичные возможности препроцессоров по созданию вложенных стилей. CSS Nesting должен такую возможность предоставить.

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

https://tprg.ru/JoUD

#фронтенд #css

Библиотека Reseter.css

Это современная и улучшенная альтернатива известным нормализаторам Normalize.css and Reset.css. Важным отличием является не только гораздо меньший размер, но и возможность кастомизации.

Подробнее:

https://tprg.ru/wQBA

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

​Полное руководство по MongoDB

MongoDB является программой базы данных NoSQL, которая в отличие от реляционной базы данных, такой как SQL, обладает куда большим спектром возможностей.

В этой статье вы познакомитесь с MongoDB, узнаете различия NoSQL и SQL, ключевые компоненты архитектуры и много другое:

https://tprg.ru/oW0O

#nosql

​Почему вам следует избегать использования состояния для вычисляемых свойств в React

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

На простом примере создания форм автор показывает, как правильно работать со значениями вычисляемых свойств и какие есть альтернативы состояниям:

https://tprg.ru/M0Fs

#react

​9 полезных CSS-приёмов, которые пригодятся

Изучив подробнее CSS, можно найти множество интересных фишек и приёмов. Не хотите копаться самостоятельно? Вот девять уже готовых приёмов:

https://tprg.ru/i8Im

#css

​Создайте 3D-принтер, который действительно печатает на CSS

Джей Томпкинс известен своими интересными проектами на CodePen. Когда-то мы показывали его раздражительного мишку.

В этой статье он поделился, как именно создаёт такие проекты, в частности, 3D-объекты с помощью CSS. На примере принтера, «печатающего» изображения, он подробно рассказал о применяемых им приёмах:

https://tprg.ru/mZzW

​В TypeScript 4.4 появилась долгожданная функция

Недавно Microsoft выпустила новую версию языка TypeScript. Среди новшеств стоит отметить появление статических блоков в классах, поддержку подсказок, отмену ограничений для Symbol и многое другое.

Подробнее:

https://tprg.ru/9w1V

#typescript

​Новый HTML-элемент для отображения 3D-контента

HTML-элемент <model> пока только на стадии обсуждения, но уже сейчас можно ознакомиться с его будущими возможностями и особенностями.

Его предлагают ввести наряду с уже существующими тегами <img>, <picture> и <video> для простого и удобного способа отображения 3D-контента без применения <canvas>.

Подробнее об элементе можно прочитать тут:

https://tprg.ru/T2jI

#html