HTML & CSS JumpStart LiveLessons

HTML & CSS JumpStart LiveLessons

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 8h 16m | 3.85 GB

More than 8 hours of video instruction for people interested in learning how to create and maintain web pages with HTML and CSS through theory and practical examples, including the latest features of HTML5 and CSS3.

HTML & CSS JumpStart LiveLessons strives to provide what is rapidly becoming an essential skillset. HTML and CSS are the basis for creating web applications and pages and are the perfect place to start if you want to launch your web development career.

There are five lessons in the course covering the basics. The first two lessons focus on HTML, and the last three lessons cover CSS. The course is geared very much toward working examples, including detailed demos that illustrate all the syntax and techniques. The course is designed for people who are getting started with HTML or CSS; as such, the course goes through each topic in a detailed, methodical way.

The course provides a solid baseline introduction to HTML and CSS that shows how to create and style web content using the contemporary HTML/CSS standards and techniques, including some of the latest features available in HTML5 and CSS3. Descriptions of the underlying theory so you understand how it all works are provided, as well as practical examples of how to achieve common UI effects.

Learn How To

  • Create web pages using HTML
  • Use the latest web content features available in HTML5
  • Style web content using CSS
  • Use styling features available in CSS3

Lesson 1, “HTML Essentials,” starts by covering the core syntax in HTML, beginning with how to create and edit HTML documents in a simple text editor and then how to view HTML documents in a browser. The lesson progresses by showing how to create text content and images, as well as creating hyperlinks to other documents. The lesson wraps up by showing how to display content in lists and tables.

Lesson 2, “HTML Techniques,” digs into some more advanced areas, such as defining HTML forms that can post data up to a web server. It then dives into some of the great new features available in HTML5, which is the latest version of HTML. This includes how to play audio and video natively in a web page without the need for plug-ins, how to define input fields for complex data types such as dates and times, and how to create accessible web apps using Aria.

Lesson 3, “CSS Essentials,” introduces the fundamental concepts of Cascading Style Sheets (CSS). CSS is used to make web pages look beautiful by defining fonts, colors, element placements, and so on. This lesson concentrates on core concepts, common terminology, and essential syntax and will set up the next two lessons, where all the details are covered.

Lesson 4, “CSS Techniques,” dives into the details of how to style common types of content in a web page, including how to style backgrounds, foregrounds, fonts, lists, and tables. This lesson also takes a closer look at how to control how elements are positioned on the page by defining borders, margins, and padding. The lesson wraps up by showing how to simplify CSS by using preprocessors such as Sass and SCSS.

Lesson 5, “CSS3 Features,” digs into the many advanced features introduced in CSS3, including how to use adaptive rendering to make your site look good on mobile devices, how to define transitions to fade in effects over a period of time, and how to define transformations such as rotations and scaling for your elements.

Table of Contents

1 HTML and CSS JumpStart – Introduction
2 Learning objectives
3 Getting Started with HTML
4 Displaying Content in a Web Page
5 Displaying Images
6 Displaying Hyperlinks
7 Displaying Lists
8 Displaying Tables
9 Learning objectives
10 Understanding HTML Forms
11 Creating HTML Forms
12 Getting Started with HTML5
13 Using Semantic Tags
14 Using Data Attributes
15 Using HTML5 Form Elements
16 Using HTML5 Input Control Tags
17 Playing Video
18 Playing Audio
19 Creating Accessible Web Applications using Aria
20 Validating User Input using Aria
21 Learning objectives
22 Getting Started with CSS Styles
23 Linking to External Style Sheets
24 Using Simple Selectors
25 Using Positional Selectors
26 Using Attribute Selectors
27 Chaining and Grouping Selectors
28 Using Pseudo-Classes
29 Using Pseudo-Elements
30 Selecting the First Letter and Line
31 Injecting Content
32 Learning objectives
33 Styling Backgrounds
34 Styling Text
35 Styling Fonts
36 Styling Lists and Tables
37 Styling Borders, Margins, and Padding
38 Controlling how Elements are Displayed
39 Using CSS Preprocessors
40 Learning objectives
41 Getting Started with CSS3
42 Styling Borders, Shadows, and Overflow
43 Controlling Overflow
44 Styling Text and Colors
45 Understanding Rendering
46 Understanding Media Types
47 Defining Transitions
48 Getting Started with Transformations
49 Scaling, Rotating, and Skewing Elements
50 Defining Three-dimensional Transformations
51 Defining Keyframe Animations
52 HTML and CSS JumpStart – Summary