Author
Released
8/21/2013First, discover how data is collected via standard and advanced HTML5 forms. Then look at a client-friendly approach to storing that data using simple CSV files. Next, Joseph shows how to store, manage, and style data with the three big players: the granddaddy of static data, XML; the popular JavaScript-based JSON; and the recursively named YAML (YAML Ain't Markup Language), frequently used in Ruby-based projects. Plus, take a close look at basic HTML5 data options, including local storage and the flexible data attribute.
- Interacting with data through HTML forms
- Storing data as comma-separated values
- Saving, retrieving, and displaying data as XML
- Setting up and updating JSON data
- Creating a YAML data file
- Using HTML5 data storage solutions
Skill Level Intermediate
Duration
Views
- [Voiceover] Hi, Joe Lowery here, happy to welcome you to Working with Data on the Web. Often, designers need to convey simple data without the overhead of a relational database, such as MySQL. We'll first explore how the web collects data, through forms, with an emphasis on HTML5 innovations. Then, we'll work our way through robust technologies, like XML, JSON, and YAML, as well as showing some new tricks for handling good, old CSV files.
Finally, we'll take a close look at basic HTML5 data options, including local storage and the flexible data attribute. There's a ton of possibilities for handling data directly, and straightforwardly. So, let's get started with Working with Data on the Web.
Related Courses
-
CSS: Formatting Visual Data
with Joseph Lowery1h 37m Intermediate
-
Introduction
-
Welcome53s
-
About the exercise files1m 9s
-
-
1. The State of Data on the Web
-
2. Handling Client-Friendly CSV
-
Parsing CSV files5m 6s
-
Cross-platform CSV tools4m 31s
-
3. Exploring XML
-
Understanding XML structure3m 26s
-
Saving data as XML10m 20s
-
Enhanced styling with XSLT8m 43s
-
-
4. Incorporating JSON
-
Setting up JSON data2m 55s
-
Interacting with JavaScript11m 10s
-
Updating your JSON data6m 1s
-
-
5. Investigating YAML
-
Understanding YAML2m 54s
-
Creating a YAML data file6m 21s
-
Parsing YAML with JavaScript10m 8s
-
Working with YAML tools4m 4s
-
-
6. Applying HTML5 Solutions
-
What's available in HTML53m 58s
-
Utilizing local storage8m 23s
-
-
Conclusion
-
Next steps15s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Welcome