Web Design eLearning Bundle Course

HTML5 and CSS3, Part 1 of 3 - 1:57 hours

With the advent of multimedia on web pages it became clear that the standard HTML4 was no longer sufficient for web page development. Enter HTML5 and CSS3 in connection with JavaScript. This course covers the changes to HTML that now can embed audio and video playing without using a plug-in. The course will also cover many new features such as Structural Tags, Input Field Types, and Canvas Elements. The course also includes the new CSS3 Transitions, local storage of user preferences, history management, and drawing and animating graphics with WebGL.

Introduction [11:06]
Structural Tags and Attributes [18:39]
Custom Data Attributes [15:14]
HTML5 Form Input Types [11:59]

FEATURES
Inline Activities
Video

HTML5 and CSS3, Part 2 of 3 - 2:11 hours

With the advent of multimedia on web pages it became clear that the standard HTML4 was no longer sufficient for web page development. Enter HTML5 and CSS3 in connection with JavaScript. This course covers the changes to HTML that now can embed audio and video playing without using a plug-in. The course will also cover many new features such as Structural Tags, Input Field Types, and Canvas Elements. The course also includes the new CSS3 Transitions, local storage of user preferences, history management, and drawing and animating graphics with WebGL.

Multi Column Layouts [06:56]
Media Queries [10:37]
Rounded Corners [06:19]
Adding Shadows [12:41]
Using Real Fonts [06:53]
CSS3 Transitions [10:33]
Native Drag and Drop [10:01]

FEATURES
Inline Activities
Video

HTML5 and CSS3, Part 3 of 3 - 2:52 hours

With the advent of multimedia on web pages it became clear that the standard HTML4 was no longer sufficient for web page development. Enter HTML5 and CSS3 in connection with JavaScript. This course covers the changes to HTML that now can embed audio and video playing without using a plug-in. The course will also cover many new features such as Structural Tags, Input Field Types, and Canvas Elements. The course also includes the new CSS3 Transitions, local storage of user preferences, history management, and drawing and animating graphics with WebGL.

Web SQL Storage [20:44]
Web SQL Storage Continued [26:39]
Web SQL Storage Conclusion [14:06]

FEATURES
Inline Activities
Video

Beginning Responsive Web Development with HTML and CSS - 6:53 hours

With trends driving the changes in web design, it is almost impossible for desktop-only websites to meet minimum style and usability expectations. We show you how to create a single solution that works on all modern devices. This course begins with the latest techniques provided by HTML5 and CSS3. Along the way, you will discover tips and tricks that make your future designs and development workflow leaner and more maintainable than ever before. By the time you reach the end , you will be equipped with the latest cutting-edge frontend development skills, ready to develop your very own modern, responsive websites that are pixel-perfect across a wide range of devices.

THE ESSENTIALS OF RESPONSIVE WEB DESIGN
Course Overview
The Essentials of Responsive Web Design
Defining Responsive Web Design
Tools and Text Editors
First Responsive Example Building a Simple Fluid Layout
Taming Images
Amending the Example for a Larger Screen
Lesson Summary

MEDIA QUERIES – SUPPORTING DIFFERENT VIEWPORTS
Lesson Overview
Media Query Syntax
Combining Media Queries
Using Media Queries to Alter a Design
Media Queries Best Practices
The Viewport Meta Tag
Media Queries Level 4
Lesson Summary

FLUID LAYOUTS AND RESPONSIVE IMAGES
Lesson Overview
Converting a Fixed Pixel Design to a Fluid Proportional Layout
Flexbox
Direction Part 1
Direction Part 2
Alignment
Flex Property
Changing Source Order
Responsive Images
Lesson Summary

HTML5 FOR RESPONSIVE WEB DESIGNS
Lesson Overview
HTML5 Markup
Semantic HTML5
HTML5 Media Elements
Lesson Summary

CSS3 – SELECTORS, TYPOGRAPHY, AND COLOR MODES
Lesson Overview
Introduction to CSS
Word Wrapping
Facilitating Feature Forks in CSS
New CSS3 Selectors and Their Use
CSS3 Structural Pseudo-Classes
nth Rules
More about CSS
New CSS3 Color Formats and Alpha Transparency
Lesson Summary

STUNNING AESTHETICS WITH CSS3
Lesson Overview
Shadows with CSS3
Gradients
Adding Fallback for Older Browsers
Background Images
CSS Filters
Lesson Summary

TRANSITIONS, TRANSFORMATIONS, AND ANIMATIONS
Lesson Overview
CSS3 Transitions
CSS3 2D Transforms
CSS3 3D Transformations
CSS Animations
Lesson Summary

CONQUER FORMS WITH HTML5 AND CSS3
Lesson Overview
HTML5 Forms
The HTML5 Input Element
Styling forms with CSS
Lesson Summary

USING SVGS FOR RESOLUTION INDEPENDENCE
Lesson Overview
Introducing SVGs
Inserting SVGs
Extra SVG Capabilities and Oddities
Lesson Summary

FEATURES
Inline Activities
Video

Build Real World Websites from Scratch Using HTML5 and CSS3 - 5 hours 50 minutes

This course makes your learning experience fun and exciting while you are acquiring precious skills that will prepare you to become one of the most sought after professionals in the web development market. First of all, you are going to understand the structure of a web page. Then you will setup your free web hosting which comes as a bonus with this course. After that, you will move to HTML5 and learn the components that build up the skeleton of a web page; you will cover various concepts to a detailed level: paragraph, links, forms, iframes, and so on. Then, you will move to CSS3 and learn how to add professional decoration and styling to your websites, you will also be introduced to advanced skills like CSS3 transitions and animations.

Acquire precious web development skills
Master HTML5 and CSS3 to an advanced level
Build real-world websites to a highly professional degree
Confidently design, code, validate, and launch websites online
Build a real mathematics tutorial website using the skills you have learned

Essential Career Skills Pack:

Productivity and Time Management - 30 minutes

It seems that there is never enough time in the day. But, since we all get the same 24 hours, why is it that some people achieve so much more with their time than others? This course will explain how to plan and prioritize tasks, so that we can make the most of the limited time we have. By using the time-management techniques in this course, you can improve your ability to function more effectively – even when time is tight and pressures are high. So, by the end of the course you will have the knowledge, skills and confidence to be an effective manager of your time.

Basic Digital Skills - 13 minutes

With the rise of digital transformation and technology, having a basic digital literacy is essential for all types of jobs, regardless of the industry. To stay competitive and be successful in the workplace, enhancing your digital skills should be a top priority.

4 Ways to Boost Creativity - 30 minutes

The digital economy is opening up ways for everyone to be creative. It doesn’t just mean being artistic – it’s more about ideas, solutions, alternatives, incremental improvements. Peter Quarry and Eve Ash discuss ways that mental capacity can be developed, perspectives changed, group power leveraged and making things actually happen.

The 11 Essential Career Soft Skills - 1 hour 10 minutes

Soft Skills are the traits, characteristics, habits, and skills needed to survive and thrive in the modern work world. Soft skills aren't usually taught in school, but you will learn them all here in this course. Are you someone that other people in your organization and industry like to work with, collaborate with and partner with? Are you seen as a valuable asset to any new project that comes along?

This soft skills training course will teach you how to develop the skills that can make the difference between a lackluster career that tops out at middle management versus one that lands you in the executive suite. Or to wherever you define career success. So many soft skills seem like common sense at first glance, but they are not commonly applied by most workers. This soft skills training course will give you an edge over your competitors. It will also make your job, your career and your life more rewarding and enjoyable.