Google выпустили WordPress-плагин Google Site Kit для аналитики сайтов

https://wordpress.org/plugins/google-site-kit/ 

С его помощью можно изучить различные метрики из разных инструментов гугла:
— Search Console: увидеть, как ваш сайт показывается в поиске. Отследить, сколько людей там видело сайт и какие запросы использовали для его поиска.
— Analytics: изучить, как ваши пользователи перемещаются по сайту, и отследить достижение целей, которые вы установили.
— AdSense: отследить, сколько денег приносит сайт.
— PageSpeed Insights: увидеть, насколько хороша производительность сайта в сравнении с другими. Получить советы по улучшению производительности.
— Tag Manager: настроить Tag Manager без погружения в код.
— Optimize: настроить Optimize и запустить A/B тесты.

#фронтенд #wordpress

Огромная подборка различных гайдов и статей по Docker

https://dzone.com/articles/the-complete-docker-collection-tutorials

Разбиты на несколько тем:
— Что такое Docker и зачем его использовать?
— Основы Docker, основные команды.
— Гайды по созданию Docker-приложений.
— Docker и Kubernetes, Docker и Spring Boot.
— Подборки инструментов. 

#devops #docker

Сможете чётко ответить, для чего используется super() в JavaScript?

Если нет, то у нас есть для вас отличная статья в тему. А если да, то тоже читайте и закрепляйте знания: https://css-tricks.com/what-is-super-in-javascript/

#javascript

Сможете нажать на кнопочку?

Попробуйте тут: https://codepen.io/bnhovde/pen/OJLYGKx

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

26 советов по использованию Vue.js

https://tprg.ru/tDmA

Способы динамического добавления и удаления CSS-классов, синтаксис массивов и объектов, использование JS-выражений для вычисления CSS-классов и многое другое.

Смотрите также: гайд по созданию приложения для определению эмоций, пол и возраста человека на Vue.js

#фронтенд #vuejs

Чем канал IT Новости отличается от других каналов с новостями про технологии?

Там весёлая авторская подача и смешной мем для каждой новости.

Проверьте и подключайтесь: @tprogerlive

EasyDB — сервис для создания базы данных в один клик: https://easydb.io/

Подойдёт для небольших проектов или, например, хакатонов. НЕ подойдёт для высоконагруженных проектов с большим количеством обращений к БД.

Поддерживаются клиенты на JavaScript, Python, Ruby и Shell.

#бэкенд #базыданных

Самое интересное с Chrome Web Dev Summit 2019

https://tprg.ru/LlE0

В середине ноября прошла конференция по вебу от разработчиков Chrome. Что там рассказали:
— переработанные элементы <form> и новые HTML-элементы;
— новые функции и селекторы CSS;
— сближение натива и веба;
— концепция «адаптивной загрузки».

Видосы с конференции на YouTube: https://tprg.ru/P8xm

#chrome #html #css

Что почитать по NGINX

Подборка самых актуальных книг по NGINX на русском и английском языках: https://tproger.ru/translations/nginx-books-and-sites/

А в конце подборки — 6 ресурсов с просторов интернета, которые тоже помогут в изучении системы.

#бэкенд #nginx

Очередная часть перевода курса курса The Odin Project от нашего подписчика

https://github.com/vectree/nodejs

На этот раз про Node.js. В рамках этой части рассматриваются Express, Passport.js, работа с API, тестирование.

Читайте также: в том же формате про фронтенд

#бэкенд #nodejs

Слайдер сравнения изображений ДО и ПОСЛЕ

В этом видео наш подписчик рассказывает, как создать слайдер сравнения изображений «до» и «после»: https://youtu.be/H-RQRANL8y0

Изображения можно будет сравнивать с помощью передвижения ползунка и стрелок на клавиатуре. В ходе урока будут использоваться HTML, CSS и JQuery.

#фронтенд #html #css #jquery

Функциональное программирование с примерами на JavaScript

Статья в двух частях:

В первой части — основы ФП, каррирование, чистые функции, fantasy-land, функторы, монады, Maybe-монады и Either-монады: https://tproger.ru/translations/functional-js-1/

Во второй — аппликативные функторы, curryN и Validation Applicative: https://tproger.ru/translations/functional-js-2/

Также смотрите — русскоязычный видеокурс по ФП от Computer Science Center: https://tproger.ru/video/func-programming/?autoplay=1

#javascript

В этой статье читайте, как разработать браузерную HTML5-игру с помощью языка TypeScript и фреймворка Phaser: https://tprg.ru/8KG0

#фронтенд #typescript #html

Как не запутаться с цветами в CSS-коде, как нормально выравнивать текст, как грамотно реализовать анимацию — эти и несколько других советов в небольшой статье: https://tprg.ru/UdV5

Читайте также — 5 принципов, которые помогут написать поддерживаемый, масштабируемый и чистый CSS

#фронтенд #css

Несколько советов по эффективному использованию PostgreSQL

https://tprg.ru/ekDJ

— быстрое копирование файлов в БД;
— представление данных в удобочитаемом виде;
— извлечение максимальной пользы от работы с массивами и JSON;
— анализ данных;
— работа с геометрическими данными;
— использование рекурсивных запросов.

Смотрите также — видеолекции по администрированию PostgreSQL

#бэкенд #базыданных #postgresql

Наш подписчик сделал удобную страничку, где собрал по категориям полезные инструменты и ресурсы для веб-разработки.

Зацените: https://tools.lullis.ru/

#инструменты

Круговое меню

В этом видео наш подписчик рассказывает, как его создать с помощью HTML, CSS и JS.

#фронтенд #html #css #javascript

Инструмент, с помощью которого можно развернуть сервер с фейковым REST API: https://github.com/typicode/json-server

А можно ничего не разворачивать и использовать уже готовый на его основе вариант: https://github.com/typicode/jsonplaceholder

#бэкенд #инструменты #api

Всё, что нужно знать про CSS

Огромная статья по CSS, которая заменит скучное чтиво большого списка CSS-свойств. Статья НЕ подойдёт тем, кто считает себя профи в CSS, и тем, кто практически с ним не знаком.

А вот для тех, кто уже делал что-то простенькое — самое то: https://www.taniarascia.com/overview-of-css-concepts/

#фронтенд #css

Блог, автор которого рассказывает про шаблонный подход к разработке веб-интерфейсов:
https://inclusive-components.design

Каждый пост в нём рассказывает про какой-то один компонент и предлагает лучший вариант реализации.

#фронтенд

​​Что делать, когда не получается развернуть приложение с помощью Kubernetes?

1. Не отчаиваться.
2. Изучить подробную блок-схему со всеми возможными вариантами действий и полезными командами.

Статья об этом + ссылка на схему в формате PDF: https://learnk8s.io/troubleshooting-deployments

#devops #kubernetes