Learning Kendo UI Web Development

With Kendo UI you can enhance your websites no end without having to write a line of code, and this tutorial shows you exactly how to utilize the code library of JavaScript widgets and tools. Thoroughly practical, brilliantly inspiring.

Learning Kendo UI Web Development

Learning
John Adams

With Kendo UI you can enhance your websites no end without having to write a line of code, and this tutorial shows you exactly how to utilize the code library of JavaScript widgets and tools. Thoroughly practical, brilliantly inspiring.
$26.99
$44.99
RRP $26.99
RRP $44.99
eBook
Print + eBook
$12.99 p/month

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849694346
Paperback288 pages

About This Book

  • Learn from clear and specific examples on how to utilize the full range of the Kendo UI tool set for the web
  • Add powerful tools to your website supported by a familiar and trusted name in innovative technology
  • Learn how to add amazing features with clear examples and make your website more interactive without being a JavaScript expert

Who This Book Is For

This book is for web developers who want to take advantage of cutting edge JavaScript and HTML 5 web site features, but who don’t have the time or the knowledge to write all of that code by hand. The reader should be familiar with basic HTML 5 and JavaScript but does not need to be an expert.

Table of Contents

Chapter 1: Interacting with Data: DataSource, Templates, TabStrip, and Grid
Setting up the sample project
KendoUI syntax styles
Kendo UI MVC – basics
Managing data
Page layout
Summary
Chapter 2: The AutoComplete Widget and its Usage
AutoComplete widget – basics
Binding AutoComplete to Remote Data
Using AutoComplete with MVC through Models
Using AutoComplete with MVC through Ajax
Sending data to the server
Using Templates to Customize AutoComplete
Configuring all of the AutoComplete properties
Hooking into AutoComplete widget events
Using the API AutoComplete methods
Summary
Chapter 3: Using and Customizing Calendar
Calendar widget – basics
Configuring the Calendar widget
Calendar Widget using MVC
Methods available on the Calendar widget
Events fired by the Calendar widget
Summary
Chapter 4: The Kendo MVVM Framework
Understanding MVVM – basics
Data-bind properties for Kendo MVVM
Declarative widgets through Data-Role MVVM attributes
Summary
Chapter 5: HTML Editor and Custom Tools
Understanding the HTML Editor
Adding and removing buttons from the toolbar
Adding the Styles tool
Customizing HTML Editor tools
Using the HTML Editor API
Summary
Chapter 6: Menu and ListView
Learning the Menu widget basics
The Kendo UI ListView
Summary
Chapter 7: Implementing PanelBar and TabStrip
PanelBar basics
Introducing the TabStrip widget
Summary
Chapter 8: Slider Essentials
Introducing Slider and RangeSlider
Basic implementation using MVC extension methods
Using tooltips and pop-up texts
Customizing the user interface of the slider widgets
Learning API methods
Hooking into events
Summary
Chapter 9: Implementing the Splitter and TreeView Widgets
The Splitter widget
TreeView
Summary
Chapter 10: The Upload and Window Widgets
Uploading files
The Kendo UI Window widget
Summary
Chapter 11: Web API Examples
Getting familiar with the ASP.NET Web API
Getting familiar with Entity Framework Code First
Getting familiar with OData
Using DataSourceRequest with Kendo Grid
Driving the ListView with Web API
Summary

What You Will Learn

  • Leverage data source objects and JavaScript templates with the TabStrip and Grid widgets
  • Guide users in date selection with the Calendar widget
  • Create fast and fluid word wheels with the AutoComplete widget and date selection with the Calendar widget
  • Take advantage of the powerful MVVM JavaScript architectural pattern
  • Take full HTML input from users with a graphical editor
  • Structure your site with the Menu and ListView widgets
  • Build interactive accordions with the PanelBar widget and a fun way to select numbers with the Slider widget
  • Organize your data with the Splitter and TreeView widgets and Customize pop-up windows and file uploads with the Window and Upload widgets

In Detail

Creating useful and attractive web sites for today’s audiences requires more JavaScript programming than ever before. JavaScript, however, isn’t easy and staying up to date with recent trends makes it even harder. You need a way to integrate the latest technology into your web site without having to start from the beginning.

"Learning Kendo UI Web Development" shows you how to add the latest web features to your site without doing all of the work yourself. The experts at Telerik have created a fully supported code library that lets you focus on what makes your sites special while letting them focus on how that translates into cutting edge JavaScript code.

This book will take you on a survey through Kendo UI for the web from the basic widgets that wrap input fields to the full page scaffolding widgets for setting up your site.

Kendo UI for the web is a rich framework of JavaScript widgets and tools that will add immediate value to your web sites. Learn the full spectrum of what Kendo UI has to offer in specialized widgets that gather input from users by displaying calendars, sliders, or date pickers all the way up to widgets that structure your web pages through data-driven models in accordions, tabs, list views, and tree views.

"Learning Kendo UI Web Development" is the perfect companion for navigating the broad features offered by Telerik in JavaScript web development.

Authors

Table of Contents

Chapter 1: Interacting with Data: DataSource, Templates, TabStrip, and Grid
Setting up the sample project
KendoUI syntax styles
Kendo UI MVC – basics
Managing data
Page layout
Summary
Chapter 2: The AutoComplete Widget and its Usage
AutoComplete widget – basics
Binding AutoComplete to Remote Data
Using AutoComplete with MVC through Models
Using AutoComplete with MVC through Ajax
Sending data to the server
Using Templates to Customize AutoComplete
Configuring all of the AutoComplete properties
Hooking into AutoComplete widget events
Using the API AutoComplete methods
Summary
Chapter 3: Using and Customizing Calendar
Calendar widget – basics
Configuring the Calendar widget
Calendar Widget using MVC
Methods available on the Calendar widget
Events fired by the Calendar widget
Summary
Chapter 4: The Kendo MVVM Framework
Understanding MVVM – basics
Data-bind properties for Kendo MVVM
Declarative widgets through Data-Role MVVM attributes
Summary
Chapter 5: HTML Editor and Custom Tools
Understanding the HTML Editor
Adding and removing buttons from the toolbar
Adding the Styles tool
Customizing HTML Editor tools
Using the HTML Editor API
Summary
Chapter 6: Menu and ListView
Learning the Menu widget basics
The Kendo UI ListView
Summary
Chapter 7: Implementing PanelBar and TabStrip
PanelBar basics
Introducing the TabStrip widget
Summary
Chapter 8: Slider Essentials
Introducing Slider and RangeSlider
Basic implementation using MVC extension methods
Using tooltips and pop-up texts
Customizing the user interface of the slider widgets
Learning API methods
Hooking into events
Summary
Chapter 9: Implementing the Splitter and TreeView Widgets
The Splitter widget
TreeView
Summary
Chapter 10: The Upload and Window Widgets
Uploading files
The Kendo UI Window widget
Summary
Chapter 11: Web API Examples
Getting familiar with the ASP.NET Web API
Getting familiar with Entity Framework Code First
Getting familiar with OData
Using DataSourceRequest with Kendo Grid
Driving the ListView with Web API
Summary

Book Details

ISBN 139781849694346
Paperback288 pages
Read More