Kendo UI Scheduler
3.9 (102 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
4,712 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Kendo UI Scheduler to your Wishlist.

Add to Wishlist

Kendo UI Scheduler

Learn how the Kendo UI Web Scheduler widget helps you create and manage tasks and appointments very easily.
3.9 (102 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
4,712 students enrolled
Created by Ayad Boudiab
Last updated 9/2013
English [Auto-generated]
Price: Free
  • 2 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Introduce one of the latest Kendo UI Web widgets: the scheduler
  • Get the user familiar with other Kendo UI web widgets (that the scheduler use to complete the tasks)
  • Present web developers the latest web widgets that simplify day-to-day development activities
View Curriculum
  • Notepad++
  • Web Browser (Google Chrome)

This course introduces developers to one of the latest Kendo UI Web widgets: the scheduler. Now, developers can build better web sites powered by the ability to create events (tasks/appointments) through a simple web widget. The ability to preview tasks in day, week, month, and calendar view is supported.

The author will follow a hands-on approach where all the features and options are shown through examples. The only tools needed are Notepad++ and a web browser (such as Google Chrome).

The course will start by introducing the scheduler and comparing the functionality to a similar scheduler (like Office Outlook). Then the scheduler features and options are discussed step-by-step using carefully selected examples.

By the time the user is done with this course, he/she will be well equipped to power his/her site with the new scheduler functionality.

Please note that since the scheduler is currently in beta release, some of the functionality might change, but the core concepts will remain the same.

Who is the target audience?
  • Web developers who want to enhance their sites by adding the ability to schedule tasks
  • Developers who want to learn about the latest and greatest widgets
Students Who Viewed This Course Also Viewed
Curriculum For This Course
10 Lectures
1 Lecture 12:43

In this section, we will introduce the scheduler and see the different products that Kendo UI provides. We will download Kendo UI Web (that contains the scheduler) and discuss the content of the download.

Introducing the scheduler
Development Tools
1 Lecture 12:30

In this section, we will choose Notepad++ as the development tool and Google Chrome as the browser. We will look at a complete example that shows off the scheduler and its features.

Chossing the tools and writing a complete example
Schedule Features
7 Lectures 01:38:28

The main property of a scheduler is the data source. In this exercise, we will see how to create a data source and preview the events in the scheduler. Note: Make sure you download the jquery.min.js and kendo.web.min.js and place them in the appropriate folder to test the page (these type of files cannot be uploaded on this site).

Adding Data Source

This section covers adding a date header template, all day event property and template, and using resources. Note: Remember to add the css and the js files from the appropriate folders in order for the example to work properly.

Adding a Template and Experimenting with the All Day Event Property

The events, by default, are editable (we can change them, delete them...). But we are presented with some options to change that behavior. We will see how that can be accomplished in this lesson.

Editing Events

We will use the rooms as the resources, and we will see how to group the events using these resources by applying the group, dataSource, and resources properties. Remember to have the following files in order for the example to work:

<link href="Styles/kendo.common.min.css" rel="stylesheet" />
<link href="Styles/kendo.metroblack.min.css" rel="stylesheet" />

<script src="Scripts/jquery.min.js"></script>
<script src="Scripts/kendo.web.min.js"></script<

Grouping Resources

As you will see in this discussion, we have control over the major and minor ticks on the left side of the scheduler. We can change these values and we can create templates to affect the display.

Changing Minor and Major Ticks

We will work with the views by manipulating their properties and set the "Month" view to be the default.

Working with Views

In the previous exercises we changed the properties within the scheduler to accomplish our tasks. Today, we will create another scheduler instance and change the event's properties programmatically.

Modifying the Events Programmatically.
1 Lecture 03:02

This lesson will wrap up the Kendo UI Web Scheduler discussion. The features we discussed should provide you everthing you need to feel comfortable using this widget in your web applications.

Wrapping up..
About the Instructor
Ayad Boudiab
4.3 Average rating
190 Reviews
6,527 Students
3 Courses
Senior Application Developer / Technical Trainer

 I am a Senior Application Developer with a degree in Computer Science from Georgia State University. I have about 15 years in programming experience and 14 years in teaching experience. I mostly work on Microsoft based technologies such as C#, ASP.NET, and SQL Server. I taught programming courses (Java, C#, SQL...) at the continuing education department in Georgia Perimeter College. I also taught a course online with Stark State College in Ohio. In addition to my full time developer position with a company in Alpharetta/GA, I am also a part time technical trainer with DevMedia/Brazil. I create training videos (such as jQuery, jQuery UI, JavaScript, Kendo UI, ASP.NET, and SQL Server) for their portal site