Разработчик 5 лет работал с React и составил большой список разного рода рекомендаций, которые будут полезны и новичкам, и тем, кто уже хорошо знаком с библиотекой: https://tprg.ru/vN64

#фронтенд #react

Подборка из 7, на первых взгляд, простых, но хитрых вопросов по JavaScript, которые могут попасться вам на собеседовании: https://tprg.ru/q5fK

#javascript

Читайте историю про то, как девушка хотела научиться анимационному дизайну на CSS и поставила перед собой челлендж «25 дней CSS»: https://bit.ly/2MS45WC

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

Если просто хотите посмотреть работы, то заходите сразу на CodePen: https://codepen.io/collection/DBeLyg/

#фронтенд #css

Банковская карточка с приятной анимацией: https://codepen.io/JavaScriptJunkie/pen/YzzNGeR

#фронтенд #vuejs

Руководство по созданию приложения с помощью Django, Docker и PostgreSQL: https://tprg.ru/5Bo8

#фронтенд #бэкенд #docker #django #postgresql

20 React-инструментов, которые помогут повысить продуктивность вашей работы: https://tprg.ru/qpfn

Например, обратите внимание на Reactide — IDE для React.js. В этой IDE встроен Node.js сервер и браузер, поэтому все изменения в коде сразу будут отображаться в IDE.

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

Composition API во Vue 3

На нашем сайте появилась подробная текстовая расшифровка доклада с митапа по Vue.js: https://tproger.ru/video/composition-api-in-vue/

В этом докладе спикер рассказал про Composition API во Vue 3:
— зачем он вообще нужен;
— какие проблемы он решает;
— сравнение Options API и Composition API на примере простой игры;
— его плюсы и минусы;
— как с его помощью писать понятные, тестируемые и независимые компоненты.

#фронтенд #vuejs

Webpack на практике: с нуля до создания автотестов

Webpack создаёт граф зависимостей для JavaScript, CSS и прочих, выдавая однофайловые сборки кода так, чтобы вы могли импортировать все необходимые ресурсы JavaScript всего одним тегом script.

В этом руководстве рассказываем, как создать сборку для небольшого веб-приложения, а затем научим вас использовать Webpack для настройки автоматических тестов: https://tproger.ru/translations/webpack-from-zero-to-hero/

Также читайте: 5 плагинов для Webpack

#javascript #webpack

Подробный гайд по оптимизации картинок для вашего сайта: https://bit.ly/2JxXSgp

#фронтенд

Разработка веб-серверов на Go

Стандартная библиотека языка Go включает в себя много полезных компонентов «из коробки», с помощью которых можно легко разрабатывать серверные приложения.

В статье читайте, как написать веб-сервер на Go, начиная с базового «Hello World!» и заканчивая приложением, выполняющим следующие функции:
— использует Let’s Encrypt для HTTPS;
— выполняет маршрутизацию запросов к API;
— реализует промежуточную обработку запросов;
— раздаёт статические файлы;
— корректно завершает свою работу.

Читать статью: https://tproger.ru/translations/go-web-server/

Если вы хотите сразу увидеть готовый код, то заходите на GitHub: https://github.com/jordan-wright/http-boilerplate

#бэкенд #go

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

Читайте руководство по созданию веб-приложения, которое с помощью библиотеки face-api.js по фотографии человека определит его эмоции, пол и возраст: https://tprg.ru/Ky7j

#javascript #vuejs

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