Большая подборка туториалов по работе с Kubernetes

В ней материалы от DigitalOcean, Google, Kubernetes, IBM, Amazon, Microsoft:

https://tprg.ru/Iv7c

#devops #kubernetes

SoundCloud выпустили Periskop — сервис для мониторинга за исключениями:

https://tprg.ru/ERvc

UI — на картинке в посте, код — на гитхабе:

https://tprg.ru/rNVY

#мониторинг

Хотите устроиться в Google JavaScript-разработчиком, но боитесь идти на собеседование, потому что не знаете, что там будут спрашивать?

Разработчик сходил туда за вас, а теперь всё подробно рассказывает:

https://tprg.ru/N3qZ

#javascript #google

Дашборд в терминале за 300 строк кода на Go? Легко:

https://tprg.ru/5N9o

#мониторинг #go

Как создать hover-анимацию, показанную в этом видео? Вот подробный гайд:

https://tprg.ru/fdgR

#фронтенд #css

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

В качестве хорошего примера такой системы можно привести дизайн-систему Альфа-Банка:

https://tprg.ru/giHV

А в статье на Хабре дизайнер из банка рассказал, почему такая система — это круто, с какими проблемами приходится сталкиваться и как эти проблемы решаются:

https://tprg.ru/SgmG

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

Подборка из 11 репозиториев, которые помогут прокачаться любому разработчику

1. Awesome — самый популярный репозиторий, в котором представлены все темы, от разработки ПО до аппаратного обеспечения и бизнеса: https://github.com/sindresorhus/awesome

2. Подборка бесплатного ПО и сервисов: https://github.com/ripienaar/free-for-dev

3. Пособие для технических интервью: https://github.com/yangshun/tech-interview-handbook

4. Подборка бесплатных источников для обучения: https://github.com/EbookFoundation/free-programming-b..

5. Подборка бесплатных API: https://github.com/public-apis/public-apis

6. Заметки эффективного инженера: https://gist.github.com/rondy/af1dee1d28c02e9a225ae55..

7. Разбор продвинутых вопросов по JavaScript: https://github.com/lydiahallie/javascript-questions

8. Алгоритмы и структуры данных на JavaScript: https://github.com/trekhleb/javascript-algorithms

9. Чистый код на JavaScript: https://github.com/ryanmcdermott/clean-code-javascript

10. Awesome для начинающих: https://github.com/MunGell/awesome-for-beginners

11. Большой список проблемных строк, которые пользователи могут вводить в ваше программу: https://github.com/minimaxir/big-list-of-naughty-stri..

#javascript

Что там по погоде за окном? Напишите приложение и посмотрите.

Вот, например, приложение на React, можно будет посмотреть погоду на неделю вперёд:

https://tprg.ru/wnps

#фронтенд #react

​Анимация частиц с параллакс эффектом

Наш подписчик выпустил очередное видео, в котором показывает процесс создания анимации частиц с параллакс эффектом на чистом JavaScript.

Ссылка на код: https://tprg.ru/rvTb

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

#фронтенд #javascript

​Канареечный подход к разработке

Подход к разработке Canary Deployment называется так в честь интересного способа проверки наличия опасных газов в шахтах. Канарейки очень любят петь, а ещё они чувствительны к метану и угарному газу. Даже при небольшой концентрации этих газов в воздухе они теряют сознание или умирают. Золотоискатели и шахтёры брали птичек с собой: пока канарейки поют, можно работать. Замолчали — в шахте газ и пора уходить. Так шахтёры жертвовали маленькой птичкой, чтобы остаться в живых.

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

Как работает подход, чем он полезен и как его реализовать, смотрите в видеодокладе.

А текстовую версию можно почитать здесь: https://tprg.ru/y1Zp

#devops

Гайд по созданию аркадной игры на ванильном JavaScript:

https://tprg.ru/tfbd

#фронтенд #javascript

CSS4 будет?

Последняя пронумерованная версия CSS — это CSS3. Но какой-то чёткой системы версионирования CSS сейчас нет. Что было добавлено после CSS3? Где можно найти систематизированную информацию в удобном виде?

В феврале этого года начала работу CSS4 Community Group, участники которой пытаются сформировать независимый набор спецификаций — CSS4.

В статье «CSS X» Берт Бос, один из отцов CSS, поделился своими мыслями по поводу вопроса версионирования CSS:

https://tprg.ru/Rkq3

#css

В качестве базы данных можно использовать и обычную таблицу в Google Sheets. Вот с помощью этого плагинчика:

https://tprg.ru/SdWo

#базыданных

Веб-дизайнер и художник по визуализации данных Николас Руже уже более 20 лет занимается разработкой интерактивных инструментов, инфографики, плакатов. Среди последних его работ — восстановленные научные работы, учебники и энциклопедии 19 века в формате интерактивных сайтов и постеров.

Например, на картинке в посте — постер на основе каталога растений 1868 года. Высокая детализация и похожесть на оригинал достигается его дотошностью: чтобы перенести с бумаги на экран 722 изображения, ему пришлось 3 месяца изучать ботанику и тратить на каждый цветок от 1 до 4 часов.

О других его проектах можно почитать здесь: https://tprg.ru/8yK5

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

REST API на Go

Как написать качественный REST API на Go с использованием Gorilla Mux и PostgreSQL? Читайте в этом большом и подробном руководстве:

https://tprg.ru/6Jon

#бэкенд #api #go

Как добавить немного интерактивности сайту при помощи такой анимации ссылок при наведении? Читайте в статье:

https://tprg.ru/dNmC

#фронтенд #css

Большая подборка JavaScript и TypeScript инструментов

Разбиты по категориям: компиляторы, кодогенераторы, линтеры, тестирование и многое другое

https://tprg.ru/yr23

#javascript #typescript

Как управлять SSH-юзерами?

Когда приходится управлять SSH-пользователями нескольких серверов одновременно, здорово может помочь какой-нибудь подходящий для этого инструмент. Например, такой:

https://tprg.ru/oPzs

#ssh

Стэнфордский курс по веб-безопасности

Рекомендуем отличный базовый курс по основам безопасности веба, который прошедшей осенью читали студентам Стэнфордского университета.

Из курса вы узнаете про распространённые веб-атаки и способы защиты от них, модель безопасности браузеров, популярные уязвимости веб-приложений, TLS-атаки, дактилоскопирование, методы написания безопасного кода.

А в качестве практики вам предложат написать эксплойты, защитить небезопасные веб-приложения и внедрить новые веб-стандарты:

https://tprg.ru/lMu3

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

Приложение на React по конвертации чисел из двоичной системы исчисления в десятичную. Исходники тут:

https://tprg.ru/pBlM

#фронтенд #react

Репозиторий, в котором собрано 23 примера, в которых можно запросто обойтись без JavaScript:

https://tprg.ru/9ABW

#фронтенд #css