Mastering Kendo UI

Tap into the full power of the Kendo UI framework and its widgets with this clear and concise guide
0.8 (15 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.
79 students enrolled
84% off
Take This Course
  • Lectures 29
  • Length 1.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 6/2015 English

Course Description

You have probably already heard about Kendo UI and the extensive range of widgets it comes with; but there's more to Kendo UI than just widgets. Kendo UI has a full featured framework, and when you put it all together, you can run your application using Kendo UI MVVM, Kendo UI widgets, and the Telerik backend for your data storage.

With Mastering Kendo UI, you will be taken on a journey through building a fully functioning blog application with Kendo UI.

You start off by installing a toolbox full of awesome functionality including Kendo UI, Bootstrap, and Telerik's backend services. Next, you will build a Content Editor by using the MVVM (Model-View-View-Model) architecture to control the widgets. You will then move on to creating a Blog Editor along with a Post Editor and then create and validate a form. You will also see how to troubleshoot some common issues that developers face every day. The video series doesn't stop here, but you will also learn how to do more with cleaner and more concise code using the Kendo UI library, jQuery, and Telerik's Everlive. Once you are done with the application, you will jump into some more advanced topics and look into Layouts, Views, and Routing.

At the end of these 120 minutes, you will have a strong foothold on the important aspects of Kendo UI and will be able to build your own apps with confidence.

About the Author

Chuck Catron is a software developer who got started way back when Visual Basic 5 was cool. Before becoming a programmer, Chuck was in the Navy for 6 years as a Fire Control Technician working on a missile system. Chuck has been learning JavaScript, JQuery, and Kendo UI for the last 4 years. Chuck started his web development career in 2003 and has always strived to be learning and closer to the edge than the corner. Chuck is a husband, dad, step-dad, and dog dude.

What are the requirements?

  • The students need to have a good experience and knowledge of KendoUI

What am I going to get from this course?

  • Explore Telerik’s backend services and set up your Kendo UI project
  • Wire up Twitter Bootstrap with Kendo UI MVVM for easier navigation through your app
  • Take control of the Content Editor by updating the properties of your view model
  • Manage your blog effectively with a few tweaks in the Kendo UI grid
  • Make your app responsive and rev up its security by implementing validation
  • Know your code better and troubleshoot errors away with Chrome Developer Tools
  • Get ahead with the advanced features of Kendo UI such as Layout, Views, Upload, and Router

Who is the target audience?

  • This course is for all the JavaScript developers who wish to utilize their knowledge of MVVM and the Kendo UI framework to build advanced web apps that run without a hitch.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Set Up Your Project with Kendo UI and Twitter Bootstrap

How to create a site in CodeAnywhere


How to set up your development environment to develop a Kendo UI MVVM application and get Twitter Bootstrap into your project


How to apply a Twitter Bootstrap layout to your website


Explore the Telerik Platform Backend Services

Section 2: Start Coding

How to find and get a basic Twitter Bootstrap layout


How to create an SPA application using Kendo UI layouts and views


Load the Navigation View, Blog View, and Login View

Wiring Up the Navigation Menu
Section 3: Building a Content Editor

Create a Content Editor

Configure the Inline Content Editor

Update the Content Model with new properties for controlling the content editor functions


Save content changes from the Content Editor

Section 4: Building a Blog Manager

Create a Blog Manager


Create a Blog Posts Manager and add a new section to the blog posts Manager

Section 5: Displaying Blog Posts

Create a Blog Post (or Posts) Page


Add a Blog Post View

Section 6: Creating a Registration Page and Validating It

Create a registration page


Create a basic model for the registration form


Add in standard input validation


Extend the Kendo UI validator with custom rules


Validate a form before allowing data to go to the server

Section 7: Troubleshooting

Chrome developer tools


Console logging


Stepping through code


View Network Traffic

Section 8: Advanced Kendo UI

Kendo UI Layout

Kendo UI View

Kendo UI Upload

Kendo UI Router

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Packt Publishing, Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Ready to start learning?
Take This Course