Confidently follow learning paths that help you develop the right skills in the right order to achieve your goals.
HTML5 is the newest version of the default file format for web documents. It adds new form elements, audio/video support, a drawing canvas, real-time communication, local storage, drag and drop, and more.
Whether you're writing static pages or dynamically generating HTML, you'll need to know and understand HTML5. This learning path includes proven HTML5 tutorials that will get you there.Get Started
The goal of these beginner HTML courses are to create a solid foundation of the fundamentals of HTML. You will learn how to properly define your HTML, follow the standards and become confident using basic HTML elements. You will also learn about the new features of HTML introduced in HTML5. Aside from learning how to use all the basic features of HTML, you will learn how to write it in a descriptive and meaningful way.
HTML markup is the heart of any web application and this course will teach you the fundamentals of HTML regardless of the tool you use to author it. You will learn how to properly define your HTML markup and follow the standards, how to create lists, tables, and images, and all about text elements. Along the way you will also be show what NOT to do in your HTML.
In this HTML tutorial, we'll learn about the concept of semantic HTML. Semantic HTML means writing HTML that is descriptive and meaningful in regards to content and context. This course will talk about how, and especially why, it is important to write semantic HTML. If you have ever been confused about when and how to use semantic HTML5 elements we will talk about their intended uses in depth. We will also learn how our HTML creates an outline using both headings and HTML5 sectioning elements. We will even gain insight into accessibility concepts and how using different elements changes how those using assistive technologies perceive our webpages by testing our project with a screen reader. By the end of this HTML training, you'll have a solid understanding of how you can write better, semantic HTML. Software required: Brackets, Google Chrome.
If you are a web/front-end developer, the work you produce must be accessible to all users. In this course, Meeting Web Accessibility Guidelines (Section 508/ WCAG 2.0), you will get hands-on, practical code examples that you can start using today towards your goal of meeting official accessibility guidelines. First, you will learn the differences between Section 508 and WCAG 2.0, helping you to decide which guideline to use. Next, you'll dive into real-world, reusable code patterns/techniques and matching them to relevant guidelines. After finishing this course, not only will you be equipped to acquire government/education-related contracts, but you'll be able to make sites that meet established accessibility conformance guidelines and are more usable for everyone.
In this course, you'll learn how HTML5 Web Components give us the power to extend the web with our own rich, standards-based components. Web developers have been struggling for years to create truly reusable components. We struggle with styling, bundling, defining templates, and encapsulating our markup and styles from accidental manipulation. But HTML5 Web Components provide the power to finally define standards-based, reusable web components through four new technologies. Learn how to use the Shadow DOM to encapsulate the DOM and styling for your components. Define inert templates with the template tag. Extend HTML by registering your custom elements. And bundle this all together in a simple reusable package using HTML5 imports.
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.
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.
Our advanced HTML5 tutorial topics include a deeper dive into building rich internet applications. You will learn how to apply many of the new features found within the HTML5 specs, such as WebSockets, geolocation and web storage, offline applications, and more.
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.
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.