This online course is 6 weeks long, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week. You are not required to be online at any specific time. You register and pay on our website and instructions on how to access your course will be emailed to you immediately after registration.

The actual time commitment involved in completing any given lesson can vary significantly based on a number of factors including reading speed, familiarity with the topic, related experience, the amount of time spent completing optional assignments, and involvement with discussion board. For planning purposes we suggest setting aside 1 hour per lesson as a starting point.


Advanced CSS3 and HTML5

Advanced CSS3 and HTML5

$190 + applicable tax

You've heard the buzz about CSS3 and HTML5? These latest versions of HTML and CSS have redefined how Web pages are created. So if you're going to design Web pages, you need to know how to work with CSS3 and HTML5.

This course will teach you how to take advantage of HTML5 "semantic" tags that make page design far more intuitive, faster, and easier compared to older versions of HTML. And you'll learn to use HTML5 to create basic mobile pages and apps.

In this class, you'll learn to use HTML5 to provide video that works in any environment. HTML5 makes it possible to build inviting forms that test user data without back-end coding. It also allows designers to include friendly tools like calendars, calculators, and color palettes to encourage accurate user input. You'll leave this course with the skills to create all those elements.

And you'll learn to wield new CSS3 features essential for fast-loading, exciting, interactive websites, especially mobile sites. You'll create complex gradient blend backgrounds for pages and page elements, without using image files. And you'll learn to use jQuery Mobile to create app-like mobile Web pages and themes— complex sets of styles for mobile sites.

In short, you'll leave this course with valuable skills essential to creating modern websites.

.

Week 1 Wednesday - Lesson 1

Elements of an Advanced Website
In this first lesson, we'll survey how great websites attract visitors and make content inviting and accessible. You'll find out how effective websites gather valuable information about who's visiting the site, and you'll learn how sites attract and retain mobile users.

Week 1 Friday - Lesson 2

Building a Basic Web Page With HTML5 and CSS3
This lesson is a compressed, intense survey of the basic techniques involved in building modern Web pages with HTML5 and CSS3. Today you'll examine, deconstruct, and customize an HTML page and a style sheet.

Week 2 Wednesday - Lesson 3

Testing and Uploading Your Site
Today's lesson balances art and technology. It's time to define and apply a color scheme to your site. Then we'll test the HTML and CSS code for errors and check links and spelling. After that, you'll be ready to upload your site to a remote host.

Week 2 Friday - Lesson 4

Improving Your Site Design With Gradient Backgrounds and Custom Fonts
In this lesson, we'll explore two techniques for creating inviting websites: CSS3 gradient backgrounds and Web fonts. Both of these help you create an engaging and distinctive look for your site. Most important, new CSS3-based techniques allow you to implement these features in a way that doesn't affect download time!

Week 3 Wednesday - Lesson 5

Embedding Native Video
"Native video" plays in a browser without any plug-in software. HTML5 marked the emergence of native video, and all current-generation browsers support it. In this lesson, you'll learn what its advantages are and how to present it in formats that are accessible to the greatest possible range of users.

Week 3 Friday - Lesson 6

Building Forms
Collecting data through forms is one of the most valuable and underrated elements of advanced Web design. In this lesson, you'll learn to build basic forms, so visitors can sign up for your email list.

Week 4 Wednesday - Lesson 7

Enhancing Forms and Collecting Form Data
In this lesson, we'll explore some remarkable new features in HTML5 that make it easier and more inviting for people to fill out forms. We'll also look at how server-side scripts manage form data.

Week 4 Friday - Lesson 8

Structuring Pages With HTML5 Semantic Markup
HTML5 semantic elements are a radically new and better way to structure Web page content. In this lesson, you'll learn to apply them.

Week 5 Wednesday - Lesson 9

Advanced Responsive Design
How do the needs of smartphone and tablet users differ from the needs of laptop and desktop users? In this lesson, you'll build on basic fluid design techniques by adding media queries that allow you to design a completely distinct look and feel for different-sized browsing environments.

Week 5 Friday - Lesson 10

Building Slide Shows With jQuery, HTML, and CSS
Slide shows are one of the most widely used elements of attractive, inviting Web pages. In this lesson, you'll download a jQuery slide show widget, and then you'll customize its HTML and CSS code to integrate it into a website.

Week 6 Wednesday - Lesson 11

Creating Web Apps With jQuery Mobile
We've talked about jQuery, but what about jQuery Mobile? In this lesson, you'll use it as you create app-like mobile Web pages. You'll also integrate them into a site, and we'll discuss how to build sites that work well in any environment.

Week 6 Friday - Lesson 12

Customizing jQuery Mobile Themes
It's time to give your mobile site some style. ThemeRoller for jQuery Mobile generates custom CSS for jQuery Mobile sites. With ThemeRoller, you can define global styling elements like fonts and color swatches that you can apply throughout a mobile site.

The only software is required for this course is a current generation browser: Chrome, Firefox, Internet Explorer (version 9 or higher), or Safari (software must be installed and fully operational before the course begins); you may take this course using a desktop or laptop computer with any version of Microsoft Windows, or any other operating system including OSX, Chrome, or Linux.

Course Details
This course is fully online, you require internet access and an email account. The course duration is 6 weeks, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week, for a total of 12. You are not required to be online at any specific time.

In addition to the specific lesson content, there is a discussion board with each lesson and often there is an optional assignment to apply the learning.

Following each lesson, there is a short multiple choice quiz. Your score on these quizzes does not count towards the final mark but completing these helps solidify your learning as well as prepare you for the final exam.

The final exam is an open-book, multiple choice exam and you need to achieve a minimum of 65% on the final exam to pass the course. There is only one opportunity to pass the exam. A certificate of completion from Ed2Go is available for printing immediately upon successful completion of the course and a certificate from the University of Waterloo will be emailed typically 1-2 weeks later.

Certificates
Many of the Ed2Go courses are eligible towards the various online certificates offered by Professional Development.

Choose your course start date:

Aug 12, 2020Sep 16, 2020Oct 14, 2020Nov 11, 2020Dec 09, 2020