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

То, что вы ищите, в одном курсе Практикума. Яндекс Практикум - сервис онлайн - образования, где реально освоить востребованную цифровую профессию и найти стабильную работу. В каждом курсе Практикума: ✔️ бесплатное начало курса; ✔️ 70% курса - практика и реальные задачи; ✔️ поддерживающее комьюнити студентов; ✔️ профессиональные преподаватели; ✔️ возможность оплатить курс в рассрочку; В программе обучения вы сможете получить скидку до 15%! Переходите по ссылке и начните свой путь к новой профессии уже сегодня. Реклама. ООО "Яндекс", ИНН 7736207543. erid: 2Vtzqxi8Yvp

Свойство, передающееся компоненту React Какое свойство в React автоматически передается каждому компоненту и используется для рендеринга содержимого между открывающим и закрывающим тегами при вызове компонента? 👉 @sWebDev

Анимация многoстраничных навигаций с переходами браузерного представления и Astro Обзор важных концепций и подходов к созданию многoстраничных веб-сайтов с внушительными анимациями и быстрой навигацией. Автор рассматривает использование Astro, нового инструмента для разработки веб-приложений, а также технику переходов браузерного представления для создания плавных и эффективных переходов между страницами. 👉 @sWebDev

Driver.js Библиотека для создания интерактивных туров по веб-страницам. Она предоставляет простой способ добавления всплывающих подсказок и инструкций для пользователей, помогая улучшить пользовательский опыт. С Driver.js легко создавать множество шагов тура, настраивать их внешний вид и поведение, что делает эту библиотеку отличным инструментом для обучения, ввода в функции сайта или привлечения внимания к ключевым элементам на странице. 👉 @sWebDev

Nx Generator: имба или не стоит разбираться? Разберем, что такое Nx-plugin и Nx-generator, рассмотрим готовые реализации плагинов и создадим собственный локальный плагин. 👉 @sWebDev

Селекты, инпуты, батоны и прочие обитатели форм Зачем они нужны, если есть куча библиотек с красивыми кастомными элементами? Нужны! и важно уметь с ними работать ✔️ С нативным элементом можно предсказуемо взаимодействовать клавиатурой ✔️ Не возникает косяков с положением выпадающих элементов на экране ✔️ Элемент соответствует настройкам операционной системы ✔️ Контролы доступны скринридерам ✔️ Элемент будет доступен пользователям с ограниченными возможностями Чтобы разобраться во всех тонкостях создания нативных форм, рекомендую эти тренажеры Тренажер «погружение в формы» Проходить можно прямо в браузере, подача - огонь 🔥

GSAP Believe - Collage Animation Анимированный коллаж, выполненный на Gsap.js. 👉 @sWebDev

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

⚡️ Тест по JavaScript от OTUS А насколько хорошо ты знаешь Vue.js? ✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js разработчик" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене! ⏰ Время прохождения теста ограничено 30 минут 👉 ПРОЙТИ ТЕСТ: https://vk.cc/crJLZk 🎫Курс можно приобрести в рассрочку Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru erid: Kra23Ywiz

Подтверждение электронной почты с помощью Spring Boot & Angular Поговорим о важном аспекте безопасности — подтверждении почты пользователей. Рассмотрим, как сделать это с использованием Spring Boot и Angular, двух мощных инструментов для создания современных веб-приложений. 👉 @sWebDev

Inspired by Saul Bass with SVG & GSAP Анимированная презентация продукта, выполненная на Gsap.js. 👉 @sWebDev

Лучшие практики в использовании Angular CLI. Часть 1. 1. Начните с основ. При создании нового проекта на Angular с помощью команды ng new вы можете использовать флаг --minimal, чтобы создать минимальный проект. Это полезно, если вы хотите начать с чистого листа. Для использования выполните команду ng new my-project --minimal, где my-project - это имя вашего нового проекта. 2. Чистый и последовательный код. Команда ng lint проверяет ваш код на наличие ошибок и стилевых проблем в соответствии с правилами, указанными в файле tslint.json. Например, у вас есть файл с именем app.component.ts с кодом:

   import { Component } from '@angular/core';

   @Component({
     selector: 'app-root',
     template: `<h1>Hello {{name}}</h1>`
   })
   export class AppComponent {
     name = 'Angular';
   }

При выполнении ng lint мы получим вывод ошибок. Для автоматического исправления некоторых ошибок можно использовать: ng lint --fix. 👉 @sWebDev

Simple Vue Photo Gallery Анимированная галерея изображений, выполненная на Vue.js. 👉 @sWebDev

Цель группировки файлов по типу React Мы уже рассматривали, что в React возможна группировка файлов по типу:

   APIs
   |
   --LoginAPI
   --ProfileAPI
   --UserAPI
   Components
   |
   --Login.jsx
   --Login.test.js
   --Profile.jsx
   --Profile.test.js
   --User.jsx

Но какую цель преследует данный подход? 👉 @sWebDev

Создание внутреннего пакета компонентов React — проще, чем кажется В разработке современных React-приложений часто возникает потребность в повторном использовании компонентов. Есть разные способы решения такой задачи, и одним из них является создание внутреннего пакета компонентов. Грамотная сборка и поддержка такого пакета позволяют повысить эффективность и производительность разработки, а команда получает возможность использовать готовые компоненты в различных проектах без особых усилий. 👉 @sWebDev

Vue Meta Библиотека позволяет управлять метаданными вашего vue-приложения, такими как заголовки, описания и другие SEO-релевантные данные, динамически в зависимости от состояния вашего приложения. 👉 @sWebDev

Освоение средства доступа к управляющему значению Angular: руководство для разработчика Angular Рассмотрим использование Control Value Accessor для создания пользовательских формовых элементов и управления данными в приложениях Angular. Материал описывает ключевые концепции и шаги, необходимые для создания собственных компонентов форм с двунаправленной привязкой данных. 👉 @sWebDev

Vue.js - Calculator Калькулятор, выполненный на Vue.js. 👉 @sWebDev