filmov
tv
Курс по Ant Design. Урок #1
Показать описание
Данный курс подробно разбирает один из самых мощных и динамично развивающихся фреймворков в экосистеме React. В нём есть практически все, что может понадобиться при создании современных веб-интерфейсов. Ввиду популярности TypeScript, в рамках этого курса мы изучаем и то, как использовать Ant Design с типами. В частности, новичков часто вводит ступор непонимание того, как подбирать типы для тех или иных ситуаций.
СОДЕРЖАНИЕ:
00:00 Вступление про Ant Design и про этот курс. Про TypeScript в курсе.
04:44 Создаем TypeScript-проект на Create React App для экспериментов с фреймворком.
07:43 Общая структура всех страниц документации по каждому компоненту.
10:51 Разбор компонента Button. Плагин Stylish.
11:34 Button: пропсы type и icon
13:33 Button: пропс size. Разбираем пример динамического изменения размера кнопок.
15:06 Решаем вопрос с TS-типизацией - как искать типы?
23:13 Проверяем работу примера. Подтягиваем общие стили Ant Design.
24:18 Button: пропсы disabled, loading и ghost.
30:07 Button: пример с выпадающим меню и группой кнопок.
31:24 Разбор Multiple Buttons в контексте TypeScript. Тянем типы из внешней библиотеки rc-menu.
36:02 Немного чистим наш проект. Button: пропсы danger и block.
36:59 Разбор оставшихся свойств из таблицы API (href, htmlType, shape и target).
39:05 Заключение.
⚛️⚛️⚛️
Телеграм для связи по курсу: @makewebchatme
🛍 🛍 🛍
Промо-код: 948E-53B9-CF98-8204 (вводится во время оплаты услуги).
💬 💬 💬
СОДЕРЖАНИЕ:
00:00 Вступление про Ant Design и про этот курс. Про TypeScript в курсе.
04:44 Создаем TypeScript-проект на Create React App для экспериментов с фреймворком.
07:43 Общая структура всех страниц документации по каждому компоненту.
10:51 Разбор компонента Button. Плагин Stylish.
11:34 Button: пропсы type и icon
13:33 Button: пропс size. Разбираем пример динамического изменения размера кнопок.
15:06 Решаем вопрос с TS-типизацией - как искать типы?
23:13 Проверяем работу примера. Подтягиваем общие стили Ant Design.
24:18 Button: пропсы disabled, loading и ghost.
30:07 Button: пример с выпадающим меню и группой кнопок.
31:24 Разбор Multiple Buttons в контексте TypeScript. Тянем типы из внешней библиотеки rc-menu.
36:02 Немного чистим наш проект. Button: пропсы danger и block.
36:59 Разбор оставшихся свойств из таблицы API (href, htmlType, shape и target).
39:05 Заключение.
⚛️⚛️⚛️
Телеграм для связи по курсу: @makewebchatme
🛍 🛍 🛍
Промо-код: 948E-53B9-CF98-8204 (вводится во время оплаты услуги).
💬 💬 💬
0:39:28
Курс по Ant Design. Урок #1
0:10:01
Курс по Ant Design. Урок #3
0:43:54
Библиотека компонентов Ant Design. Быстрый старт
0:46:24
Курс по Ant Design. Урок #2
0:39:24
75. Регистрация создаем форму. Layout Ant Design Form. ПОЛНЫЙ курс ФРОНТЕНД. REACT SHOP...
0:23:40
JavaScript Библиотеки #3 - Ant Design (Установка и краткий обзор возможностей - иконки + графики)...
0:08:59
Стилизация компонента Checkbox ant-design (antd)
0:15:29
Школа дизайна и маркетинга | British Higher School of Art ant Design
0:01:19
Ant Design in 75 seconds
0:00:54
MUI, Ant Design, Styled components com React e Typescript #shorts
0:32:37
Ant Design Tutorial for Beginners
0:00:28
3D Ant using Papercraft | Fun craft activities for kids | Learnfinity | #shorts
0:44:59
17 - React + Ant Design / Antd / React JS - Путь Самурая 2.0
0:23:59
How to setup Ant Design system (antd) with React.js easily
1:53:14
Создание проекта Womazing React JS - получение данныx , Табы , Пагинация Antd...
0:01:48
Creating Responsive Text with Ant Design 5 Typography Component
0:00:18
Dark Mode & Themes in shadcn/ui: Style Your App with Ease! #shadcn #ui
0:00:14
Advance Beautician course,threading practice time #shorts #shortreel #shortreelvideo #rupsmakeover
0:32:32
Мини-курс «App Design». Урок 4. Создание таблиц в Figma
0:02:48
Урок 0 Курс по React JS Material UI
0:01:47
How to Keep the Ant Design Submenu Open After Clicks
0:11:02
Ant Design Steps - How to Show Tasks Progress Using Antd Steps
0:00:19
Advance React JS Responsive Navbar
0:02:22
Resolving stopPropagation Issues with Ant Design Dropdown Menus in Next.js
Комментарии