Библиотека фронтендера | 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
加入频道
☕️ Пиши на React в два раза быстрее! Простые трюки для крутого разработчика

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

Вам помогут переиспользуемые блоки кода! Переиспользуемые блоки кода – то, что нужно прогрессивному разработчику!

https://proglib.io/w/97a5c689
12 апреля стартует Podlodka Frontend Crew – абсолютно новая конференция для фронтенд-разработчиков от команды Podlodka!

Конференция будет идти в формате двухнедельного интенсива, и мы подобрали такие темы недель, чтобы вам было интересно вне зависимости от того, какой фреймворк вы используете. Темы недель – “Оптимизация перфоманса” и “Стабильность и качество фронтенда”.

🏃‍♂️На неделе “Оптимизация перфоманса” с разных сторон посмотрим на производительность: от оптимизации размера бандла и работы с инфраструктурой сети и до оптимизации сайта с точки зрения UX и разбора причин, почему бизнесу может быть важно заниматься производительностью.

🛠 А неделя “Стабильность и качество фронтенда” будет посвящена подходам и практикам, помогающим избегать и своевременно обнаруживать проблемы и ошибки. Обсудим контрактные, unit и end-to-end тесты, разберемся с мониторингами и алертингами и обсудим другие инженерные практики.

🗝 Ключевая особенность конференций Podlodka Crew: помимо докладов в программе множество нескучных форматов: рулетки кейсов, батлы, лайв-кодинги и не только. Добавим к этому общение со спикерами на зум-сессиях и нетворкинг в слаке, и получим прекрасный способ с пользой провести время! А кроме того, вы получите доступ к записям всех сессий, чтобы потом в любой удобный момент можно было освежить знания!

Стартуем 12 апреля, расписание уже на сайте. Ждем на борту!
GitHub глобус

Как создавался этот прекрасный трехмерный глобус с визуализацией реальных пулл-реквестов: https://proglib.io/w/96bcf7ca

#webgl #cases
📱 Flutter, который не смог: провал кроссплатформенного решения

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

https://proglib.io/w/3c783361

#crossplatform #flutter
Крутые трюки с переменными CSS

Несколько интересных хаков, которые позволяют построить на механизме custom properties вещи, кажущиеся невозможными без препроцессоров или вмешательства JS.

https://proglib.io/w/571cf88c

#css
Как в два счета сделать сайт редактируемым извне с помощью данных Google Sheets

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

https://proglib.io/w/9f7ca49a

#tools
Когда ломаются шрифты

Исследование механизма фоллбэка шрифтов в браузерах от дизайнера Figma

https://proglib.io/w/797baf89
Media is too big
VIEW IN TELEGRAM
«Цифровой прорыв» — твой главный IT-челлендж года! 👨🏻‍💻

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

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

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

💥 Регистрируйся по ссылке: https://leadersofdigital.ru/

Концентрируйся на возможности изменить мир! Хакатон для всесильных — это не миф!
Работа на удаленке. Лучшие практики. Опыт EPAM Anywhere
15 апреля 18:30- 20:00 GMT+3

С EPAM Anywhere все специалисты могут профессионально развиваться в рамках проектов, получать доступ к базе образовательных программ и курсов компании, экспертному сообществу.

НА ВЕБИНАРЕ МЫ БОЛЕЕ ПОДРОБНО РАССКАЖЕМ:
- Что такое EPAM Anywhere и возможности работы ремоут в рамках программы;
- Какие есть открытые вакансии для тебя;
- Процесс подачи заявки и этапы отбора;
- Подробно как проходит интервью;
- Как происходит знакомство с проектом и интервью с клиентом;
- Как проходит онбординг процесс в программу.

Зарегистрироваться: https://epa.ms/anywherewebinar-15
Биткоин ставит новые рекорды по стоимости, но мало кто знает, что с каждым движением цены на 1-10% другие криптовалюты растут на 10% - 180%.

🚀 Что может быть лучше, чем следить за сделками и инвестициями профессионалов, которые публично торгуют в прибыль уже более 4 лет?

Вот их канал, если что. Можно просто пролистать ленту вверх, посмотреть на количество взятой прибыли и качество открытых позиций. Все ваши вопросы отпадут моментально. Что вас ждёт на канале:

▪️Когда лучше входить и выходить?
▪️Выгодные криптовалюты прямо сейчас.
▪️Актуальные в 2021 способы заработка.
▪️Важные новости влияющие на рынок, всегда краткая суть новости и как извлечь из нее прибыль.

А к 2025 году суммарный доход резидентов клуба составит 500 000 000$

👉 Подпишись - https://yangx.top/whalesasian и копируй их сделки в прямом эфире!
Объявляем конкурс на самый интересный контент в телеграм-каналах Proglib!
Призовой фонд — 280 тысяч рублей.
Автор лучшего поста в отдельно взятом канале получает 20 тысяч рублей.
В каналах по языкам программирования, data science и мобильной разработке интересно увидеть топовые материалы по этим темам, в канале @progbook топовые рецензии на книги, в @proglibrary материалы по общим темам: проектирование, базы данных, linux, алгоритмы и структуры данных. Поощряются интерактивные форматы — авторские тесты, квизы, функционал которых встроен в Telegram, гифки, шпаргалки, неочевидные фишки.

Полный список каналов:
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 с указанием, на какой канал идет. публикация. Юридическая информация здесь.
Двери во Front-End разработку открываются сейчас 👉

Ты джун во Front-end и хочешь прокачать навыки? А если это будет полезный опыт с обратной связью от экспертов (и не только)? Тебе на бесплатный марафон PRE.AX 🔥

Что такое PRE.AX

PRE.AX — цифровая платформа, в основе которой инновационная модель Talent-as-a-Service. У нас молодые специалисты работают под наблюдением экспертов и нарабатывают тот самый опыт, который превращает Junior в Middle, а потом и в Senior.

Когда: марафон стартует 22 апреля.

Условия участия: базовые знания HTML, CSS, JS и React.JS.

Профит Практический опыт в реальных задачах

А еще:
- разбор результатов заданий;
- кросс-проверка от других участников марафона.
Финалистов ждут бонусы и скидки, а победителя мы пригласим на бесплатную стажировку на платформе PRE.AX.

Где зарегистрироваться: переходи по ссылке
И не забудь позвать друзей! А то так и будут сидеть в джуниорах 😜
Tailwind CSS: с нуля до продакшена

Полное видео-руководство по модному фреймворку: https://proglib.io/w/716042df

#video
Чек-лист по тестированию верстки

https://proglib.io/w/e87dd45a

1. Как тестировать (юнит и интеграционные тесты)
2. Что тестировать (от пиксель-перфект до валидности HTML)
3. Где тестировать (браузеры и устройства)
4. Как интегрировать тестирование в разработку
5. Какие сервисы использовать для тестирования

#testing
⚡️Ищете работу или мечтаете поменять профессию?

Полезная информация для вас. За интересными вакансиями следите на профильном канале @pravkiforyou.

Этот канал публикует вакансии с тех пор, как по телеграму ходили динозавры 🦖. Там сразу все условия и прямые контакты работодателей, без посредников.

Молодых перспективных специалистов легче найти в телеграме, а подписаться на вакансии тут: https://yangx.top/pravkiforyou
Поиск данных в столбцах таблицы с пагинацией (front-часть)

Алгоритмы поиска по большим массивам данных в основном реализуются на бэке. Однако и для фронта тут находится немало задач - например, реализация фильтров: https://proglib.io/w/bde6e838

#interface
Что такое @font-face на самом деле

@font-face это не подключение файла шрифта буквально, а описание конкретного набора свойств для загруженного файла: https://proglib.io/w/f2b6ecb4

#css
В ВТБ открыта вакансия Java-разработчика. На позиции вы будете:
— разрабатывать приложения с использованием микросервисной архитектуры;
— участвовать в code review;
— заниматься написанием unit-тестов.

Присоединяйтесь к ВТБ и вы получите:
— достойную заработную плату и соц.пакет;
— живые и интересные проекты;
— команда из лучших профессионалов, среди более 5000 IT-специалистов компании;
— карьерный рост и возможность выбора направления развития.

Отправляйте резюме до 23 апреля включительно: https://clc.am/RmcfmA
Твое PWA сломается в августе 2021 года

Что изменится в Chrome 93 и что с этим делать?

https://proglib.io/w/c84a6676

#pwa
Consta

Бесплатная дизайн‑система для быстрой разработки интерфейсов от Газпром-нефть. Есть в Figma (для дизайнеров) и в npm (для разработчиков)

https://proglib.io/w/e7f3cddb

#design