​Изучаем CSS Grid на примерах

Система Grid (сетка) является одной из наиболее полезных функций, добавленных в CSS. Она позволяет выравнивать элементы страницы по столбцам и строкам. CSS Grid упрощает разработку сложных и адаптивных веб-страниц и не требует данных с плавающей запятой, таблиц или позиционирования. У Grid есть множество и более мощных способностей.

https://proglib.io/w/1b8140ed

#css #layout

​Как работает состояние в React

Большой разбор с примерами кода: https://proglib.io/w/8956351b

#react #frameworks

Крупнейший сервис Телеграм-аналитики TGStat проводит исследование аудитории Телеграма. Опрос анонимный, занимает не больше пяти-семи минут, почти везде просто клики по вариантам ответа. В результате статистика по каналам станет точнее, а жизнь — проще. Давайте поможем: https://tgstat.ru/research

Побуквенная анимация текста

Применение анимации к каждой букве текста отдельно для создания плавного эффекта: https://proglib.io/w/1986676c

#animation #interface

​Старт проекта на TypeScript в 2021

Полный гайд по настройке с использованием современных инструментов: https://proglib.io/w/e74a62eb

#typescript #tools

Frontend SOLID || Архитектура во Фронтенде

5 SOLID-принципов в реальных фронтенд-задачах: https://proglib.io/w/a5fd8524

#video #architecture

Продолжаем конкурс на самый интересный контент в телеграм-каналах Proglib!
Призовой фонд — 280 тысяч рублей. Срок окончания конкурса — 15 мая

Автор лучшего поста в отдельно взятом канале получает 20 тысяч рублей.
Мы упростили конкурс — теперь вам достаточно найти интересную и актуальную статью 2020-2021 года, написать к ней небольшой анонс (до 700 знаков) и прислать нам, тем не менее ваши идеи по другим форматам только добавляют + в общий зачет. Авторство можем указать по вашему желанию. В канале @progbook предлагаем отправлять рецензии на новые книги и старые актуальные.

Полный список каналов:
https://yangx.top/progbook
https://yangx.top/proglibrary
https://yangx.top/pyproglib
https://yangx.top/frontendproglib
https://yangx.top/javaproglib
https://yangx.top/dsproglib
https://yangx.top/phpproglib
https://yangx.top/cppproglib
https://yangx.top/mobileproglib
https://yangx.top/goproglib
https://yangx.top/csharpproglib
https://yangx.top/devopsslib
https://yangx.top/testerlib
https://yangx.top/hackproglib

Все посты будут с лайками и дизлайками и хэштегом #proglib_contest. Ссылки мы будем прогонять через наш сокращатель, будут браться в расчет лайки, дизлайки, охваты, клики по ссылкам. Чем больше лайков/охватов/кликов по ссылкам в публикации, тем больше шансов стать победителем в конкурсе. Присылайте посты боту @proglib_contest_bot с указанием, на какой канал идет публикация. Юридическая информация здесь.

​#proglib_contest

Краткое введение в ESLint

ESLint — это инструмент, который анализирует программный код. Как правило, он используется для обеспечения согласованности синтаксиса в командном проекте.

Некоторые новички используют ESLint, даже не осознавая этого, потому как его уже кто-то настроил =) Однако ESLint — невероятно мощный инструмент, которые умеет не только анализировать код, но и преобразовывать его.

Если вы хотите войти в курс дела, вот хороший вводный гайд:

https://proglib.io/w/4ec993ee

​#proglib_contest

Извини, но нам нужно расстаться, ты заслуживаешь большего (меньшего).
Меньшего количества кода.

В статье представлены 30 методов сокращений в JavaScript для упрощения и оптимизации твоего кода.

Пишите чисто и экономьте время: https://proglib.io/w/2fb1f250

Валидация форм с использованием HTML5 и Regex

Использовании встроенных функций HTML5 для проверки данных различных типов полей ввода без внешних библиотек: https://proglib.io/w/d1b60c4c

#html #forms

​Как понять свойство clip-path в CSS

Чёткое, детальное объяснение того, как работает clip-path и когда его использовать: https://proglib.io/w/f772b14d

#css

​Почему не нужно использовать Webpack

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

https://proglib.io/w/e9d1b3a6

#tools #webpack

​⚛️ 21 хорошая практика для очень хороших React проектов

Несколько практических советов для улучшения качества кода.

https://proglib.io/w/7f05ad53

Импорт по взаимодействию

Импортируем функциональность только тогда, когда она реально нужна.

https://proglib.io/w/c5f8b7d3

​SmartDev - первая технологическая конференция Сбера для разработчиков

⏱ 20 мая
👨‍💻 Онлайн и бесплатно
🎯 Регистрация

Первая техно-конференция, на которой соберутся более 3000 участников и обсудят лучшие практики и возможности Сбера для разработчиков. 6 параллельных стримов, 50+ спикеров. Dev to dev.

На стриме Platform V эксперты расскажут, как быстро перейти на современный стек технологий и автоматизировать создание IT сервисов и продуктов на всех слоях enterprise-архитектуры. Презентация Platform V Light — бесплатные сервисы платформы, впервые доступны для индивидуальных разработчиков и предпринимателей.

О чем поговорим:
- фронтальные и back сервисы для создания и вывода продуктов с минимальным T2M;
- облачное интеграционное решение на базе service mesh;
- использование инструментов AI на всех слоях enterprise-архитектуры;
- serverless инструменты для освобождения разработчиков от инфраструктурных задач;
шардирование и горизонтальное масштабирование для обеспечения высочайшего уровня надежности;
- сервисы Platform V для back-end разработки навыков Салюта.

Участие в конференции бесплатное, по предварительной регистрации.
До встречи в прямом эфире! ✊

Продолжаем конкурс на самый интересный контент в телеграм-каналах Proglib!
Призовой фонд — 280 тысяч рублей. Срок окончания конкурса — 15 мая

Автор лучшего поста в отдельно взятом канале получает 20 тысяч рублей.
Мы упростили конкурс — теперь вам достаточно найти интересную и актуальную статью 2020-2021 года, написать к ней небольшой анонс (до 700 знаков) и прислать нам, тем не менее ваши идеи по другим форматам только добавляют + в общий зачет. Авторство можем указать по вашему желанию. В канале @progbook предлагаем отправлять рецензии на новые книги и старые актуальные.

Полный список каналов:
https://yangx.top/progbook
https://yangx.top/proglibrary
https://yangx.top/pyproglib
https://yangx.top/frontendproglib
https://yangx.top/javaproglib
https://yangx.top/dsproglib
https://yangx.top/phpproglib
https://yangx.top/cppproglib
https://yangx.top/mobileproglib
https://yangx.top/goproglib
https://yangx.top/csharpproglib
https://yangx.top/devopsslib
https://yangx.top/testerlib
https://yangx.top/hackproglib

Все посты будут с лайками и дизлайками и хэштегом #proglib_contest. Ссылки мы будем прогонять через наш сокращатель, будут браться в расчет лайки, дизлайки, охваты, клики по ссылкам. Чем больше лайков/охватов/кликов по ссылкам в публикации, тем больше шансов стать победителем в конкурсе. Присылайте посты боту @proglib_contest_bot с указанием, на какой канал идет публикация. Юридическая информация здесь.

Вендорные префиксы мертвы?

Вы еще используете префиксы для разных браузеров? Может, пора заканчивать? Спойлер: нет, еще не пора, к сожалению.

https://proglib.io/w/c0da58a7

#css #browsers

#vacancy #mnogodeneg

Для нашего проекта, который https://proglib.io, требуется опытный PHP-разработчик.

Задачи
- Доработка и улучшение функционала движка proglib.io;
- Развитие дополнительных сервисов (например, чат-боты в Telegram), позволяющих прокачивать сообщество вокруг Proglib;

Требования
- Знание php >= 7.3 и всех его возможностей;
- Опыт работы с mysql, навыки написания sql запросов;
- Опыт работы с nosql базами данных;
- Умение работать с кэшированием;
- Написание кода по современным стандартам разработки: статические анализаторы, метрики (phpmetrics, dephpend, deptrac), вменяемый code style;
- Опыт работы с очередями (кролик, beanstalkd), понимание принципа работы очередей: ретраи, стратегии обработки проваленных сообщений, таймауты и так далее;
- Умение писать надежный код, устойчивый к различным воздействиям: невалидные данные, неожиданные сбои и так далее;
- Знание паттернов проектирования и паттернов разработки: circuit breaker, outbox, message bus и другие;
- Быть в курсе за внедрение зависимостей, контейнер внедрения зависимостей, миддлвары, хуки, сериалайзеры данных, как все это работает вообще и во фреймворках в частности;
- Опыт написания тестов и желание их писать;
- Опыт работы с Symfony или отсутствие опыта работы с Yii, Codeigniter, Bitrix, WP будет плюсом.

Условия
- Стабильно растущий проект;
- Уютный офис на Таганке, возможность несколько дней работать на удаленке;
- Корпоративное питание;
- Весёлый дружелюбный коллектив и неформальная обстановка;
- Гибкий график, отсутствие дресс-кода;
- Лояльное руководство и возможность посещать профильные мероприятия за счёт компании;
- Зарплата: 150-200 тыс. рублей.

Для связи можно писать в телеграм: @theasder.

Конфигурируем цветовую схему веб-приложения

Палитра, Тематизация, Белая этикетка, Темный Режим и CSS-переменные - и другие задачи, которые решает правильно организованная цветовая схема.

https://proglib.io/w/fef94832

#css #interface