Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
Do you have a desire to build websites for your current or future career, your business, or just for fun? This course will show you a rich mixture of web design and web development using some of the industries best practices. What is truly unique is that the explanation is made very simple and is based on lessons taught at a college post-graduate program. The instructors have been teaching web development since 1995 and have a lot of experience in teaching people how to go from a "newbie" to a professional. This is the ultimate course taught by qualified faculty showing you how they mastered and built each file, with the most current technology.
This course includes:
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Welcome and Learning to Count|
In this lecture, we will outline the tools and platform we will be using throughout this course.
|Lecture 2||96 pages|
As promised in the introduction, we want to provide you with a free companion e-book that goes with this course. This book will give you more background information and explain some of the concepts in a little more depth. This is our way of saying thank you for registering for this course.
We also would like to encourage you to write a review for this course. By doing so, we will provide you access to the Building a Web Application for Business course. This is normally a $29 value but you can access it free when you write a review.
Again, thank you for joining us and enjoy your development. Don't hesitate to ask us questions if you're not sure of something. We are educators and we're here to help.
This lesson provides you with an overview of how computers count with Hexadecimal. This is very important to understand as that is how colour is defined on the web.
|Quiz 1||5 questions|
You've just watched a lecture on counting with hexadecimal. Now it's time to apply that knowledge.
Browsers use a RGB (Red, Green Blue) colour model. In this lecture you will be shown how the hexadecimal values are used to define the colour. This is something you'll use throughout the entire course.
|Section 2: Build HTML5 Website|
Download the Entire Project Structure
Introduction To HTML5 Tags & CSS Styles - Languages of the Web
Creating Website Folder Structure
Define Website & Setup Project
Create First HTML5 PagePreview
Create & Link CSS Styles
Main Tag & CSS Rule
Header & Section Tags, Adding Images
Nav, Article & Aside TagsPreview
CSS Rules for Nav, Article & Aside Tags
Styling Unordered List Tags for Nav
Styling Navigation Links With CSS Rules
Padding & Border CSS Rules
|Quiz 3||5 questions|
This quiz will ask you a number of questions on building your first HTML web site.
|Section 3: CSS Transitions|
Introduction to CSS TransitionPreview
Setup Project & Files
Create Structure & Add CSS Rules
Add Figure Tag & Images
Create CSS Classes
Add Transition Rules
Transitions Style Sheet
|Quiz 4||5 questions|
This quiz will ask you a few questions regarding the work you have done in building transitions.
|Section 4: CSS Rules For Images - Masking Image & Text, Reflection|
Introduction to Web Images, Which to use & Format
Shape Mask on ImagePreview
Text Masking with Image
Reflection CSS Rule
|Quiz 5||5 questions|
These questions are based on general web images covered in the opening presentation.
|Section 5: SVG Graphics, Styling with CSS|
What is SVG?Preview
SVG Inline in HTML5 page
Add CSS & Class Attribute to SVG Shapes
Writing CSS Style For Classes and IDs
Transform - Scale from Large to Small
Transform - Skew
Transform - Rotate
Transform Text Properties
|Quiz 6||5 questions|
Test your knowledge of SVG graphics.
|Section 6: Responsive Web Design - RWD|
Introduction to RWDPreview
Starting RWD Projects
Setup the HTML Tags and Structure
Layout of the Body of the HTML Page
Create CSS Styles and Link to HTML Page
Link CSS Rules
Adding a Banner Image
Aside Tag CSS Rules
Media Query - Rules Specific for Phone SizePreview
Media Query - Rules Specific for Tablet Size
Responsive HTML Code
|Quiz 7||5 questions|
This quiz test your knowledge of RWD based on the lessons in this chapter!
|Section 7: HTML5 Forms|
Introduction to HTML5 FormsPreview
Email, Phone & Range Inputs
Text Field Input
Color & Date InputsPreview
Radio Buttons, Checkboxes & Text Areas
Buttons, Required Field & Placeholder Text
Adding CSS Styles to Form & Table
|Quiz 8||5 questions|
Testing your knowledge of HTML forms, based on the lectures in this chapter.
Calling Function with Button
Simple Evaluation - If Statements
Create a Function to Determine Leap Year
Coin Change Program
Countdown to Midnight
Validating a Form
Phil Cowcill has been working with educational technology since 1983. He started developing websites in 1994. In 1995, he started teaching full-time multimedia and web development at the post-graduate level. In 2011, Mr. Cowcill designed and delivered Canada's first Mobile Application Development program for a college. This program was also at the post graduate level.
He's very passionate about helping people learn. Most of his students over the years come with out having a programming background. He has found a way to explain difficult concepts to non technical people. This has provided people without a programming background to now successfully build web sites, interactive learning, games and native mobile applications for both Android and iOS.
Now that Mr. Cowcill has retired from full-time teaching, he's looking to share his experience and knowledge with a much larger "class". Mr. Cowcill is first and foremost an educator and is here to help upgrade your skill by helping you learn.
Krista is a professional developer, professor and conference speaker. She travels throughout North America speaking on topics related to development, design and delivers workshops specializing in explaining complex concepts in a straightforward and simple way to people with a variety of backgrounds.
Her background is in Advertising and Communications with a focus toward digital and electronic communications and development of web and native applications for iOS and Android devices. She was hired to teach technology related courses at the post secondary and post graduate level in 2013, and has been strengthening her skills and building up lessons and techniques for teaching that she's anxious to share.
Krista's has a Diploma in Advertising, a Degree in Communications and a Post-Grad Certificate in Mobile Application Development.