Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K subscribers
2.2K photos
120 videos
38 files
4.61K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
5 идей, как включить веб-доступность в процесс разработки

https://proglib.io/w/ac1f3e3d

#accessibility
Какой системой ведения задач на работе вы пользуетесь? Расскажите в комментариях, что нравится, а что нет:
Anonymous Poll
55%
jira
3%
asana
5%
youtrack
12%
trello
0%
megaplan
0%
monday
5%
bitrix24
3%
google таблицы
10%
никакой не пользуюсь
6%
другая, напишу в комментариях
VDS (value definition syntax)

В статье описаны причины создания и принципы грамматики синтаксиса, который используется в спецификациях css для описания типа значения свойства, селекторов и вообще почти везде. Понимание этого синтаксиса значительно облегчает чтение спецификации: https://proglib.io/w/dc469fb2

#css
Хочешь наконец заинтересовать своего ребенка программированием?

🎒Совсем скоро начнется новый учебный год, и Proglib Academy запускает курсы для детей.

Спикеры наших курсов — опытные преподаватели, имеющие многолетний опыт обучения детей информатике и программированию.

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

📱Итог обучения — работающие игра/мобильное приложение, которое можно будет посмотреть у себя на устройстве!

Оставляйте заявки на курсы:

1. Основы логики и программирования (6-7 лет)
2. Разработка игр на Unity (10-12 лет)
3. Мобильная разработка на Kotlin (14-17)
Кажется, мы стали забывать основы фронтенда

https://proglib.io/w/91e0c912
Шпаргалка по React Router

Все, что вам нужно знать о маршрутизации в React-приложениях: https://proglib.io/w/6b55aceb

#react
10 способов стилизации React-приложений

React — это библиотека для создания пользовательских интерфейсов, она не имеет собственного подхода к стилизации. Это и хорошо, и плохо одновременно. Разработчик может выбрать любой способ, однако сделать этот выбор совсем непросто. В статье разобрано 10 различных способов добавления стилей в React-приложение: https://proglib.io/w/2521a222

#react #css
#вакансия #Luxoft #javascript
Вакансия: Senior/ Lead React developer
Формат работы:
удаленный
З/п: 260000 – 340 000 руб. гросс

Работа в международной IT-компании Luxoft в проект по технологической трансформации бэкофисных систем одного из крупнейших Банков, в цели которого входит переход на новый стек технологий.

Обязанности:
• Управление командой фронт разработчиков из 3-5 человек
• Разработка интерфейса веб-приложения
• Разработка и поддержка среды для сборки, тестирования и деплоя приложений / Jenkins, Gradle, Docker, Open Shift
• Решение и расследование возникающих при эксплуатации системы проблем
• Техническое развитие системы и процесса поставки ПО
• Взаимодействие с другими ролями (тестеры, аналитики и руководители) внутри и вне команды
• Кросс-функциональность, участие в оценке реализации (code review) и архитектуры

Требования:
• Опыт разработки 5+ лет
• Опыт в роли лида от года
• Уверенное знание TypeScript, JavaScript, React, Git c практическим опытом проектирования и разработки;
• Знакомство с современными веб-технологиями (API, протоколы, инструменты)
• Опыт работы с системами сборки: maven.
• БД: jdbc, SQL(предпочтительно Oracle) на уровне написания средне-сложных запросов.
• Spring IoC 5.x
• Знание J2SE 8 (как минимум, хорошее знание core, collections), плюсом будет знание следующих версий J2SE (11...)
• Будет плюсом опыт работы с application servers, предпочтительно -WildFlyб а также знание: jpa 1.0, 2.0, jdbc, XML, XPath, JAXB
• Также плюсом будет опыт использования jUnit и опыт работы в Intellij Idea (настройка интеграции с серверами приложений, установка и настройка плагинов)

Условия:
• Официальное трудоустройство
• Расширенный социальный пакет
• Профессиональное обучение
• Корпоративные скидки
• Гибкий график работы
• Возможность удаленной работы
• Участие в конференциях, митапах и подкастах
• Корпоративные мероприятия

За подробностями обращайтесь к Насте @mavvikis и читайте на сайте
«Цифровой прорыв» — твой главный IT-челлендж года! 👨🏻‍💻

Регистрируйся на один из 8 хакатонов Всероссийского конкурса «Цифровой прорыв» 2021. 🚀

Создавай реальные цифровые продукты и тестируй свои гипотезы, в этом тебе помогут лучшие IT-эксперты отрасли.

Призовой фонд — 55 млн. руб! 🏆

💥 Регистрируйся по ссылке: https://proglib.io/w/33500bf9

Концентрируйся на возможности изменить мир! Хакатон для всесильных — это не миф!
Создание динамического хедера с Intersection Observer

Шапка, которая меняется при прокрутке: https://proglib.io/w/e01916fb

#interface
Свойства блочной модели CSS. Объяснение с примерами

https://proglib.io/w/1287e769

#css
Хочешь п̶р̶и̶р̶у̶ч̶и̶т̶ь̶ ̶с̶в̶о̶е̶г̶о̶ ̶п̶и̶т̶о̶н̶а̶ начать свой путь в IT, но не знаешь с чего начать? Начни с Python! Python прост, удобен, универсален, на нем даже можно запрограммировать свою нейросеть.

Специально для тебя мы подготовили курс, который научит программировать, а также ты научишься:
🔹разрабатывать боты для Telegram и Instagram
🔹выгружать данные из интернета
🔹программно генерировать пароли
🔹получишь полезные советы по поиску ответов на свои вопросы в интернете

С вами на связи 24/7 будут преподаватели-практики, у курса простая и доступная подача, много практических заданий. Преподаватели лично проверят ваши домашние задания и дадут полезные советы, так что ты точно во всем разберешься.

Эксклюзивный промокод подписчикам канала FRONTEND на скидку 15% только до 6 сентября.
Старт курса 15 сентября. Тык
Почему инлайнить стили — плохо

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

https://proglib.io/w/6f427e6a

#css
Расширенная анимация CSS с использованием cubic-bezier()

При создании сложных CSS-анимаций мы часто пишем сложные развернутые @keyframes. Однако есть прием, который может здорово упростить задачу и сократить количество кода - создание пользовательских временных функций с помощью cubic-bezier().

В статье невероятные анимации вообще без keyframes: https://proglib.io/w/eeee3486

#css #animation