HTML is the programming language that powers the web. And like any language, once you master it, you can begin to create your own content, whether that’s simple websites or complex web applications. This course provides an in-depth look at the essentials: the syntax of HTML and best practices for writing and editing your code. Senior staff author James Williamson reviews the structure of a typical HTML document, and shows how to section pages and format your content with HTML. Plus, learn how to create links and lists, and find out how HTML works with CSS and JavaScript to create rich, engaging user experiences. So open a text editor, watch these videos, and begin learning to author HTML the right way.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Instructor: James Williamson

The post Up and Running with HTML appeared first on EASY Digital Pro.

In this course, author Joe Marini details the latest enhancements for client-side forms found in HTML5. Using real-world examples, the course showcases the capabilities of the specification’s new attributes and form elements, such as displaying default placeholder text, setting required fields, capturing email addresses, and presenting calculation results within a form. The course also demonstrates mobile device support for HTML5 forms and shows how to modernize existing forms while maintaining backwards compatibility for older browsers.

Topics include:

• Autofilling previously entered data with autocomplete
• Constraining form field data with a regular expression
• Using text-selection APIs
• Building CSS styling for invalid, valid, and required fields
• Creating a search field
• Including a phone number input field
• Formatting number fields
• Building a date picker
• Creating a list of suggested entries
• Indicating measurements

About the Author

Joe Marini is a senior developer advocate at Google and a developer of Dreamweaver and Windows Phone. Joe has worked in the web and software industries for more than 20 years. He was an original member of the Dreamweaver engineering team at Macromedia, and held prominent early roles in creating products such as QuarkXPress, Microsoft Expression Blend, mFactory’s mTropolis, and Extensis QX-Tools. He is regularly a featured speaker at industry conferences and has authored or co-authored several publications on web and software development. Prior to Google, Joe was responsible for the mobile web developer platform for Windows Phone 7 at Microsoft. His book, The Document Object Model, is widely regarded as the definitive resource for working with the DOM.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Beginner
• Video Duration: 1h 58m
• Instructor: Joe Marini

The post HTML5: Web Forms appeared first on EASY Digital Pro.

Gain a deeper understanding of HTML5, and learn how to create richer, more meaningful webpages with HTML5 structural tags and enhanced semantic markup. In this course, senior author James Williamson presents an overview of HTML5, demystifies the language’s new tags and attributes, and discusses how browsers parse and display HTML5 content. He’ll help you make sure your pages (including elements like navigation) are properly structured and sectioned, and show how to use HTML5’s unique features for representing quotes, figures, and dates and times. You’ll also discover how to extend meaning and make content more accessible with comments, meta- and microdata, and ARIA roles—elements which lead to better experiences for website visitors and development colleagues alike.

Topics include:

• What are web semantics?
• Understanding HTML5 content models
• Supporting older browsers
• Structuring and defining HTML5 documents
• Using headings
• Building navigation
• Nesting and grouping content
• Working with HTML5 lists
• Defining link relationships
• Writing comments
• Working with meta tags
• Using microdata

About the Author

Adobe Certified Instructor James Williamson is a trainer in web, print, and digital video experience. James Williamson is a senior author for lynda.com and an Adobe Certified Instructor. He has many years of web, print, and digital video experience, and has been a featured speaker at Flashforward as well as a regular speaker at Adobe MAX. James also blogs (infrequently) about all things web at his site, Simple Primate

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Beginner
• Video Duration: 3h 34m
• Instructor: James Williamson

The post HTML5: Structure, Syntax, and Semantics appeared first on EASY Digital Pro.

Spice up dry data presentations with an interactive, visually engaging bar chart drawn with the HTML5 Canvas element.Spice up dry data presentations with interactive and visually engaging charts. This installment of HTML5 Projects shows how to build interactive bar charts, dynamically drawn with HTML5 Canvas. The user-friendly chart elements allow visitors to record different data scenarios by dragging bars. Author Joseph Lowery also shows how to automatically save the data from day to day. Altogether, this course offers a great introduction to HTML5 form elements with Canvas, integrated drag and drop, and local storage technologies. Topics include: Crafting the HTML Initializing the stage Adding a legend and labels Drawing the bars in the bar chart Adding anchors for interactivity Connecting the feedback Storing user progress

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Intermediate
• Video Duration: 1h 7m
• Instructor: Joseph Lowery

The post HTML5 Projects: Interactive Charts appeared first on EASY Digital Pro.

You’ve created a basic web presentation. Now what? In this course, you’ll learn how to spiff up your HTML5 presentation slides with automatic playback, integrated audio and video, and more. Author Justin Putney shows how to embed a Twitter feed, Download HTML5 Projects: Creating an Advanced Responsive Presentation place your presentation on loop, and make subtle polishes like hiding the cursor in full-screen mode and improving the timing of bullets. Justin also includes a series of challenge-and-solution pairs to test your skills. Download HTML5 Projects: Creating an Advanced Responsive Presentation

Topics include:

• Embedding a Twitter feed in an iframe
• Creating the code for automatic playback
• Using MediaElement.js in your presentation
• Adding video and audio

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Advanced
• Video Duration: 70 min
• Instructor: Justin Putney

The post HTML5 Projects Creating an Advanced Responsive Presentation appeared first on EASY Digital Pro.

The _HTML5 Projects_ series combines HTML5, CSS3, and recent JavaScript API technologies to enhance your web projects with interactivity and multimedia. This installment shows how to create a basic to-do list widget with an editable field so users can enter their tasks and delete them as they are completed, and a more advanced version with all the bells and whistles, including a drag-and-drop interface that allows for quick and easy sorting. Author Joseph Lowery covers HTML5 technologies such as web databases, content editing in the browser, and CSS transitions and transforms.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Instructor: Joseph Lowery

The post HTML5 Projects: Advanced To-Do List appeared first on EASY Digital Pro.

Covers advanced HTML5 topics like geolocation, mobile development, web sockets, Web SQL, and web workers.In this course, part of his series of titles on HTML5 and CSS3, author and expert Andy Olsen looks at advanced topics like geolocation, mobile development, web sockets, Web SQL, and web workers. You’ll also learn how to communicate between pages downloaded from different servers and how to use the new Ajax features in XMLHttpRequest Level 2. After completing this workshop, developers be well equipped to start utilizing the powerful features of HTML5. Topics include: Using the Communications API Understanding geolocation Getting and watching the current position Using web workers and WebSockets Implementing mobile web user interfaces Managing data in a mobile web application Working offline Using Web SQL Using drag-and-drop

Video Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Intermediate
• Video Duration: 3h 9m
• Instructor: Andy Olsen

The post HTML5 Power Workshop appeared first on EASY Digital Pro.

Prevent page refreshes when updating parts of a page, and make navigation more efficient using the enhancements to the Session History API provided with HTML5.This course describes how to use the HTML5 Session History application programming interface to present bookmark-friendly URLs while updating parts of a page and preventing unnecessary network activity. Author Bill Weinman shows how to manipulate history by adding entries to the stack, visibly changing the URL in the address bar, and removing entries when the user presses the back or forward buttons, all without reloading the web page. The course uses practical examples that can be applied to most web sites, and also shows how to detect support for the History API in browsers and how to handle exceptions. Topics include: Manipulating browser history: an overview Detecting History API support Pushing a new URL onto the stack Handling back and forward buttons with the popstate event Updating the stack with replaceState()

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Intermediate
• Video Duration: 35m 33s
• Instructor: Bill Weinman

The post HTML5: Managing Browser History appeared first on EASY Digital Pro.

Save application data such as preferences or form data in the client’s browser and use it in applications, including those running offline.This course describes how to save application data such as preferences or form data in the client’s browser and use it in applications, including those run offline. Author and programmer Bill Weinman covers the various local storage options provided in HTML5, including local storage, session storage, and the Web SQL and Indexed Database APIs, with practical examples that show how to create and maintain a database in each scenario. The course also covers the use of storage events for change tracking and the cache manifest for using web applications offline. Topics include: Understanding storage components of the HTML5 architecture Providing client-side storage Understanding the Storage() interface Keeping context with sessionStorage Understanding the Web SQL and Indexed Database APIs Creating a local storage database Reading, writing, editing, and deleting storage data Handling storage events with local storage Running applications offline

Video Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Intermediate
• Video Duration: 2h 23m
• Instructor: Bill Weinman

The post HTML5: Local Storage and Offline Applications in Depth appeared first on EASY Digital Pro.

JavaScript developers can create freeform graphics on a drawing surface known as the Canvas. The Canvas unlocks the ability to create rich, native web applications with 2D and 3D graphics. In this course, instructor Joe Marini introduces the technical concepts behind Canvas and shows how to perform drawing operations directly in a webpage. Learn how to draw basic and complex shapes, adjust colors and styles, and add shadows, patterns, and gradients. Then explore more advanced techniques such as scaling, rotating, and compositing objects. Plus, discover how to use Canvas elements to build a full-featured slideshow and a double-buffered animation.

Topics include:

• Canvas examples
• Drawing shapes, arcs, paths, and curves
• Drawing text
• Drawing shadows, patterns, and gradients
• Using clipping paths
• Displaying images and video
• Transforming objects with scaling and rotation
• Manipulating raw pixels
• Applying transitions
• Creating animations

About the Author

Joe Marini is a senior developer advocate at Google and a developer of Dreamweaver and Windows Phone. Joe has worked in the web and software industries for more than 20 years. He was an original member of the Dreamweaver engineering team at Macromedia, and held prominent early roles in creating products such as QuarkXPress, Microsoft Expression Blend, mFactory’s mTropolis, and Extensis QX-Tools. He is regularly a featured speaker at industry conferences and has authored or co-authored several publications on web and software development. Prior to Google, Joe was responsible for the mobile web developer platform for Windows Phone 7 at Microsoft. His book, The Document Object Model, is widely regarded as the definitive resource for working with the DOM.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Intermediate
• Video Duration: 2h 10m
• Instructor: Joe Marini

The post HTML5 Graphics and Animation with Canvas appeared first on EASY Digital Pro.