پیشنهاد فرادرس

آشنایی کامل با ng-bootstrap

دسته بندی ها: آموزش بوت استرپ (Bootstrap) ، آموزش طراحی وب ، آموزش های پلورال سایت (Pluralsight)

ng-bootstrap  یک پیاده سازی نیتیو Angular برای کامپوننت های قوی در کتابخانه بوت استرپ ارائه می دهد که منجر به داشتن تجربه های کاربری عالی می شود. در این دوره با نحوه استفاده از کتابخانه ng-bootstrap آشنا می شوید. در ابتدا، نحوه راه اندازی و نصب ng-bootstrap در اپلیکیشن ها را فرا خواهید گرفت. سپس نحوه استفاده از ng-bootstrap و کامپوننت های ساختاری را یاد خواهید گرفت. در نهایت به بررسی کامپوننت های اطلاعات و ناوبری ng-bootstrap می پردازید.

سرفصل:

  • معرفی دوره
  • ng-bootstrap چیست؟
  • پیش نیازهای مهم
  • راه اندازی اپلیکیشن
  • افزودن Backend
  • افزودن HTTP Service
  • نصب ng-bootstrap
  • دکمه ها
  • Datepicker - ناوبری
  • Timepicker
  • Typeahead
  • Typeahead با فیلتر کردن سمت سرور
  • کامپوننت های ساختاری
  • Collapse
  • Carousel
  • کامپوننت های ناوبری
  • و غیره
ng-bootstrap Playbook Publisher:Pluralsight Author:Steve Michelotti Duration:2h 48m Level:Beginner

ng-bootstrap provides seamless integration between the latest versions of Angular and Bootstrap. This course will introduce you to every component in the ng-bootstrap library and show you how to easily use them in your own apps.
ng-bootstrap provides a native Angular implementation for the rich components in the Bootstrap library, enabling great user experiences. In this course, ng-bootstrap Playbook, you will learn how to fully utilize the ng-bootstrap library. First, you will see how to install ng-bootstrap into your own apps and get up and running quickly. Next, you will get familiar with how to use ng-bootstrap Forms and Structural components. Finally, you will explore ng-bootstrap Informational and Navigation components. When you're finished with this course, you will have the skills and knowledge of ng-bootstrap needed to fully leverage these awesome components in your apps.
Course Overview
Course Overview
1m
Introduction
Introduction
1m
Course Overview
1m
What Is ng-bootstrap?
5m
Helpful Prerequisites
1m
Course Repository
0m
What We Will Be Building
1m
Initial App Setup
Overview
0m
Initial App Setup
5m
Add Backend
2m
Add HTTP Service
2m
Initial App Functionality
7m
Installing ng-bootstrap
1m
Summary
0m
Basic Forms
Overview
0m
Buttons
3m
Datepicker - Basic Functionality
4m
Datepicker - Navigation
3m
Datepicker - Inline
2m
Timepicker
3m
Rating
4m
Typeahead
7m
Typeahead with Server-side Filtering
5m
Summary
1m
Structural Components
Overview
1m
Collapse
2m
Accordion - Basic Functionality
4m
Accordion - Sequential Workflow
4m
Modal - Basic Functionality
4m
Modal - As a Component
6m
Modal - Passing Data
4m
Tabs
9m
Carousel
9m
Summary
1m
Informational Components
Overview
0m
Alert
5m
Tooltip
6m
Popover
6m
Progressbar
8m
Summary
1m
Navigation Components
Overview
0m
Dropdown
3m
Pagination
12m
Summary
1m

پیشنهاد فرادرس