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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
Ищем копирайтера

Нам нужен человек, который:
— Любит IT и русский язык.
— Понимает разницу между бэкендом и фронтендом, OWASP и MISRA, функциональным программированием и ООП, микроконтроллером и миникомпьютером, UX и UI.
— Имеет опыт работы от 1 года.
— Будет плюсом, если вы программируете на каком-нибудь языке на уровне стажера/джуна.

Что нужно делать:
— Готовить подборки, ТОПы книг, ютуб- и телеграм-каналов по языкам программирования.
— Делать расшифровки топовых Ютуб-роликов по теме программирования и оформлять их в виде статей.
— Готовить новостные заметки.
— Актуализировать старые статьи.
— Брать интервью у экспертов. Мы поможем с поиском экспертов.
— Иногда писать небольшие рекламные посты в телеграм.
— Писать статьи с кодом, переводить статьи (по желанию, оплачивается отдельно).

Можно использовать нейронки?
— Да, главное, чтобы материал получился интересный.

Условия:
— Белая зарплата: 50 000 руб.
— Возможность работать удаленно.

👉Присылайте свои резюме: [email protected]
383. Chrome 116 и бета 117, CSS Podcast, Chrome DevTools, валидация…
Веб-стандарты
#подкасты

🎙Подкаст «Веб-стандарты»: Никита Дубко, Вадим Макеев, Андрей Мелихов про Chrome 116 и бету 117, CSS Podcast, Chrome DevTools, валидацию форм и боль миграции на ESM.

00:01:08 Chrome 116
00:12:57 Бета Chrome 117
00:37:10 CSS Podcast
00:50:54 Chrome DevTools
01:04:56 Валидация форм
01:18:31 Боль миграции на ESM

🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
#новости

⚡️Краткий список нововведений в TypeScript 5.2

🔸Новое ключевое слово 'using'
🔸Метаданные декоратора
🔸Именованные и анонимные элементы кортежа
🔸Упрощенное использование методов для объединений массивов
🔸Копирование методов массива
🔸symbols в качестве ключей для WeakMap и WeakSet
🔸Пути импорта только для типов с расширениями файлов реализации TypeScript
🔸 Дополнение запятой для членов объекта
🔸Рефакторинг встроенных переменных
🔸Кликабельные встроенные подсказки параметров
🔸Оптимизированные проверки для текущей совместимости типов
🔸Критические изменения и исправления ошибок
Please open Telegram to view this post
VIEW IN TELEGRAM
Turbo — набор инструментов нового поколения для фронтенд-разработчика, написанный на Rust. Он состоит из 3-х больших частей:

🔸Turbopack — упаковщик (преемник Webpack).
🔸Turborepo — система сборки
🔸Движок Turbo

На скриншоте — статистика проекта за последние 28 дней. Выводы сделаете сами.

🔗 GitHub
This media is not supported in your browser
VIEW IN TELEGRAM
#javascript #tip by Alex Sidorenko

GitHub аутентификация в Next.js 13 с использованием NextAuth: наглядный пример для фронтенд-разработчика
💬 Кофаундер Jeff Atwood еще в далеком 2007-м говорил: «Любое приложение, которое можно написать на JavaScript, в конечном итоге будет написано на JavaScript». Что мы там имеем на практике?

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

🔗 Читать
🤔Чистая архитектура во фронтенде: для чего нужна, как выглядит идеальная архитектура фронтенда и чем могут помочь такие инструменты, как Bit и Nx

Главные преимущества чистой архитектуры во фронтенде — это удобство сопровождения и масштабируемость.

📌Почему это так важно и какие инструменты могут нам в этом помочь?

🔸Важность архитектуры: несмотря на сомнения многих, архитектура фронтенда так же критична, как и бэкенда. Она помогает в выполнении бизнес-требований, сокращает риски и упрощает понимание проекта.
🔸Многоуровневая архитектура: пример выше показывает, как использовать слои — от API до глобального хранилища и домена. 
🔸Полезные инструменты. Bit и Nx — инструменты, которые помогут вам обеспечивать правильные зависимости между слоями и поддерживать чистоту кода.
🔸Принципы и анти-паттерны: не забудьте о SOLID, KISS и DRY, когда работаете с компонентами. И остерегайтесь типичных ошибок, таких как импорт ненужных библиотек или добавление бизнес-логики в шаблоны.
🔸И помните, что даже с идеальной архитектурой вам все равно потребуется уделять внимание код-ревью и постоянному совершенствованию.
Radix Primitives — низкоуровневая библиотека UI-компонентов, ориентированная на доступность, настройку и удобство разработки.

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

На скриншоте — статистика проекта за последние 28 дней.
DOM, DI и View: разбираемся в деревьях в Angular

Деревья в Angular легко перепутать: они похожи и иногда даже имеют прямое соответствие. Александр Инкин, фронтенд-разработчик команды Angular UI Kit, разобрал их различия и объяснил, какие фичи помогут избежать трудностей.

🔗Читать
#холивар

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

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

💬С учетом этого, какие конкретные подходы, паттерны проектирования или инструменты вы применяете, чтобы обеспечить масштабируемость вашего кода?

Как вы структурируете свои проекты, чтобы они оставались легко поддерживаемыми, даже когда команда разработчиков растет или технологии меняются?
#перечитываястарое

⚒️Prettier — инструмент для форматирования кода, который обеспечивает единообразный стиль.

Он анализирует ваш код и переписывает его по определеннвм правилам. В поддержке: JavaScript, TypeScript, Flow, JSX, JSON, CSS, SCSS, Less, HTML, Vue, Angular, GraphQL, Markdown и YAML.

🔗GitHub
#devtool #tip

В новом Chrome появились удобочитаемые коды состояния HTTP

Теперь вы можете быстрее выяснить, что случилось с запросом. Тот же результат можно получить, если навести курсор на код состояния в таблице запросов.
🔍🤖 40 сервисов на базе AI, которые помогут найти работу в 2023 году

Как составить резюме, оптимизировать сопроводительное письмо и найти вакансию в 2023 году? Использовать сервисы на основе искусственного интеллекта. Какие именно — рассказываем в этой статье.

🔗 Читать статью
🔗 Зеркало
🚀 Опубликованы результаты опроса State of CSS 2023!

Все как обычно: много цифр и данных, которые однозначно стоит проанализировать.

В новом отчете вы можете настраивать диаграммы с помощью собственных фильтров.

🔗 Смотреть отчет
#холивар

😎Первый проект в карьере разработчика — самый волнительный и запоминающийся.

💬А вы помните свои впечатления от первого проекта и стек, на котором он был написан? Как бы вы подошли к своему первому проекту с нынешним опытом?
💼🚫 Устроился на работу, но она разонравилась: 8 советов, что делать

Несколько советов, как адаптироваться и понять, стоит ли оставаться или лучше уволиться.

🔗 Читать статью
🔗 Зеркало
Разбираемся с работой DDD на практике

Станисла Батурин, фронтенд-разработчик в Тинькофф, за много лет изобрел целый «магазин» велосипедов и костылей, пока не познакомился с разработкой, основанной на модели предметной области (Domain-Driven Design). Его наблюдения о DDD — в статье.

🚀А те, кто хочет изучить метод от и до, могут посмотреть разбор книги Влада Хононова Learning Domain-Driven Design от книжного клуба Code of Architecture.
Мок-собеседование — это один из эффективных инструментов подготовки к собеседованию на вакантную позицию.

📌Ловите небольшую подборку и сохраняйте в заметки:

🌐 Мок-собеседование для джуна-фронтендера: собеседование с лайвкодингом / Собеседует Никита Дубко, руководитель службы разработки в HR Tech Яндекса, ведущий подкаста Веб-стандарты
🌐 Собеседование на позицию фронтенд-разработчика для X5Tech / Собеседует Максим Ульянов, руководитель направления frontend-разработки в X5Tech
🌐 Мок-собеседование на позицию джуна-фронтендера (раз и два) / Собеседует Никита Козлов
🌐 Мок-собеседование на позицию фронтенд-разработчика с практическим акцентом на React и JS (раз и два) // Ulbi TV
Please open Telegram to view this post
VIEW IN TELEGRAM
Паттерны реактивности в современном JavaScript

«Реактивность» — это то, как системы реагируют на обновление данных. Существуют разные типы реактивности, но в рамках этой статьи, реактивность — это когда мы что-то делаем в ответ на изменение данных.

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

👀 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM