​.варочная_панель { float: left }

Правильный старт с Django

Минимум кода, максимум общих фактов. Такой взгляд поможет тем, кто хочет начать изучать Django, но теряется на старте. Статья раскрывает концепции фреймворка и общий принцип его работы. Если вы всё ещё раздумываете над тем, стоит ли «потыкать» Django, эта статья для вас:

https://tprg.ru/eY5z

#бэкенд #django

Тест на знание паттернов проектирования в JavaScript

Всего 23 вопроса, которые меняются после перезагрузки страницы. Результаты по каждому из них выводятся в виде красных и зелёных линий вверху. Хороший способ провести досуг с пользой:

https://tprg.ru/jRM1

А сколько правильных ответов у вас?

#javascript #паттерны

26 популярных Ruby on Rails-репозиториев за июнь

Почти тридцать инструментов под различные нужды: от эффективного управления GitHub-уведомлениями до плагина для проверки даты и времени:

https://tprg.ru/fl5r

#ruby #бэкенд

Начал работу над своим новым супер крутым стартапом. Пока что все продвигается просто отлично!

Бесшовные переходы между страницами на примере DEV

Использование таких переходов обеспечивает визуальную непрерывность. Если «полистать» dev.to, можно заметить, насколько плавно одна страница заменяется другой.

Из этой статьи вы узнаете, какой архитектурный паттерн применён на портале DEV:

https://tprg.ru/EG8I

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

Периодическая таблица инструментов DevOps

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

https://tprg.ru/plLk

Чтобы получить больше информации о каком-то из «элементов», достаточно кликнуть по нему: выпадет окошко с описанием, ссылками на Википедию и официальный сайт.

#devops

Видео о верстке и CSS

Этот паблик — часть айтишного медиа Tproger, которому снова нужны руки и мозги.

Пару месяцев назад мы уже публиковали вакансию пишущего редактора и успешно наняли двух спецов — Пашу и Алину. Врата нашего издания снова открываются: забегайте и оставайтесь с нами.

На старте 20–50 000 ₽, можно удалённо. Нужно разбираться в IT, создавать и редактировать медийные продукты.

Ссылка на вакансию: https://tprg.ru/BWmP

Если у вас есть знакомые, которым подойдёт эта #вакансия — поделитесь, пожалуйста.

Игра Flexbox Froggy поможет освоить или вспомнить свойства CSS Flexbox. Суть в том, что вам нужно правильно разместить всех лягушек с помощью CSS-свойств. Игра состоит из 24 уровней — чем дальше, тем сложнее:

https://tprg.ru/ySeO

#фронтенд #css

​Доступны бета-версии GoLand 2020.2 и PhpStorm 2020.2

Это означает, что JetBrains прекращает внедрение новых функций в эти IDE и сосредотачивается на улучшении того, что уже сделано. Бета-версии можно скачать с официального сайта JetBrains.

GoLand 2020.2: https://tprg.ru/n4rN
PhpStorm 2020.2: https://tprg.ru/cJ8V

Ждали?

#бэкенд #go #php

Ох уж эти node_modules

Cloudflare лежит. Если ваши проекты, как и наш сайт, сейчас страдают — скорее всего, причина в этом.

Статусы смотрите здесь: https://www.cloudflarestatus.com/ — потому что стандартный для такого мониторинга downdetector тоже лежит, видимо они на клаудфлере.

UPD: подняли

Компания Adobe представила React Spectrum

Это коллекция библиотек и инструментов, которые помогут создавать адаптивный, доступный и надёжный пользовательский интерфейс. React Spectrum включает в себя три библиотеки:

— React Spectrum: «реактивная» реализация Spectrum.
— React Aria: хуки для работы с a11y, i18n и поведением компонентов.
— React Stately: хуки для работы со стейтом компонентов.

Подробнее: https://tprg.ru/rbsJ

#фронтенд #react

​Странное поведение JavaScript на примере задач

Давно не секрет, что JS порой ведёт себя непредсказуемо. Этому вопросу посвящена целая лекция под названием «WTFJS» от Брайана Леру. А вот несколько задачек на JavaScript, которые связаны с необычным поведением языка:

https://tprg.ru/6Uf9

Кому-то они помогут узнать что-нибудь новое, а кто-то сможет освежить знания.

#javascript #фронтенд

​Быстрая загрузка страниц с preconnect и crossorigin

По умолчанию браузеры сначала подгружают ресурсы, объявленные в HTML. Однако ресурсные подсказки сообщают браузеру о некоторых элементах заранее, что ускоряет загрузку. То же и с атрибутом crossorigin в теге <link>: он описывает, какие ресурсы будут загружены из указанного источника.

Автор статьи разобрал преимущества использования preconnect и crossorigin, а также привёл статистику по скорости загрузки страниц в диаграммах:

https://tprg.ru/P7Rz

#фронтенд #html #css

Дизайнер: Выглядит красиво, но не мог бы ты поднять заголовок на 1 пиксель вверх?
Разработчик: Конечно могу, но тогда мне придется написать 19px (некрасиво) вместо 20px. Мне не нравятся некруглые числа.
Дизайнер: Да, окей. Оставляем так.

20 ресурсов для создания тестовых данных

Проверять работоспособность объекта можно по-разному, но суть одна: тестирование не должно затрагивать реальные процессы.

Допустим, вам нужен готовый набор фейковых телефонов. Или вы работаете с API и проверяете ответ сервера. В юнит-тестах не стоит использовать настоящие данные или доступ к серверной части: для этого есть объекты, имитирующие реальную ситуацию.

В статье собраны готовые инструменты для быстрого создания тестовых данных:

https://tprg.ru/5Jt4

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

Возвращение веба 90-х

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

Статья: https://tprg.ru/I8SW
Демо старого веба: https://tprg.ru/19i8

#веб

box-shadow: 80px -80px;