План обучения по DevOps

Если планируете полноценно прокачаться в девопсе, то рекомендуем обратить внимание на этот план обучения.

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

https://tprg.ru/o8rk

#devops

Let's Encrypt перешёл к проверке с использованием разных подсетей

Let's Encrypt объявил о внедрении новой схемы подтверждения полномочий на получение сертификата для домена.

Обращение к серверу, на котором размещён используемый в проверке каталог "/.well-known/acme-challenge/", теперь будет осуществляться с использованием нескольких HTTP-запросов, отправляемых с 4 разных IP-адресов, размещённых в разных дата-центрах и принадлежащих к разным автономным системам. Проверка признаётся успешной только, если как минимум 3 из 4 запросов с разных IP оказались успешными.

Источник: OpenNET

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

Как самому обучиться фронтенд-разработке?

Каких успехов можно достичь во фронтенд-разработке, если тратить на неё по 2 часа в день в течение одного года?

Спросили у разработчика с 20-летним стажем, он всё рассказал:

https://tprg.ru/jH8K

#фронтенд

Подборка из 6 бесплатных курсов от Microsoft по Azure:

— Администрирование контейнеров в Azure: https://tprg.ru/6UFE
— Инжиниринг данных с Azure Databricks: https://tprg.ru/e9qj
— Разработка эффективных решений в Azure: https://tprg.ru/j7As
— Работа с данными NoSQL в Azure Cosmos DB: https://tprg.ru/7MmS
— Реализация хранилища данных с Хранилищем данных SQL Azure: https://tprg.ru/Ucmb
— Создание приложений с Azure DevOps: https://tprg.ru/tW0p

#devops #облака #azure

Тестирование фронтенда

Какие инструменты и подходы для разных типов тестирования фронтенда обычно используют разработчики и тестировщики?

Задали этот вопрос профессионалам, ответами делимся с вами:

https://tprg.ru/2hwA

#фронтенд #тестирование #эксперты

Хотите создать такой эффект пыли на чистом CSS? Вот код:

https://codepen.io/uiswarup/pen/oNXYNOB

#фронтенд #css

Экспресс-курс по основам веб-дизайна:

https://tprg.ru/ThEa

Буквально на 5 минут сможете узнать про правильный подход к отступам, выравниванию, типографике, цветам и многому другому.

#фронтенд #дизайн

​Документальный фильм про Vue.js

Vue.js начинался как сторонний проект разработчика из Google. А теперь занимает лидирующие позиции во фронтенд-разработке наравне с React и Angular.

Вышел документальный фильм, в котором Эван Ю, создатель фреймворка, рассказывает историю его создания.

#vuejs

Alpine JS

Это фронтенд-фреймворк, который позиционируется как нечто среднее между чистым JS и большими Vue и React.

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

https://tprg.ru/3FOc

#фронтенд #alpinejs

GoAdmin — это небольшой Go-фреймворк, с помощью которого за несколько минут вы сможете создать админку для визуализации многих типов данных.

Быструю демку можно потыкать здесь: https://tprg.ru/XvcL

А посмотреть код здесь: https://tprg.ru/vziF

#фронтенд #go

Консольные команды для отладки в браузере

Владеете ли вы консолью отладки в браузере на pro уровне? Если ещё нет, то самое время изучить несколько полезных консольных команд, которые упростят вам жизнь.

Вот подборка таких команд с пояснениями по применению:

https://tprg.ru/tU7o

#фронтенд #инструменты

​Эффект перемещения частиц по гексагональной сетке

В новом видео наш подписчик рассказывает, как создать эффект перемещения частиц по гексагональной сетке. Без использования библиотек, на чистом JavaScript.

В конце получится несколько интересных анимаций. Вот их код:
— https://tprg.ru/tAHi
— https://tprg.ru/0mjW
— https://tprg.ru/4DRk
— https://tprg.ru/mYt8
— https://tprg.ru/QG8L
— https://tprg.ru/vEb3
— https://tprg.ru/kUdz

Другие уроки по анимации:
— анимация волнистых колец;
— эффект притяжения и отталкивания частиц;
— эффект электроразряда.

#фронтенд #javascript

Подборка из 10 фишек JavaScript

Т.к. React построен на основе чистого JS, то с помощью этих фишек можно будет писать более качественный код на этом фреймворке:

https://tprg.ru/sAOb

#javascript #react

Учебники по веб-разработке

Сайт, на котором собрана теория по многим темам веб-разработки — JS, PHP, Node.js, Vue.js, React.js, Laravel, WordPress, AJAX:

https://tprg.ru/vesT

#javascript #php

Онлайн-инструмент, с помощью которого можно сгенерировать CSS-стиль для Material Design компонента:

https://tprg.ru/xV5L

#фронтенд #css

Баг у Let's encrypt. Возможно, вам нужно перевыпустить сертификат

У Let's encrypt обнаружился баг в коде CAA, который появлялся во время выпуска сертификата. Баг уже исправлен, но некоторые сертификаты будут отозваны уже завтра, 4 марта.

Подробности бага описаны на официальном форуме: https://tprg.ru/aCzK

А проверить, нужно ли перевыпускать сертификат для своего домена можно здесь: https://tprg.ru/Adix

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

Чистый PHP

Репозиторий, в которой собраны принципы написания читабельного, переиспользуемого и пригодного для рефакторинга кода, адаптированные для PHP:

https://tprg.ru/VHyI

Взяты из книги «Чистый код» Роберта Мартина.

#php

Изучаем CSS вместе

.window:nth-child(3) { transform: rotate(45deg); }

Подборка из 5 бесплатных курсов для IT-Администраторов от Microsoft

1. Microsoft 365: модернизация корпоративного развертывания с использованием Windows 10 и Office 365: https://tprg.ru/A2Hu

2. Администрирование ресурсов инфраструктуры в Azure: https://tprg.ru/J4W3

3. Управление ресурсами в Azure: https://tprg.ru/FO4w

4. Основы Microsoft 365: https://tprg.ru/kHtR

5. Администрирование контейнеров в Azure: https://tprg.ru/Z7Ul

#devops

Paint времён Windows 95 реализовали на JavaScript

Для тех, кто хочет поностальгировать, порисовать можно прямо в браузере: https://jspaint.app/

25 лет назад можно было работать только с BMP, PCX или MSP форматами файлов (вы, наверное, даже и не знаете два последних!), а также сохранять и загружать цветовые палитры. Позже последнюю функцию убрали, зато добавили поддержку популярных и сейчас форматов вроде JPEG и PNG.

Интерфейс даже в Windows XP оставался таким же, просто в другом цвете. В то время Paint научился работать через GDI+ с большинством современых типов изображений, но всё ещё без поддержки прозрачности.

Значительные изменения пришли с Windows 7 и Ribbon-интерфейсом. А из десятки Paint вообще хотят убрать и перенести в Windows Store.

Влияют ли теги H1 на ранжирование в Google?

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

— «Поместите заголовок страницы в теги H1»;
— «Используйте только один заголовок H1 на страницу».

Сейчас вроде как Google более комплексно анализирует контент на странице, и эти правила уже не так и важны. Или нет?

Эксперт по SEO решил провести эксперимент и получить ответ на этот вопрос. Вот, что у него получилось:

https://tprg.ru/TZhW

#seo