Web Design for Beginners: Real World Coding in HTML & CSS

Web Design for Beginners: Real World Coding in HTML & CSS
Web Design for Beginners: Real World Coding in HTML & CSS
English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 9 Hours | 1.41 GB

Launch a career as a web designer by learning HTML5, CSS3, responsive design, Sass, cross device compatibility and more!

You can launch a new career in web development today by learning HTML & CSS. You don't need a computer science degree or expensive software. All you need is a computer, a bit of time, a lot of determination, and a teacher you trust. I've taught HTML and CSS to countless coworkers and held training sessions for fortune 100 companies. I am that teacher you can trust.

Don't limit yourself by creating websites with some cheesy “site-builder" tool. This course teaches you how to take 100% control over your webpages by using the same concepts that every professional website is created with.

This course does not assume any prior experience. We start at square one and learn together bit by bit. By the end of the course you will have created (by hand) a website that looks great on phones, tablets, laptops, and desktops alike.

What You Will Learn

  • Create any website layout you can imagine
  • Support any device size with Responsive (mobile-friendly) Design
  • Add tasteful animations and effects with CSS3
  • Use common vocabulary from the design industry
Table of Contents

Welcome!
1 Course Introduction

HTML Essentials
2 Why HTML is Exciting
3 First Look at HTML
4 Hands On! Create your First HTML File
5 Russian Stacking Dolls: Bulleted Lists
6 HTML Document Structure
7 First Look at Attributes: Linking Pages Together
8 Section 1 Review

Adding Media to a Web Page
9 Images
10 Audio Files
11 Video Files

Text Basics
12 Headings
13 Lists
14 Bold & Italic
15 Special Characters

Semantics & Organization
16 Semantic Structural Elements
17 Navigation
18 Non-semantic Elements ("div" and "span")
19 HTML Comments
20 The "Section" Element

Forms
21 Forms
22 Different Types of Inputs
23 Choosing Between a set of options

Tables
24 How to Create a Table of Data
25 Do Not Use Tables for Layout

CSS Essentials
26 CSS Introduction
27 CSS Selectors
28 The Cascade
29 Box Model
30 Creating a Page Layout with Floats
31 Beauty School! Apply What We've Learned

Intermediate CSS
32 Styling Navigation Menu
33 Overlapping Content & Transparent Backgrounds

Less Exciting Yet Still Necessary CSS Tasks
34 Styling Data Tables
35 Styling Forms

CSS Typography
36 CSS Typography
37 Using Custom "Web" Fonts

Developer Timeout!
38 Developer Tools | Inspect Elements

CSS Backgrounds
39 Background Images
40 Gradient Backgrounds
41 CSS Sprites
42 Full Width Backgrounds - Fixed Width Content

Responsive Web Design
43 Responsive Web Design
44 Responsive Grids

CSS3 Special Effects
45 Box Shadows
46 Rounded Corners
47 CSS Transform
48 CSS Transitions
49 CSS Animations

Leveraging JavaScript without Writing JavaScript
50 Slideshow (Part 1)
51 Slideshow (Part 2)
52 Reveal & Hide Content on Click / Tap
53 Open Image in Modal Window (Gallery)

Sass
54 Sass Introduction
55 Sass Continued

Cross Browser Compatibility
56 Feature Detection
57 Browser & Device Testing

Beyond This Course
58 Next Steps