Web Design for Everybody (WD4E)

Hello and welcome to my site where you can work through these modules and learn to write syntactically correct HTML5 and CSS3, and how to create interactive web experiences with JavaScript. Mastering this range of technologies will allow you to develop high quality web sites that, work seamlessly on mobile, tablet, and large screen browsers accessible.

1: HTML5/Web Basics

Uncover the 'mystery' behind the Internet.

2: HTML Tags

Master the basic idea of using tags and attributes you will know everything you need to use any HTML5 tag.

3: HTML Hosting and Validation

The important but often overlooked concepts of validation and accessibility.

4: Getting Started with Simple Styling

Style pages by taking advantage of the power of CSS3.

5: Advanced Styling

Box Model, background images, opacity, float, columns, visibility, and designing for different browsers.

6: Psuedo-classes, Pseudo-elements, Transitions, and Positioning

Style pseudo-classes and pseudo-elements.

7: Putting It All Together

Using pseudo-classes and pseudo-elements to style a table and utilizing different styling options.

8: Introduction to JavaScript

Why use JavaScript?

9: Reacting to Your Audience

JavaScript Mouse Events and Touch Events.

10: Arrays and Looping

Arrays allow you to represent groups of related information. Looping provides efficiency and flexibility to your programs.

11: Validating Form Data

Creating and validating input entered into an HTML5 form.

12: Style with Responsive Design

The theories behind the 'mobile-first paradigm'.

13: Basic Concepts of Media Queries

Putting theories into practice using media queries in CSS.

14: Using Existing Frameworks

Working with Bootstrap.

15: Experiment!

Touching base on advanced framework options in order to solve issues that pop up when moving from theory to practice.