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

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

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

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
Разработка простого проекта на HTML, CSS, JavaScript, TypeScript и React: 10-часовой курс от freeCodeCampаp

1️⃣ Создание игры «Крестики-нолики» с помощью ванильных HTML/CSS/JS
2️⃣ Рефакторинг игры для использования паттерна MVC
3️⃣ Рефакторинг игры с использованием TypeScript: как настроить TypeScript с нуля и почему это полезно
4️⃣ Рефакторинг игры с использованием React + TypeScript: как настроить React с нуля; почему React полезен и какие проблемы решает библиотека по сравнению с ванильным подходом

📺 Смотреть
Please open Telegram to view this post
VIEW IN TELEGRAM
January 3, 2024
🔘Вёрстка классических радио-кнопок с плавными переходами между состояниями с помощью градиентов: мини-гайд от Софии Валитовой.

👉 Читать
January 4, 2024
402. Тренды и разочорования прошедшего года, как дела у ведущих…
Веб-стандарты
January 5, 2024
January 6, 2024
January 6, 2024
🎨 StyleX — новый инструмент от Facebook (Meta*) для стилизации веб-приложений. Это простой и удобный в использовании синтаксис и компилятор JavaScript, который сочетает в себе преимущества как встроенных стилей, так и статического CSS.

📌 Конфигурация:

import plugin from '@stylexjs/rollup-plugin';

const config = () => ({
plugins: [
plugin({ ...options })
]
})

export default config;


📌 Определение стилей:

import * as stylex from '@stylexjs/stylex';

const styles = stylex.create({
root: {
width: '100%',
maxWidth: 800,
minHeight: 40,
},
});


*организация, деятельность которой запрещена на территории РФ
Please open Telegram to view this post
VIEW IN TELEGRAM
January 6, 2024
🧰Обработка ошибок в Angular: гайд для фронтенд-разработчика

Вы узнаете 4 простые и наиболее распространенные стратегии обработки ошибок:

1️⃣ Обработка ошибок в синхронном коде
2️⃣ Глобальная обработка ошибок
3️⃣ Обработка ошибок в асинхронном коде
4️⃣ Обработка ошибок HTTP
Please open Telegram to view this post
VIEW IN TELEGRAM
January 6, 2024
💡Одно правило CSS для отображения * у всех обязательных меток полей: на заметку фронтенд-разработчику

➡️ Поиграть можно здесь

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
January 7, 2024
🧰 Simple data analysis (SDA) v2

SDA — JavaScript-библиотека для анализа данных. Больше не переключайтесь между Python, R и JavaScript.

Вместо этого используйте эту библиотеку, чтобы объединить всё лучшее. Вторая версия была полностью переписана для повышения производительности.

Под капотом теперь используется DuckDB, а это означает, что она работает в шесть раз быстрее! Посетите сайт и узнайте, как можно использовать библиотеку на практике.

$ npm i simple-data-analysis
Please open Telegram to view this post
VIEW IN TELEGRAM
January 8, 2024
This media is not supported in your browser
VIEW IN TELEGRAM
💡HTML-элемент <dialog> в действии, или Как просто создать модальное окно

➡️ Поиграть можно здесь

#html #javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
January 9, 2024
403. Переход на Firefox, как сломать npm, веб-компоненты, React…
Веб-стандарты
January 10, 2024
This media is not supported in your browser
VIEW IN TELEGRAM
🤩 Адаптивные SVG на практике

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

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
January 11, 2024
🧩 Как разместить резюме на GitHub Pages?

GitHub Pages — удобная платформа для размещения статических веб-страниц. На ней можно размещать любой контент, не нарушающий правила сервиса.

🧙‍♂️ Из преимуществ:

Размер сайта — до 1 Гб.
Объем трафика — 100 Гб в месяц.
Количество сборок в час — до 10.

Но, вместе с плюсами, есть и минусы. О них и обо всём другом в статье 👇

🔗 Читать статью
🔗 Зеркало
Please open Telegram to view this post
VIEW IN TELEGRAM
January 12, 2024
This media is not supported in your browser
VIEW IN TELEGRAM
💡CSS-фильтры в действии, или Как легко создать общие стили для состояний наведения и активации кнопок

➡️ Поиграть можно здесь

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
January 12, 2024
🖼️ 33 фундаментальные концепции, с которыми стоит ознакомиться каждому JavaScript-разработчику

Тщательно подобранная коллекция ссылок на учебные пособия по 33 фундаментальным темам, которая постоянно обновляется новыми материалами.

👉 GitHub
Please open Telegram to view this post
VIEW IN TELEGRAM
January 13, 2024
January 13, 2024