|
|
|
Online course
Introduction to Kendo UI (not finished yet)
The web site defines kendo UI as: "Kendo UI is an HTML5, jQuery-based framework for building modern web apps. The framework features more than a dozen UI components, a rich data vizualization framework, an auto-adaptive Mobile framework, and all of the tools needed for HTML5 app development, such as Data Binding, Templating, Drag-and-Drop API, and more."
In this course we will explore kendo UI in details. We will talk about each widget and see how it works. We will start with the html part and initializing the widget. Once we get that up and running, we start experimenting with the properties and functions. For the events, we will log them to div under the widget to see what events are triggered and when.
|
Introduction
 Vídeo
2) Calendar and AutoComplete
Description: In this lesson, we are continuing our discussion of Kendo UI. We wrapped up the calendar discussion by talking about the footer and how we can get a hold of the calendar variable so we can make changes to the calendar. |
[Mark this item as viewed]
|
Widget
Vídeo
8) DropDownList
Description: In this lesson, we will discuss the drop down list. With the ComboBox, we were able to type some text in addition to the ability to select an item. |
[Mark this item as viewed]
|
Vídeo
9) Editor
Description: In this lesson, we will learn about the editor widget. This is a powerful control because it allows the user to type text and format it the way the user needs. |
[Mark this item as viewed]
|
Vídeo
10) Menu
Description: In this lesson, we will learn about the menu. You know that you can create a menu with sub-menus and every sub-menu can have a menu of its own. |
[Mark this item as viewed]
|
Vídeo
13) PanelBar
Description: In this lesson, we will learn how to work with PanelBar. A PanelBar is like an Accordion in jQuery UI, but in this case you have more flexibility with the properties and events. |
[Mark this item as viewed]
|
Vídeo
15) Slider
Description: In this case, we will discuss the slider. The slider provides the ability to select a value, but the range is controlled by the developer, which makes validating input unnecessary. |
[Mark this item as viewed]
|
Vídeo
16) Range Slider
Description: In this lesson, we will discuss the range slider. This is similar to the slider that we have recently discussed. However, and as the name implies, the range slider has a range of values to work with. |
[Mark this item as viewed]
|
Vídeo
17) Splitter
Description: In this video, we will discuss the splitter. With the splitter, we will get a dynamic layout where we can add panes that can be collapsed and resized. |
[Mark this item as viewed]
|
Vídeo
19) ContentUrls Property
Description: In this video, we will continue our discussion of tabstrip be exploring the other properties and functions we have available. First, we will create the unordered list to represent the actual tabs, but we will not create the divs for the contents |
[Mark this item as viewed]
|
this course is not finished yet
|
2
0
