A large number of technologies and practices have attempted to tackle real-time demands to constantly update the browser. The new HTML5 WebSocket protocol promises bi-directional communication between the server and the client through a single TCP connection that removes a great load of header information and reduces latency. At the end of this course, you will be fully aware of the technologies needed to build real-time web applications and why HTML5 WebSockets offer us the opportunity to create unique web apps and enhance browser capabilities we had never had the chance to lay our hands on before.
This course tackles the topic of HTML5 and CSS3 with the perspective of upgrading an existing site. A realistic approach is demonstrated that explains how and why to modify existing HTML tags to use HTML5 features. Tips and tricks provided to ensure a consistent user experience across multiple browsers.
In Advanced HTML5 you learn to build native rich internet applications by taking advantage of features that: allow a website to operate with or without internet connectivity, relieve the UI thread of intense processing, reduce application overhead by using Web Sockets for constant communication with the server, extend the amount of data available on the client using the new storage APIs, programmatically locate user’s geographical location on a one-time or continual basis and make data on your website available to both viewers and machines with Microdata markup.
HTML5 is the cool new kid on the block for building Web Applications. People generally prefer native mobile apps over bookmarks in mobile browsers. Why not do both? In this course you’ll see how you can use a native mobile shell on the popular mobile platforms (iOS, Android, and Windows Phone 7) to host an HTML5 application and how to interact with native APIs, handle offline mode, and deal with devices with different resolutions.
The HTML5 Canvas provides a powerful way to render graphics, charts, and other types of visual data without relying on plugins such as Flash or Silverlight. In this course you’ll be introduced to key features available in the canvas API and see how they can be used to render shapes, text, video, images, and more. You’ll also learn how to work with gradients, perform animations, transform shapes, and build a custom charting application from scratch. If you're looking to learn more about using the HTML5 Canvas in your Web applications then this course will break down the learning curve and give you a great start!
Adobe Flash technology has long been the de facto solution for delivering video on the web. From a programming standpoint, it just worked. With ever-growing fragmentation, shifting standards, and lack of Flash support on mobile devices, the industry is currently in flux. HTML5 has emerged as an open source alternative to Flash for video playback, with a growing feature set, support across mobile, and an energized developer community surrounding it. HTML5 is really still in its infancy (well, perhaps adolescence) and its features are still not on par with Flash. But that doesn’t mean it’s not a good way to play video online. In this course, I’ll show you how to achieve the same basic video-related tasks in Flash and in HTML5. Through simple side-by-side examples, you’ll be able to compare the technologies and see the strengths and weaknesses of each, and hopefully remove a few bumps from your transition path.
In this course you’ll learn to build a HTML5 line-of-business application that allows users to add data to the system even while the application is working in an offline context. You’ll see how to begin from scratch and use Entity Framework Code First to create a database based off model objects as well as maintain tables for the ASP.NET WebPages Simple Membership API. You’ll learn to build a Web API layer to expose the application’s data and secure aspects of the API using authentication and authorization rules. Further you’ll learn to build views using Bootstrap, Knockout.js, Underscore.js and HTML5 offline apps and validation APIs. Finally, you’ll see how to add ELMAH to the application in order to log exceptions and keep you informed of the health of your application.
The syntax for using local storage and offline caching is simple, but the implementation details can easily leave you frustrated. Existing blog posts ignore the finer points of this nuanced API. For this course, we brought in W3C committee member Ben Schwarz to show us how it's done. In only an hour you'll learn about how to speed up the user experience for online and offline applications, basic syntax for caching files and data in the browser, browser tools and development workflow to help debugging and avoid frustration, how to steer around bugs, restrictions, and pitfalls, and how to use the Rails 3 asset pipeline with browser caching.
Learn to use HTML5 to persist data on the client using Web Storage (local and session storage), the client-side object database known as IndexedDB and the in-browser file system. In this course you are introduced to each persistence medium and will learn to abstract away the complexities of using the raw APIs. Discussion of each technology also includes a "real-life" sample to demonstrate how you can use capabilities shown in this course in context of an application scenario.
When you start a new project, it's unlikely you start with a blank HTML file. You probably have some kind of starting template, or your IDE builds a rough file with some elements preloaded. That's what HTML5 Boilerplate is: a starter template to use on all your projects. HTML5 Boilerplate is built and used by some of the most respected names in the industry, and is packed full of standards-compliant and browser-friendly code to make sure that all of your projects get off on the right foot.
HTML5 gives us power beyond what we've had before through native APIs in the browser delivering rich media, realtime effects and communication. In this course, you'll get hands-on examples of building your own media players on top of HTML5 APIs. You'll dive into camera support with getUserMedia, WebRTC for realtime communication, video effects with canvas, and get introduced to the Web Audio API for low-level audio support.
Most of us build typical business web sites using ASP.NET Web Forms. We are now being asked to build these as mobile-aware web sites. Using Bootstrap is a great place to start and Web Forms can do all of this - without having to learn MVC. This course will teach you how to build business applications using Web Forms, Bootstrap, HMTL5 and CSS3. You will be shown how to create standard business pages such as a Member Log In, Forgot Password, Member Sign Up, About, Contact Us, Address, Member Profile, Credit Card, and many others. You will also learn how to create navigation for your business application.
In this tutorial we'll learn advanced topics surrounding HTML5 game development. Throughout these lessons we will look at the steps required to build a multiplayer action game from scratch.We'll start by setting up our game scene using the Pixi.js open source library. We'll continue by implementing physics, audio and other game elements that are often tricky in-browser. We'll take a look at getting the most out of our performance by using Google Chrome's Developer Tools. Finally, we'll use WebSockets and Node.js to add multiplayer elements to our game.By the end of this tutorial, you'll have a solid understanding of advanced HTML5 game development topics and workflows, as well as a fully functioning game that will scale to fit any screen size. Software required: HTML5, CSS.
Kendo is rapidly becoming one of the most popular frameworks for building professional looking web applications. More than just a beautiful set of widgets and data-visualizations, kendo is a complete framework with support for data, MVVM, object inheritance, Globalization, Single Page Applications and more.
The HTML for the XAML developer course aims to help XAML developers, whether you’re a WPF or Silverlight developer, make the transition to being an HTML developer. This course provides a high level overview of many of the technologies and concepts needed to transfer your existing XAML knowledge over to the HTML world.
Responsive web design is a recent strategy for building web sites that can respond and adapt to multiple devices and their respective resolutions. Mobile first is the concept of creating the design for your mobile web site first, and then building out that design for larger resolutions. This course covers the concepts that developers need to know to be able to work in this new way of designing web sites.
Sometimes you just need to get a site up and running fast. Whether it be a blog, an event site, a wedding announcement or a new business idea. Getting a website working should be a quick and easy task for a developer. This course uses a variety of technologies including ASP.NET MVC, Web API, Entity Framework, Bootstrap, AngularjS and Azure Websites to build and deploy a website.
jQuery provides a powerful set of features that can be used to build applications but do you know some of the key tips, tricks and best practices that can be used to reduce code, promote re-use and simplify maintenance? In the jQuery Tips and Tricks course Dan Wahlin and Elijah Manor will walk you through key tips and tricks learned over the years of building applications with jQuery. Topics covered include tips and tricks related to working with the DOM, handling and triggering events, making Ajax calls, working with and caching data locally, as well as taking advantage of built-in jQuery utility functions.