Исходники для создания такой залипалки: https://codepen.io/jkantner/pen/JjPZYXp

#фронтенд

Пошаговое создание и попутное сравнение полностью одинаковых проектов на React и Vue: https://tprg.ru/ATrX

#фронтенд #react #vue

Большая подборка облачных сервисов: https://github.com/Atarity/deploy-your-own-saas

Подборка разбита не по каким-то категориям, а по конкретным проектам. Например, есть наборы инструментов для развёртывания своего VPN, фотохостинга, почтового сервиса и многого другого.

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

Как думаете, нужен ли JavaScript для создания анимации воды, как на видео?

Нет, не нужен. Достаточно CSS и SVG-фильтра. Почитайте, как это реализовать: https://redstapler.co/realistic-water-effect-svg-turbulence-filter/

Или посмотрите этот же туториал в формате видео: https://youtu.be/q-i0rZBZvBk

#фронтенд #css

Большая подборка ресурсов по веб-фреймворку Laravel

— ресурсы для изучения фреймворка;
— сообщества для общения с единомышленниками;
— расширения и пакеты Laravel;
— сервисы для конфигурирования.

Добавляйте в закладки и используйте: https://tprg.ru/BTcj

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

Интервью с веб-разработчиком Pornhub

Недавно мы публиковали интервью с веб-разработчиком сайта Pornhub. Теперь читайте его на русском на нашем сайте: https://tproger.ru/translations/pornhub-web-developer-interview/

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

#фронтенд

Вот такие мемы делаем в соседнем канале IT Юмор.

Зацените и подписывайтесь: @ithumor

Гайд по настройке безопасности SSH-сервера: https://tprg.ru/Cq5M

#бэкенд #безопасность #ssh

Заделываем дыры в кластере Kubernetes

Kubernetes в последнее время стал де-факто стандартом оркестрации контейнеров. Поэтому важно понимать многие аспекты этой технологии. Особенно в плане безопасности.

Автор доклада рассказывает о некоторых направлениях атаки на кластер Kubernetes и о способах защиты кластера от них. Расшифрует PSP, RBAC, Resource Quota и Limit Range и покажет, чем грозит незнание этих терминов.

Презентация: http://devopsconf.io/moscow/2019/abstracts/5858
Текстовая версия доклада: https://tprg.ru/5cdX

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

На Codecademy совместно с Google запустили курс, посвящённый основам Go: https://www.codecademy.com/learn/learn-go

#go

Grafana — дашборд с открытыми исходниками для отображения всевозможных метрик.

В последней версии туда добавили панель для логов. Очень удобно, чтобы увидеть зависимость между данными и логами в определённое время.

В их блоге читайте, как панель настроить: https://grafana.com/blog/2019/10/16/new-in-grafana-6.4-the-logs-panel/

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

Вчера первой баннерной рекламе в интернете исполнилось 25 лет: https://tprg.ru/mXeV

Баннер с надписью «Вы когда-нибудь кликали мышкой вот сюда? Вы сделаете это» отправлял пользователя на страницу с тремя ссылками. Эти ссылки вели на карту США с отмеченными музеями и галереями, на каталог сайтов AT&T и на опрос.

В 1994 году по этому баннеру кликнули 44% посетителей сайта.

#история

Недавно выходил пост, в котором сравнивалось создание одинаковых приложений с помощью React и Vue.

Теперь давайте посмотрим, что будет, если туда добавить Redux: https://tprg.ru/ocJl

#фронтенд #react #redux

⁠Обзор современных трендов и частых ошибок в веб-дизайне

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

В конце статьи — примеры сайтов с неправильным дизайном: https://tprg.ru/EtlC

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

Гайд по созданию такой интересной анимации: https://tprg.ru/Zjne

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

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

Присоединяйтесь: @tproger_official

Стоит ли изучать Golang и если да, то как

Go — язык молодой и многие до сих пор сомневаются, стоит ли его изучать.

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

А на нашем сайте читайте мнение экспертов по этому поводу: https://tproger.ru/experts/is-go-worth-learning/

#go

Пополняемая подборка плохих практик использования HTML: https://www.htmhell.dev/

#фронтенд #html

CPDoS (Cache Poisoned Denial of Service) — класс атак по «отравлению» кэша, которые приводят к отключению веб-сайтов.

Читайте, как такие атаки работают, какие виды таких атак существуют, к каким последствиям могут привести и как с ними бороться: https://cpdos.org/

#фронтенд #безопасность

⁠Гайд по созданию веб-приложения для поиска фильмов с использованием Vue Composition API: https://bit.ly/2PlA6rX

В конце получится что-то такое:

#фронтенд #vuejs

Reqres — инструмент, который эмулирует REST API: https://reqres.in/

С его помощью можно тренероваться и тестировать Ajax-запросы своего приложения, все CRUD-операции, систему аутентификации. Можно даже задавать задержки ответа для запросов.

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