Очередная статья о применении CSS Grid, только теперь это не стандартное размещение вертикальных и горизонтальных прямоугольников, а сетка, заполненная ромбами.

Инструкция по построению и подробное объяснение:
https://tprg.ru/2FG6

А здесь можно посмотреть результат:
https://tprg.ru/YRWt

#фронтенд #css

​Настройка сервера для сайта — инструкция от Tproger

Делимся опытом по настройке веб-сервера на базе Linux и рассказываем о неочевидных моментах, которых нет в стандартных инструкциях:

https://tprg.ru/GEfy

#бэкенд #linux

Тяжелы будни веб-разработчика

Счастливого Хэллоуина! 🎃

Держите подборку прикольных тематических пенов:
https://tprg.ru/WCSa

#фронтенд

​Краткая шпаргалка по jQuery

В статье перечислены основные методы по работе с селекторами, атрибутами CSS, манипуляции с DOM, события и другие способы использования библиотеки:

https://tprg.ru/fAtU

#фронтенд #jquery

Интересные демки, написанные с минимальным количеством JS-кода:

https://tprg.ru/XRUM

#javascript

​Клиент: «Хотелось бы оставить наш старый фреймворк. Да, конечно, он старый, но зато юзер-френдли».
Тот самый фреймворк клиента:

10 советов для эффективного использования Vue.js

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

— Сокращённый синтаксис слотов.
— Функция $on(‘hook:’) для определения слушателя событий в хуке.
— Валидация props.
— Динамические аргументы директивы.
— Повторное использование компонента для одного и того же маршрута.
— Все свойства от родителя ребёнку.
— Все слушатели событий от родителя ребёнку.
— $createElement для создания виртуальных узлов.
— Использование препроцессора JSX.
— Настройка v-model.

Рекомендации сопровождаются понятными примерами:
https://tprg.ru/640V

#фронтенд #vuejs

​7 Spring-модулей для Java

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

— Spring Boot
— Spring Data
— Spring Cloud
— Spring Cloud Data Flow
— Spring Security
— Spring Integration
— Spring Batch

Также вскользь затронули Spring for Android, Spring CredHub и Spring LDAP.

Подробнее в статье: https://tprg.ru/KozE

#spring

IT Юмор — канал с мемами, понятными только программистам.

Подписывайтесь, если шарите в этом: @ithumor

Пранк, вышедший из-под контроля

Untrusted — игра для изучения JavaScript

Интересная головоломка, в которой предстоит добраться до выхода, преодолевая лабиринт и убирая препятствия кодом. Мало того, что вам придётся писать свой код, так ещё и разбираться в существующем — неплохая практика:

https://tprg.ru/6eA0

А до какого уровня дошли вы?

#javascript

​7 советов по увеличению скорости работы сайта

Статья, из которой вы узнаете, как сделать сайт «шустрее»:

https://tprg.ru/CEjF

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

Знаете другие способы? Поделитесь в комментариях под статьёй.

#оптимизация

Уважаемые HR-ы, если вы ищете кого-то с навыками:
— Java, Python, PHP
— React, Angular
— PostgreSQL, Redis, MongoDB
— AWS, S3, EC2, ECS, EKS
— *nix администрирование
— git
— Docker, Kubernetes

Запомните, это не фулл-стек разработчик.
Это целый IT-департамент.

Хоррор-квест на HTML + CSS

Джейми Коултер написал полноценный сюжетный квест в Codepen, не использовав при этом ни строчки на JavaScript.

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

Суть квеста — узнать шокирующую правду о произошедшем.

Сама игра: https://tprg.ru/zQ8d
Подробный разбор на русском: https://tprg.ru/6Gkx

#css #фронтенд

10 консольных команд для упрощения отладки JavaScript-кода

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

https://tprg.ru/Ht8N

#javascript

О библиотеке Framer Motion

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

https://tprg.ru/gVo8

#фронтенд

В нашем новостном Telegram-канале вы найдёте обзоры самых важных и свежих инфоповодов из сферы IT.

Залетайте: @your_tech

Оголенный бэк

У Telegram могут потребовать ключи шифрования для переписок

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

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

Подробнее в нашей статье: https://tprg.ru/5kuY

#безопасность

Проекты и инструменты для работы с Chrome DevTools

В подборку вошли тулзы для:

— форматирования объектов;
— проверки сети;
— профилирования процессора;
— временных графиков и трассировки;
— интеграции отладчика Chrome с IDE.

В статье вы также найдёте информацию о протоколе Chrome DevTools, библиотеки для работы с ним, адаптеры браузеров и расширения инструментов разработчика:

https://tprg.ru/HBmW

#браузеры #chrome