10 советов по эффективному использованию фреймворка Vue.js: https://bit.ly/32QPQqJ

#фронтенд #vuejs

Бесплатные хакатоны для разработчиков

Пройдут в эти выходные, 9–10 ноября, в Москве и Санкт-Петербурге:

— В Москве пройдёт Hack.Genesis, на котором предложат решить одну из трёх задач и побороться за призовой фонд в 300 000 ₽. Также там будут работать образовательные интенсивы. Подробности: https://tproger.ru/events/hack-genesis/

— В Санкт-Петербурге состоится Baltic Sea Hack. Будут представлены задачи из совершенно разных сфер: туризм, экология, помощь людям с ограничениями. Призовой фонд — 500 000 ₽. Подробности: https://tproger.ru/events/baltic-sea-hack/

#ивенты

Руководство по основам безопасности Docker

https://0x00sec.org/t/securing-docker-containers/16913

Охватывает 3 основные категории:

— Если ваша ОС небезопасна, то и Docker не может быть в безопасности. Шаги, которые необходимо предпринять, чтобы обезопасить ОС при взаимодействии с Docker;

— Инструкции по сборке файла конфигурации и созданию контейнеров;

— Нюансы безопасности при работе со специфическими фичами Docker Enterprise.

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

​​Прямо сейчас в Сколково проходит масштабная конференция по хайлоаду — HighLoad++ 2019. В программе больше 100 докладов и митапов, так что будет просто целая куча интересных выступлений!

Присоединяйтесь и смотрите топовые доклады по высоконагруженным системам и веб-разработке от известных специалистов, не отходя от экрана:
https://tprg.ru/Jozx

Подборка фронтенд-проектов для практики. Первая часть.

— Чат на Vue. Вы научитесь создавать компоненты, обрабатывать состояния, создавать маршруты, подключаться к сторонним сервисам и обрабатывать аутентификацию: https://tprg.ru/8Xpo

— Приложение для просмотра погоды на Angular 8. В проекте будут использоваться Firebase, рендеринг на стороне сервера, Flexbox: https://tprg.ru/mrN7

— Приложение для электронной коммерции на Next.js. В этом проекте вы узнаете, как создавать новые страницы и компоненты, извлекать данные, а также стилизовать и развёртывать приложение Next: https://tprg.ru/Pbk7

— Приложение для поиска фильмов на React с использованием API Hooks: https://tprg.ru/npzi

— Мультиязычный блог на Nuxt.js. В проекте вы будете использовать Storyblock-модуль, миксины, Vuex для управления состоянием: https://tprg.ru/zAuM

#фронтенд

Руководство, в котором детально разбирается ООП в контексте JavaScript

— объекты, свойства, методы, классы;
— инкапсуляция, абстракция, наследование, полиморфизм;
— агрегирование и композиция.

Читать: https://tprg.ru/n6cN

#javascript #ооп

Атака HTTP request smuggling

HTTP request smuggling — это атака, при которой злоумышленник вмешивается в обработку последовательности HTTP-запросов, которую получает веб-приложение. 

В статье разбираемся с этой атакой:
— что происходит во время атаки;
— какие уязвимости позволяют её выполнить;
— и как её предотвратить.

Читайте на сайте: https://tproger.ru/translations/http-request-smuggling/

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

Сайт, на котором собраны огромные планы по изучению фронтенда, бэкенда и девопса: https://roadmap.sh/

Следуя таким гайдам, вы сможете стать сильным разработчиком, хорошо развитым по всем направлениям. Их основная цель — помочь найти пробелы в ваших знаниях, а это уже значимая часть победы над собой.

#фронтенд #бэкенд #devops

Подборка фронтенд-проектов для практики. Вторая часть.

— Блог на Gatsby. Gatsby — генератор статических сайтов, использующий React и GraphQL. Интересная альтернатива WordPress: https://tprg.ru/H4Gt

— Блог на Gridsome. Похож на Gatsby, вместо React использует Vue.js: https://tprg.ru/jlpB

— Аудио плеер на Quasar, похожий на SoundCloud. Этот проект покажет, как создать мобильное приложение с использованием Vue и фреймворка Quasar: https://tprg.ru/pkyh

— To-Do приложение на Svelte. Просто хороший гайд по созданию приложения с помощью Svelte 3 от начала до конца: https://tprg.ru/eOw1

Также читайте первую часть подборки.

#фронтенд

10 советов для тех, кто разрабатывает на React

Например, там вы найдёте рекомендации по использованию хуков, Context API, styled-components, фрагментов, Typescript: https://bit.ly/34BHB2d

Также читайте: 10 советов по использованию Vue.js

#фронтенд #react

Code review — как это делать в стиле Google?

Главная цель code review — совершенствовать кодовую базу в проекте. При этом важная составляющая этого процесса — межличностные отношения. Нужно и проекту помочь, и коллеге грамотно объяснить, что вы думаете о его коде.

Читайте, каких принципов code review придерживаются в Google и как решают возникающие конфликты: https://tproger.ru/translations/code-review-a-la-google/

#codereview

Big Monitoring Meetup 4

14 ноября в Санкт-Петербурге пройдёт Big Monitoring Meetup 4, посвящённый российскому рынку IT-мониторинга.

Некоторые темы выступлений:
— Мониторинг сетевой инфраструктуры от Калининграда до Владивостока;
— Как мы помогаем мониторить бекапы;
— Мониторинг сетевого оборудования. Не всё так просто.

Участие бесплатное, нужно только зарегистрироваться. А можно присоединиться к онлайн-трансляции: https://tproger.ru/events/big-monitoring-meetup-4/

#ивенты

Преимущества и недостатки микросервисной архитектуры

Раньше HeadHunter был большим монолитным приложением. Несколько лет назад его команда приняла решение разбить его на микросервисы.

Затем они поняли, что микросервисы — это не серебряная пуля и при неправильном «распиле» создают существенные проблемы: сложность разработки, деплоя, эксплуатации и т.д. Иногда эти проблемы перевешивают преимущества от использования микросервисов.

В докладе слушайте о преимуществах и недостатках микросервисов при вертикальном и горизонтальном делении на микросервисы.

Ссылка на презентацию: http://ritfest.ru/2017/abstracts/2749

#бэкенд #архитектура

Студент Университета искусства и дизайна из Швейцарии запустил сайт, на котором можно посмотреть, как менялась полоса прокрутки с 1981 года. И покрутить самому: https://scrollbars.matoseb.com/

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

​​«Клеймо» для медленных сайтов

Разработчики Chrome подумывают о том, чтобы каким-то визуальным образом сообщать пользователю о скорости загрузки сайтов. Таким образом они хотят предупреждать пользователей о сайтах, у которых есть проблемы с производительностью: https://tprg.ru/G4Nk

Вариантов визуализации несколько:
— показывать информацию о скорости загрузки прямо экране загрузки;
— выделять соответствующим цветом индикатор загрузки страницы (например, зелёным для быстрых сайтов);
— контекстное меню для ссылки, в котором можно узнать информацию о скорости её загрузки.

Как вам такая идея?

#фронтенд #chrome

Сайт, на котором собраны подробные объяснения паттернов проектирования: https://refactoring.guru/ru/design-patterns

Для каждого паттерна на сайте приводится:
— описание проблемы, которая когда-то возникла;
— способ решения этой проблемы с помощью паттерна;
— аналогия с какой-нибудь жизненной ситуацией;
— общая структура паттерна и его реализация на псевдокоде;
— ситуации, в которых было бы уместно применить паттерн;
— преимущества и недостатки;
— примеры реализации на C#, Java, PHP, Python, Ruby, Swift или TypeScript.

#паттерны

React Context

Он часто используется для управления состоянием, заменяя собой Redux. В этой статье подробно рассказываем про React Context и учим правильно его использовать: https://tproger.ru/articles/react-context-in-5-min/

#фронтенд #react

Подробное введение в работу с Git

Git — инструмент разработки, без которого сегодня вряд ли может обойтись хоть одна команда программистов.

В этой статье мы рассмотрим самые полезные команды Git и ситуации, когда их стоит использовать. А если вы уже знакомы с Git, то она поможет освежить свои знания: https://tproger.ru/translations/beginner-git-cheatsheet/

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

chaoskube — инструмент, который умеет проверять Kubernetes-кластеры на прочность: https://github.com/linki/chaoskube

Как он это делает?
Да просто раз в 10 минут убивает случайный под в кластере и смотрит, как ваша система справляется с этим сбоем.

#devops #kubernetes

Не так давно Apple представила собственную систему авторизации Sign in with Apple и сделала её обязательной для всех приложений в App Store, которые используют вход через соцсети. К счастью, Apple сделала подробную документацию для этой фичи.

А в этой статье читайте про конкретный пример внедрения этой авторизации в свой сервис: https://tprg.ru/8rzB

#фронтенд #apple

Лучшие практики Node.js

Этот репозиторий — компиляция десятков лучших статей по Node.js. В нём собрано более 80 рекомендаций и лучших практик: https://github.com/goldbergyoni/nodebestpractices/blob/master/README.russian.md

— какую структуру проекта выбрать;
— как обрабатывать ошибки;
— как оформлять код;
— как тестировать код;
— как обеспечить безопасность;

Также читайте: Лучшие практики по тестированию JavaScript и Node.js приложений

#nodejs #лучшиепрактики