Библиотека фронтендера | 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
加入频道
Вокруг поиска первой работы в IT много вопросов и проблем: большой конкурс на позицию junior, провалы на собеседованиях, глобальная незаинтересованность рынка в джунах, особенно если им больше 30. Мы, издание «Библиотека программиста», решили провести опрос среди всех, кто когда-либо искал первую работу в IT-сфере, чтобы понять кто, каким образом и с какой эффективностью (не) справляется с этой задачей. Опрос займет около 3 минут, результаты опубликуем на сайте proglib.io ориентировочно 19 сентября.

https://forms.gle/kuFeTtoHhKQW2Ekc8
Переход от сплошного текста к вырезанному при скролле

Интересный эффект изменения стиля текста от сплошного цвета до вырезанного на HTML и CSS: https://proglib.io/w/4bd9d3d6

#css #design
Паттерны для работы с API

В статье описаны три шаблона работы с API, которые сделают ваше приложение более устойчивым.

https://proglib.io/w/933f584f

#bestpractices
Хочешь освоить востребованную профессию Front-End разработчика и работать в топовых IT-компаниях Москвы? Расходы во время обучение берет на себя JM, а оплата только после твоего трудоустройства программистом.

🙋‍♂️👉 Подать заявку: https://clck.ru/XMkwJ

• Ты освоишь востребованные технологии, а опытные наставники будут контролировать усвоение материала.
• Ты получишь опыт в бизнес-проекте необходимый для трудоустройства.
• A HR-специалисты помогут составить резюме и подготовят тебя к прохождению трудных собеседований.
• Поддержка от мощного сообщество единомышленников.

Каждый выпускник получает от трех предложений о работе. Поэтому работодателя выберешь самостоятельно после успешных собеседований.
Learn Vue JS 2 + Google Maps API for Beginners (2020)
Автор: Raja Tamil
Количество страниц: 147

Google Maps API - надежный инструмент, который часто выбирают при создании приложений, работающих с местоположением пользователя. В книге автор учит создавать программы с использованием Vue.js, приводя в пример некоторые приложения. Книга основана на популярном курсе с Udemy.

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

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

Скачать книгу
Пятая онлайн-конференция 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