Библиотека фронтендера | 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
加入频道
Пятая онлайн-конференция Design is Frontend пройдет 14 сентября

В программе 4 доклада о реактивных фреймворках в e‑commerce:
— выбор React, Vue или Angular;
— компонентный подход к разработке e‑commerce на базе фреймворков;
— проектирование библиотеки компонентов;
— мастер-класс по резиновому дизайну и вёрстке в Figma.

Спикеры — фронтенд-тимлиды и ведущие UX-дизайнеры СберМаркета, AFFINAGE, Ostrovok.ru и Voximplant.

Регистрация → https://dif.affinage.ru
Переходя с HEX и RGB на HSL

Шестнадцатеричный формат цвета и RGB(A) широко используются верстальщиками, но они не являются интуитивно понятными или удобными для чтения, не говоря уже о настройке. Когда требуется подобрать контрастный цвет или подобрать множественное сочетание, приходится прибегать к графическим интерфейсам, что не очень удобно и точно. Но в CSS существует еще одна возможность определить цвет – HSL.

https://proglib.io/w/74275a4a

#css
Функции 3D-трансформации в CSS

Добавьте еще одно измерение к веб-страницам с помощью новых функций 3D-преобразования в CSS. Разбираемся с масштабированием, вращением, перспективой, а также проблемами z-index и подводными камнями браузеров.

https://proglib.io/w/0956bd24

#css
Изменение цвета шрифта с помощью CSS в зависимости от фона

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

#css #interface
Создаем текстовый редактор на React.js

Реализация одного из самых сложных веб-компонентов на React: https://proglib.io/w/ee269d61

#interface #react #tools
Открыты вакансии в IT-департамент Like Центра

Первая EdTech-компания на рынке бизнес-образования с собственной LMS-платформой

В компании открыты вакансии:
— Fullstack-разработчики с любым стеком
— Frontend-разработчики на Vue.js
— Backend-разработчики на Symfony/Laravel
— Backend-разработчики на Python
— DevOps-инженеры
— QA-инженеры

Условия:
— Достойная заработная плата
— Удалённая работа
— Команда профессионалов
— Быстрый и профессиональный рост
— Компенсация обучения и бонусы

Узнать подробнее о компании и откликнуться на вакансии можно по ссылке: https://clck.ru/XUxPh
Roguelike Development with JavaScript (2020)
Автор: Andre Alves Garzia
Количество страниц: 300

Автор показывает, как создать Roguelike-игру с нуля, используя JavaScript. С помощью проверенной в деле библиотеки Phaser вы выполните все шаги, чтобы создать небольшую веселую веб-игру в жанре roguelite. Автор расскажет, как добавить в игру полезные функции, такие как заполнение игры врагами, добавление сокровищ и т. д. Вы получите технические знания о процедурной генерации и построении карт на основе тайлов, а также освоите навыки игрового дизайна, например, узнаете, что делает подземелья интересными и как вызывать эмоции в игре.

Во время чтения книги вы:
✔️Используете процедурную генерацию для подземелий, лабиринтов, монстров и сокровищ;
✔️Получите навыки для использования Phaser в создании игр;
✔️Внедрите пошаговые механики.

Достоинства:
Множество примеров кода;
Хороший авторский стиль.

Недостатки:
Не замечено.

Скачать книгу
Programming Fundamentals in JavaScript (2017)
Автор: Rex A. Barzee
Количество страниц: 325

Основы компьютерного программирования можно перенести на все языки программирования, и JavaScript - отличный язык для изучения этих основ. Эта книга наполнена полезными примерами кода, включая такие темы, как, например, вычисление сложных процентов, стоимости инвестиций, объема цилиндра, расстояния между двумя точками, площади треугольника, площади поверхности пирамиды.

Достоинства:
Много практической информации;
Хорошая структурированность.

Недостатки:
Иногда не хватает полных программ.

Скачать книгу
Почему React негативно повлиял на веб-разработку

https://proglib.io/w/9453bcac

#react
Чистая архитектура во фронтенде

Хороший лонгрид по Чистой Архитектуре на русском: https://proglib.io/w/03bfcbcd

#bestpractices
Привет, Username! Приглашаем тебя на новый LifeTech-хакатон Цифрового Прорыва!

Для тебя мы подготовили крутецкие кейсы от Росатома, ДОМ.РФ, Департамента информационных технологий города Москвы, Транспортных инноваций Москвы!

Участвовать можно онлайн из любой точки России, либо в специальных оффлайн-коворкингах (см. список доступных на сайте).

Успей собрать команду 3-5 человек (или присоединиться к имеющимся), выбрать кейс и побороться за призовой фонд до 4.500.000 руб. 🚀🚀🚀

Регистрируйся прямо сейчас: https://proglib.io/w/e1c32416
JavaScript: 2 интересных примера практического использования Intersection Observer API

https://proglib.io/w/5dbee23f

#interface
Доступность с начала проекта

Итак, вы запускаете проект с нуля и хотите все сделать очень хорошо. Давайте сделаем ваш проект ДОСТУПНЫМ!

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

#accessibility
22 сентября сразу в двух форматах (онлайн и офлайн) пройдет митап, на котором представители Open Source-сообщества поделятся своими кейсами создания крутых продуктов и подходами к монетизации подобных решений.
Среди спикеров — представители Runa Capital, ClickHouse, Retentioneering, Evidently AI.

Если вы уже работаете с решениями на основе открытого кода или просто неравнодушны к этому направлению — присоединяйтесь.
Участие бесплатное, но по предварительной регистрации на сайте russiaos.ru/meetup.
Ищете вакансию мечты в IT?
Вам в Andersen!
Наша команда растет и расширяется семимильными шагами, в нашем активе все больше классных проектов, а значит нам надо все больше крутых специалистов.

Andersen:
- "Работодатель года" по версии
Habrahab;
- лидер рейтинга работодателей по версии
DOU.UA;
- занимает первое место по росту среди всех аутсорсинговых компаний в Польше, по данным американской аналитической платформы
Clutch...
Мы могли бы перечислять и дальше... 😉

Но лучше предложим Вам присоединиться к нашей команде и увидеть всё своими глазами!

Какой план действий?
1. Заходите на страницу компании https://people.andersenlab.com/vacancies;
2. Отправляйте резюме;
3. Растите и развивайтесь вместе с
Andersen!

А бегиннеры могут начать со СТАЖИРОВКИ!
🎨 ТОП-10 книг по дизайну интерфейса (UX/UI): от новичка до профессионала

Ищите пособия по UX/UI? Эти десять полезных книг помогут углубить ваши знания в области дизайна интерфейса и пользовательского опыта. В обзор вошли лучшие издания на русском и английском языке.

https://proglib.io/w/1109cfa9

#books #digest #interface