| title | description | origin |
|---|---|---|
Обучающие статьи и ролики |
Список полезных русскоязычных ресурсов о фреймворке Alpine.js |
import { CardGrid, LinkCard } from '@astrojs/starlight/components'; import { ShowcaseText, ShowcaseYouTube } from 'starlight-showcases'
Устали от сухой теории и ищете практические примеры? Тогда эти ссылки могут вам пригодиться:
<ShowcaseText entries={[ { href: 'https://www.alpinetoolbox.com', title: 'Alpine Toolbox [English]', description: 'Готовые примеры кода на Alpine.js', }, { href: 'https://php.dragomano.ru/znakomstvo-s-populyarnymi-js-freymvorkami-chast-1/', title: 'Создание компонента Todos на Alpine.js', description: 'Знакомство с современными JS фреймворками - Alpine.js', }, { href: 'https://js.hyperui.dev', title: 'Code Examples and Guides on Functionality with Alpine JS [English]', description: 'Уникальный ресурс с примерами готовых компонентов', }, { href: 'https://livewire.laravel.com/docs/alpine', title: 'Alpine - Laravel Livewire [English]', description: 'Использование Alpine совместно с Livewire', }, ]} />
<ShowcaseYouTube entries={[ { href: 'https://www.youtube.com/watch?v=gszM-iaQMSs&list=PLFO2pzRBZxX2ZSfn-8W1d2e65j8oDm5Kn&index=1&t=3s', title: 'AlpineJS с нуля', description: 'Серия видеоуроков по Alpine JS', }, { href: 'https://www.youtube.com/watch?v=0GUp65155xY', title: 'Alpine.js полный курс', description: '1.5-часовой курс об Alpine.js', }, { href: 'https://www.youtube.com/watch?v=r5iWCtfltso', title: 'Alpine.js Crash Course [English]', description: 'Ускоренное погружение в Alpine.js от Traversy Media', }, { href: 'https://www.youtube.com/watch?v=FtVz9zQxQFE', title: 'Создаем менеджер задач на AlineJS и TaiwlindCSS', description: 'Рассмотрим, как работать с состояниями приложения, анимациями, логическими операциями и циклами', }, ]} />
:::note Для закадрового перевода англоязычных роликов, если ваш браузер не имеет такой фичи, можно воспользоваться этим расширением. :::
:::tip[У вас есть что добавить?] Присылайте ссылки на ресурсы, посвящённые Alpine.js :::