Web Visualization with HTML5, CSS3, and JavaScript-Volume 1
3.5 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Web Visualization with HTML5, CSS3, and JavaScript-Volume 1 to your Wishlist.

Add to Wishlist

Web Visualization with HTML5, CSS3, and JavaScript-Volume 1

Become an ace at creating stunning web designs and animations using HTML5, CSS3, and JavaScript
3.5 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2 students enrolled
Created by Packt Publishing
Last updated 4/2016
English
Curiosity Sale
Current price: $10 Original price: $20 Discount: 50% off
30-Day Money-Back Guarantee
Includes:
  • 43 mins on-demand video
  • 1 Article
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Make your web designs stand out by learning the most important visual aspects of CSS3
  • Leverage CSS3 libraries to integrate gradients and patterns into your designs
  • Control and manipulate transformations of elements from 2D to 3D using scale, rotate, and the translate methods
  • Create, integrate, deploy, and animate SVG into our HTML5 application to enhance its look
  • Work with the Canvas 2D API to create and animate the created elements with Canvas
  • Enhance the user experience using dynamic visualizations
  • Get to grips with animation using the jQuery and JavaScript library animations
View Curriculum
Requirements
  • You should be familiar with HTML, CSS, and JavaScript at the foundation level to follow the examples covered in this course.
  • This is Volume 1 of a 3 part series, Web Visualization with HTML5, CSS3, and JavaScript. We recommend that you view these volumes in sequential order so that you can follow along with our author Ben Fhala from start to finish. You can find other volumes in this series on Udemy by following the links below: Volume 2: Web Visualization with HTML5, CSS3, and JavaScript-Volume 2 Volume 3: Web Visualization with HTML5, CSS3, and JavaScript-Volume 3
Description

This is Volume 1 of a 3 part series, Web Visualization with HTML5, CSS3, and JavaScript. We recommend that you view these volumes in sequential order so that you can follow along with our author Ben Fhala from start to finish. 

Web development techniques are rapidly changing to adapt to new advancements in technologies each day. To keep up with these changes, developers need to be able to create websites with brilliant visualizations. HTML5 makes it possible to build interactive visualizations right in the web browser, written in JavaScript. It provides an integrated approach to speed up the process of creating live visualizations. The birth of CSS3 brings with it many updates that make designing in HTML easier and more stunning.

Web Visualization with HTML5, CSS3, and JavaScript is a comprehensive video course that covers everything you need to know about the cutting-edge techniques introduced in HTML5, CSS3, and JavaScript.

The course starts off by getting you up to date with the most recent advancements in CSS3 visualization techniques. From there you’ll keep building your knowledge base by shifting your focus to animating and transforming elements without JavaScript using CSS. Moving ahead, you’ll discover how to draw in SVG and animate these elements without the use of JavaScript. Then, we’ll change gears to cover bitmap/raster art as you learn to draw in HTML5 Canvas and how to animate the drawn elements. We’ll wind up the course with a foray into animation libraries and pure JavaScript animations.

By the end of the course, you will be fully armed to create stunning web visualizations to integrate it into your workflow.

About The Author

Ben Fhala discovered his passion for data visualization while he was working at Parsons in New York, in their data visualization department, PIIM. He is the owner of the online video training school, 02geekcom, and an Adobe ACP. He enjoys spending most of his time learning and teaching, and has a love for visual programming and visualization in general. Ben has had the honor of developing applications for members of the US Congress, Prime Ministers, and Presidents around the world.

He has built many interactive experiences for companies such as Target, AT&T, Crayola, Marriott, Neutrogena, and Nokia. He has technically directed many award-winning projects and has been part of teams that have won three Agency of the Year awards.

Among Ben's publications are HTML5 Graphing and Data Visualization Cookbook, and three video courses jQuery UI Development, Learning Object-Oriented JavaScript, Mastering JavaScript, and JavaScript Design Patterns, all for Packt Publishing.


Who is the target audience?
  • If you are a web developer who wants to keep up with the fast-paced modern web and improve your web designing skills to create stunning animations, this course is a must!
Students Who Viewed This Course Also Viewed
Curriculum For This Course
+
CSS3 Visualization Techniques
8 Lectures 43:39

This video will offer an overview of the course.

Preview 01:52

Web fonts have been introduced in CSS3 and are a must in modern web design. Let's learn how to integrate web fonts into your existing web design.

Preview 07:02

Modern designs demand gentle touches to make the design cleaner. Historically, this was often found in the corners of elements instead of sharp corners that were created by controlling the softness of the corners. We help create designs that are cleaner and more modern. Until CSS3, this was done using images, which bloated up the site with extra images and scripts. In CSS3, we have a new property called border-radius that enables us to do exactly this with ease.

Gentle Roundness
07:31

Most people don't know how to integrate gradients into their designs. Now that gradients are around and are a part of the CSS3 library, let us talk about how to use this new feature in the most effective way. 

Leveraging Stunning Gradients
07:05

One of the cool new additions of gradients in CSS3 is the capability to create patterns using gradients. Let's learn how to create radial gradients, explore the logic behind its properties, and even see how to create a pattern with it. 

Creating Patterns with Gradients
05:54

One of the coolest effects that are around is shadows. Until CSS3, it was really hard to integrate shadows, as they involved using images and/or third-party tools such as Adobe Flash. With the help of CSS3, it is really easy for us to integrate shadows quickly and efficiently. 

There Is a Shadow Between Us
09:09

Until CSS3, colors were represented by RGB values. Computers have evolved and the need for more color combinations has grown. Let's shift our focus on a new color channel—the alpha channel. 

Life Is More Colorful with Alpha Channels
04:47

The other volumes related to this course

Preview 00:19
About the Instructor
Packt Publishing
3.9 Average rating
7,297 Reviews
52,272 Students
616 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.