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.


Intermediate CSS3 and HTML5

Intermediate CSS3 and HTML5

$190 + applicable tax

Today's websites require streamlined code that adapts to a variety of devices, screen resolutions, Web browsers, and user needs. CSS3 and HTML5 are the keys to creating that, and they're the foundation upon which all modern websites built (not to mention many mobile apps, games, and even desktop apps). This means today's software developers need a deep understanding of CSS3 and HTML5.

In this course, you'll take your CSS and HTML skills to the next level and learn how to create professional-quality websites. You'll find out the methods the pros use to quickly build effective sites that are easy to maintain and modify. You'll discover the secrets to ensuring you keep total creative control over every aspect of a site. You'll master specific techniques for using background images and controlling opacity, visibility, and scrollbars. You'll create picture thumbnail galleries, cool hover (mouseover) effects, drop-down menus and flyout menus, and animation effects that work on hover as well as touchscreens like the iPhone and iPad. You'll also discover wonderful easy-to-code methods for creating responsive layouts that scale well to all screen sizes and devices.

Week 1 Wednesday - Lesson 1

Get Geared Up
In today's lesson, we're going to start off with a quick review of what CSS and HTML are all about, the syntax of each language, and the key concepts and terminology. Then we'll go hands-on and actually create a new website to use as working example for more hands-on practice throughout the course. And finally, we'll reveal some of the mysteries of the Web browser rendering engines that turn the code we write into the beautiful creations you see on your computer screen.

Week 1 Friday - Lesson 2

Advanced Backgrounds
Understand the viewport and its importance in Web design, and apply it to some advanced techniques for background images.

Week 2 Wednesday - Lesson 3

CSS Positioning
In today's lesson, you'll learn how to take your Web design skills to a whole new level with CSS static, relative, fixed, and absolute positioning. You'll also find out how to position things exactly where you want them, even stack and overlap them, just like the pros do.

Week 2 Friday - Lesson 4

Opacity, Visibility, and Scroll Bars
Many of the more advanced interactive techniques for designing Web pages requires an understanding of the CSS properties and values necessary for controlling opacity, visibility, and scroll bars. Drop-down menus, pop-up thumbnail galleries, and scrolling textboxes are built from these things. Today's lesson introduces you to all the concepts, as well as the CSS properties and values you need to build such things. You'll then apply these techniques through the course to create ever more interactive pages.

Week 3 Wednesday - Lesson 5

Creating Interactive Pages
In today's lesson, you're going to learn how to apply advanced techniques like visibility, absolute positioning, and :hover to some fun things like thumbnail photo galleries and interactive facts. We'll go over some practical examples of the concepts, and I'll provide you with some code you can drop right into your own pages and use with minimal alteration. You'll also discover the secret to making the CSS :hover event work on devices like the iPhone, iPad, and iPod Touch, which don't always play nice with events that are designed to work with mouse pointers.

Week 3 Friday - Lesson 6

Using Downloadable Fonts
Web developers often feel shackled by the small selection of Web-safe fonts available on most computers. In today's lesson, I hope to free you from those shackles by sharing knowledge of downloadable fonts and the modern Web Open Font Format (WOFF), as well as the CSS @font-face rule that make them possible. With this knowledge, you'll be able to choose from thousands of fonts for your website.

Week 4 Wednesday - Lesson 7

Fancy Navigation Bars
Today's lesson is all about creating cool-looking navigation bars and tabs like you see in professional sites. You'll learn different ways to size and position the buttons and tabs, how to use background images that change on mouse over, and how to highlight the tab that represents the current page to the user.

Week 4 Friday - Lesson 8

Creating Drop-Down and Flyout Menus
Today's lesson will help you use the skills you've gained so far to create some complex navigation tools with drop-down and flyout menus like the ones you may have seen in some large, professionally developed websites. Along the way, you'll learn how you can use the CSS rule of specificity to create complex designs with minimal code.

Week 5 Wednesday - Lesson 9

Mastering the Layout
In today's lesson, we'll step back from the fine details on which we've focused for the past few lessons, and look again at the bigger picture of the entire page layout. You'll see how pages are likely to look going forward with HTML5 and CSS3, and you'll pick up some new tricks for making your pages better for the browsers and devices of today and tomorrow. And finally, you'll learn a new technique for making multicolumn layouts easier than ever.

Week 5 Friday - Lesson 10

Responsive Web Design

Responsive Web Design is a popular buzzword in the Web design business these days. It's all about designing your website so it looks good and works well on the wide range of devices people use to access the Web these days, including smartphones, tablets, portable computers, desktop computers, gaming consoles, and television sets. In today's lesson, you'll learn smart and relatively simple techniques that you can start using right now to ensure that your site looks and behaves its best across all those different media.

Week 6 Wednesday - Lesson 11

Animations with Transform and Transition
Despite their widespread use on the Web today, HTML5 and CSS3 are still not W3C final recommendations. A W3C spec isn't a final recommendation until it's had years of real-world use. The most important and most needed features of the languages received browser support very quickly. Some of the more "out there" tags and properties are being adopted more slowly, but they do represent some really cool animations and other fun stuff you'll want to know about now. Today's lesson is about those upcoming features.

Week 6 Friday - Lesson 12

Expanding Your Horizons
Today's lesson will help you expand your horizons into other areas of Web development and app development. We'll discuss the difference between front-end and back-end languages. You'll learn the purpose of JavaScript and jQuery. You'll understand server-side technologies like PHP, MySQL, ASP.Net, and SQL Server—what they are, how you'd use them, and why you might want to learn them.
You'll need a simple text editor like TextEdit in Mac OS or Notepad in Windows, or other Web development tool, as well as basic computer skills, and some familiarity with HTML and CSS. 

Note: Successful completion of "Introduction to CSS3 and HTML5" course, or prior experience with HTML and Web publishing is recommended.
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