Хотите представить себя хакером в каком-нибудь голливудском фильме? Или просто нужно сделать видимость очень важной работы?

Тогда вам подойдёт вот этот футуристичный терминал.

Инструкция по установке и подробности разработки: https://github.com/GitSquared/edex-ui

#бэкенд #консоль #кек

Увлекательная игра для изучения CSS Grid: https://www.outpan.com/app/adaa79d5fc/css-grid-garden

В ней вам нужно будет выращивать морковку: поливать её и спасать от сорняков. Попутно и выучите, как работать с CSS Grid.

#фронтенд #css

Почему во фронтенде так много разных фреймворков? Что способствует появлению новых? По каким критериям выбирать те или иные технологии в крупных проектах? Какой стек технологий обеспечит надежность и хорошую производительность приложения и при этом не сильно устареет с течением времени?

Читайте мнение техлида фронтендеров: https://dou.ua/lenta/articles/front-end-stack-variability/

А вы что думаете по этому поводу?

#фронтенд

Обзор HTTP-клиентов на Python и сравнение их производительности: https://julien.danjou.info/python-and-fast-http-clients/

#python #api

Огромный курс по React из 27 больших статей: https://tprg.ru/0Mal

Добавляйте в закладки и изучайте.

#фронтенд #react

Готовим для вас свежие и актуальные IT Новости.

Подписывайтесь и будьте в курсе событий в разработке и IT-мире: @tprogerlive

Наверняка каждый JavaScript-разработчик использовал метод console.log(‘text’) для отладки кода. Скорее всего, console.warn() и console.error() вам тоже знакомы.

Но есть много других логов, которые могут помочь повысить эффективность отладки кода на JS. В этой статье читайте про 8 самых интересных из них: https://tprg.ru/Lvha

#javascript #nodejs

Muzli Colors — удобный инструмент для веб-дизайнеров: https://colors.muz.li/

Вы вводите основной цвет для вашего интерфейса (или выбираете готовый), а сервис подбирает комплиментарные цвета и показывает, как их использовать на интерфейсе.

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

The Odin Project — бесплатный образовательный проект, который состоит из трёх направлений: full-stack JavaScript разработка, фронтенд и full-stack Ruby On Rails разработка. Курсы на английском: https://www.theodinproject.com/tracks

Но некоторую часть этого курса уже перевели на русский: основы Git, фронтенда, бэкенда, JavaScript, фреймворков. Держите ссылку: https://github.com/vectree/web-development-101

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

ES10 — это актуальная для 2019 года версия ECMAScript. В ней не так много нововведений, как в версии ES6 2015 года, но несколько интересных функций появилось.

Познакомьтесь с ними на примерах простого кода: https://tprg.ru/bZeN

#javascript #es

Казалось бы, CSS прост и понятен, но его всё равно можно испортить, если не придерживаться каких-либо правил. А ведь код на CSS, как и любой другой код, должен быть поддерживаемым, масштабируемым и чистым.

В этой статье читайте про 5 принципов, которые помогут этого добиться: https://bit.ly/31gpFbu

#фронтенд #css #лучшиепрактики

Postgres vs Mongo

Есть мнение, что Postgres — это чисто реляционная СУБД из прошлого века, плохо приспособленная под реалии современных проектов.

Гендиректор Postgres Professional сравнил Postgres и Mongodb на разных типах нагрузки и теперь рассказывает про их плюсы и минусы.

Презентация: http://backendconf.ru/2017/abstracts/2781

Смотрите также:
— видеолекции по разработке бэкенда с использованием PostgreSQL 9.6;
— видеолекции по администрированию PostgreSQL 10.

#бэкенд #postgresql

В JavaScript есть оператор «...», с помощью которого можно писать более лаконичный код. Его можно использовать с любым совместимым контейнером: object, array, string, set, map.

В статье читайте, как этот оператор работает и как его использовать: https://bit.ly/33Ehesa

#javascript

Знали, что ВКонтакте у некоторых пабликов тоже есть каналы, как в телеге? У нашего паблика «Типичный программист» есть такой.

Присылаем туда только самое важное:
— подборки свежих новостей;
— подборки лучших статей;
— и подборки актуальных вакансий.

Подписывайтесь: https://vk.cc/8zr3BE

ORM на PHP

cycle/orm — мощная ORM для долгоживущих приложений и не только. Можно использовать и как DataMapper, и в стиле ActiveRecord: https://github.com/cycle/orm

Готова подробная документация c примером динамического определения схемы и связей.

#бэкенд #php

Задумывались когда-нибудь об удобстве навигации в выпадающих меню? А ведь есть даже исследования, которые изучают это. Итог этих исследований — закон навигации Аккота–Чжая.

Читайте объяснение этого закона и рекомендации по применению его на практике: https://tprg.ru/bu75

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

Cloudflare организовала поддержку HTTP/3 в nginx

Cloudflare создала модуль для поддержки HTTP/3 в nginx — это должно упростить развёртывание серверов с использованием протокола нового поколения. Он сделан в форме надстройки над библиотекой quiche. Написан на языке Си.

Штатную поддержку протокола в ветке 1.17 обещают обеспечить через 6−12 месяцев. Для сборки на основе версии nginx 1.16 нужен патч и код библиотеки quiche — после этого nginx нужно пересобрать с опциями — with-http_v3_module, —with-quiche=../quiche. Поддержка TLS должна стоять на BoringSSL, OpenSSL пока не работает.

Про сам HTTP/3 можно почитать у нас на сайте: https://tproger.ru/news/quic-standardize-http3/

#бэкенд #nginx #http

Каких правил придерживаются разработчики в Google при проведении code review? Рассказываем: https://tproger.ru/translations/code-review-a-la-google/

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

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

В этом случае «бесплатных» — значит, что у сервиса есть бесплатная (хоть и с ограничениями) версия, а не просто бесплатная пробная версия на месяц.

В списке есть много инструментов для работы с API, для командной работы, для настройки CI/CD, для тестирования, для отладки и многое другое: https://free-for.dev

#devops

Лучшие практики Kubernetes

DigitalOcean выпустили инструмент Clusterlint. Он проверяет Kubernetes-кластеры на следование лучшим практикам. Она помогает избежать распространённых проблем, возникающих при использовании и обновлении кластеров: https://github.com/digitalocean/clusterlint

Clusterlint проверяет и общие настройки, и те, что специфичны для отдельных платформ. При этом утилита не меняет настройки, лишь сообщает пользователю о результатах.

#devops #инструменты #лучшиепрактики

Интерактивный гайд по изучению flex-свойств для контейнеров и отдельных элементов: https://www.outpan.com/app/1b970b008f/flexbox-playground

#фронтенд #css