Frontender Libs - обзор библиотек JS / CSS

Как получить доступ к информации о компонентах, директивах и шаблонах Angular Какая директива Angular позволяет получить доступ к информации о компонентах, директивах и шаблонах? 👉 @sWebDev

Узнайте, как устроены сайты, и научитесь создавать свои. Присоединяйтесь к мини-курсу по веб-разработке от Skillbox и получите гайд по профессии. Он поможет вам узнать больше о том, что нужно для старта карьеры в веб-разработке. Регистрация и подробная программа — по ссылке: https://epic.st/55jYv После завершения мини-курса вы сможете добавить в своё портфолио 3 классных проекта: сайт, приложение и сервис. Спикер мини-курса — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах. Автор 10 курсов по программированию и карьере программистов. 🎉Всех участников ждут подарки: — сертификат на скидку 10 000 рублей на любой курс; — доступ к изучению английского языка на год; — персональная карьерная консультация. 🌟Откройте новые возможности для карьеры с нами! Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

React Advanced Function Component (AFC) React-afc - это библиотека для более простого (чем в простом React) уменьшения количества ненужных ререндеров дочерних компонентов. В обычном React функциональный компонент рендерится заново при каждом обновлении состояния или при изменении внешних зависимостей, таких как props. Это может привести к снижению производительности приложения, особенно если компонент имеет много дочерних компонентов. React-afc предоставляет набор методов, которые позволяют оптимизировать рендеринг дочерних компонентов. Эти методы позволяют определять, какие дочерние компоненты необходимо рендерить заново, а какие можно пропустить. 👉 @sWebDev

Ответьте на 1 вопрос и книги ваши на 30 дней за 0 рублей Более 200 000 книг и аудиокниг разных жанров в Букмейте. Попробуйте бесплатно! Попробовать #реклама 18+ bookmate.ru О рекламодателе

Tab Bar Animation (Dark) Анимация для создания интерактивной навигации в приложении на GSAP.js. 👉 @sWebDev

Дизайн в FIGMA с нуля. Бесплатный курс + портфолио Онлайн-программа с наставником и чатом. Дизайн от профессионалов. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool.online О рекламодателе

8 лучших практик для разработки компонентов React.js В статье автор делится восемью лучшими практиками разработки компонентов React.js. 👉 @sWebDev

Block tower Пример реализации игры с постройкой башни на Three.js. 👉 @sWebDev

Simple data analysis (SDA) v2 SDA v2 - это JavaScript-библиотека для анализа данных, которая объединяет в себе лучшее из Python, R и JavaScript. Вторая версия SDA была полностью переписана для повышения производительности, используя DuckDB в качестве движка базы данных. Это позволило библиотеке работать в шесть раз быстрее, чем предыдущая версия. 👉 @sWebDev

Забудьте про эти сраные курсы по программированию 90% "курсантов" на самом деле забивают на полпути, либо не работают по специальности. И это проблема всех курсов. Если хотите реально загореться ITшкой и найти себя в индустрии — вот вам канал C#-о-мания. Авторы собрали топовые обучалки для самостоятельного старта и вовлекающие материалы по теме. Уже через пару месяцев сможете делать 70000-90000₽ в месяц на простых задачах, а через 6-12 месяцев выйти на доход от 200000₽. И всё это без платных курсов! Сохраняйте и осваивайте профессию будущего: @CSharp

Освоение обработки ошибок в Angular: подробное руководство В статье автор рассказывает о том, как обрабатывать ошибки в Angular приложениях. Он рассматривает четыре простых и наиболее распространенных стратегии обработки ошибок: - Обработка исключений в синхронном и асинхронном коде. - Обработка HTTP ошибок. - Использование сервисов ошибок. - Обработка ошибок в компонентах. 👉 @sWebDev

Diorama - ThreeJS Пример реализации трехмерной диорамы на Three.js. 👉 @sWebDev

Джентельменский набор трушного фронтендера Опытные Frontend-разработчики собрали самые востребованные и бесплатные каналы, без которых не обойдется ни один настоящий фронтендер. Макеты для верстки — самый крупный канал с макетами для верстки. Первоисточник всех макетов в Telegram. Полезная вËрстка — канал с готовыми решениями повседневных задач: слайдеры, анимация, навигация и т.д. JavaScript заметки — образовательный канал с ежедневными практическими заметками по языку. codepen.js — готовые коды: реализованные на css и js анимации, скрипты и интерфейсы. Оживи статичные макеты Figma Start — каждый день выпускаем крутые макеты для верстки. Выбери самый интересный и удиви рекрутеров! Развивайся с нами, ведь так проще!

Директива для создания сложных макетов в Angular Директива ng-template-outlet позволяет вставлять шаблоны в другие шаблоны. Это может быть полезно для создания более сложных макетов. Директива имеет один атрибут: name - имя шаблона, который будет вставлен. Пример использования ng-template-outlet:

<div>
  <ng-template-outlet name="header"></ng-template-outlet>
  <ng-template-outlet name="content"></ng-template-outlet>
</div>

<ng-template #header>
  <h1>Заголовок</h1>
</ng-template>

<ng-template #content>
  <p>Контент</p>
</ng-template>

В примере ng-template-outlet используется для вставки двух шаблонов в один контейнер. Шаблон с именем header будет вставлен в верхнюю часть контейнера, а шаблон с именем content будет вставлен в нижнюю часть контейнера. 👉 @sWebDev

Обнаружение локальных изменений в Angular 17 В Angular 17 разработчики могут использовать стратегию обнаружения изменений OnPush для указания, что компонент должен перерисовываться только при изменении определенных свойств. Это может помочь повысить производительность приложения, поскольку Angular не будет проверять все свойства компонента при каждом изменении. Статья также рассматривает использование сигналов для управления локальным обнаружением изменений. Сигналы позволяют разработчикам передавать информацию между компонентами, не вызывая повторного рендеринга. 👉 @sWebDev

Обучаем Java-разработчиков оплата после выхода на работу В Kata Academy можно выучиться на Java-разработчика бесплатно, а заплатить уже после трудоустройства по специальности из фактической зарплаты. Если задуматься, то все в выигрыше —Ты получаешь работу с хорошей зарплатой, мы получаем процент за инвестиции в тебя и продолжаем прокачивать твои навыки еще 2 года; — в наших интересах научить тебя так, чтобы твоя зарплата была как можно выше; — мы развиваем твои навыки и после курсов: проводим выездные мероприятия и мастер-классы — и доходы наших выпускников растут; — мы не зависим от банков и их рассрочек — кризис не повлиял на доступность курсов. Чтобы попасть на курс, нужно выполнить небольшое тестовое задание. Переходи по ссылке и оставляй заявку! Узнать больше #реклама kata.academy О рекламодателе

Циклическое отображение элементов массива в Angular Какой синтаксис используется для циклического отображения элементов массива с помощью директивы ngForOf? 👉 @sWebDev

Fuse.js это библиотека для реализации полнотекстового поиска и ранжирования, написанная на JavaScript. Она предоставляет простой и эффективный API для поиска по массиву данных, основанный на алгоритмах fuzzy-search. 👉 @sWebDev

Apple Tear Strip Интеративная анимация скретч-кода на GSAP.js. 👉 @sWebDev