HTML & CSS JumpStart

Video description

8+ Hours of Video Instruction

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.

Overview

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.

Download the code associated with this LiveLesson from https://www.informit.com/store/html-css-jumpstart-livelessons-video-training-9780137319718

or access the GitHub location set up for this LiveLesson at https://github.com/andyolsen/full-stack-dev.

About the Instructor

Andy Olsen is a freelance consultant, instructor, and developer with more than 30 years of experience in IT. Andy began his professional career as a C/C++ developer and morphed into Java, C#, and other languages over the years. Andy is actively involved in a wide range of technologies including full stack development, cloud native applications, data science, and more. Andy is passionate about technology education and runs training courses around the world across diverse market sectors.

Skill Level

Beginner

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
Who Should Take This Course

Individuals interested in building or maintaining web pages

Course Requirements
  • Familiarity with using web applications
  • No prior web or development experience is necessary
Lesson Descriptions

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.

About Pearson Video Training

Pearson publishes expert-led video tutorials covering a wide selection of technology topics designed to teach you the skills you need to succeed. These professional and personal technology videos feature world-leading author instructors published by your trusted technology brands: Addison-Wesley, Cisco Press, Pearson IT Certification, Sams, and Que. Topics include IT Certification, Network Security, Cisco Technology, Programming, Web Development, Mobile Development, and more.

Learn more about Pearson Video training at http://www.informit.com/video.

Publisher resources

Download Example Code

Table of contents

  1. Introduction
    1. HTML and CSS JumpStart: Introduction
  2. Lesson 1: HTML Essentials
    1. Learning objectives
    2. 1.1 Getting Started with HTML
    3. 1.2 Displaying Content in a Web Page
    4. 1.3 Displaying Images
    5. 1.4 Displaying Hyperlinks
    6. 1.5 Displaying Lists
    7. 1.6 Displaying Tables
  3. Lesson 2: HTML Techniques
    1. Learning objectives
    2. 2.1 Understanding HTML Forms
    3. 2.2 Creating HTML Forms
    4. 2.3 Getting Started with HTML5
    5. 2.4 Using Semantic Tags
    6. 2.5 Using Data Attributes
    7. 2.6 Using HTML5 Form Elements
    8. 2.7 Using HTML5 Input Control Tags
    9. 2.8 Playing Video
    10. 2.9 Playing Audio
    11. 2.10 Creating Accessible Web Applications using Aria
    12. 2.11 Validating User Input using Aria
  4. Lesson 3: CSS Essentials
    1. Learning objectives
    2. 3.1 Getting Started with CSS Styles
    3. 3.2 Linking to External Style Sheets
    4. 3.3 Using Simple Selectors
    5. 3.4 Using Positional Selectors
    6. 3.5 Using Attribute Selectors
    7. 3.6 Chaining and Grouping Selectors
    8. 3.7 Using Pseudo-Classes
    9. 3.8 Using Pseudo-Elements
    10. 3.9 Selecting the First Letter and Line
    11. 3.10 Injecting Content
  5. Lesson 4: CSS Techniques
    1. Learning objectives
    2. 4.1 Styling Backgrounds
    3. 4.2 Styling Text
    4. 4.3 Styling Fonts
    5. 4.4 Styling Lists and Tables
    6. 4.5 Styling Borders, Margins, and Padding
    7. 4.6 Controlling how Elements are Displayed
    8. 4.7 Using CSS Preprocessors
  6. Lesson 5: CSS3 Features
    1. Learning objectives
    2. 5.1 Getting Started with CSS3
    3. 5.2 Styling Borders, Shadows, and Overflow
    4. 5.3 Controlling Overflow
    5. 5.4 Styling Text and Colors
    6. 5.5 Understanding Rendering
    7. 5.6 Understanding Media Types
    8. 5.7 Defining Transitions
    9. 5.8 Getting Started with Transformations
    10. 5.9 Scaling, Rotating, and Skewing Elements
    11. 5.10 Defining Three-dimensional Transformations
    12. 5.11 Defining Keyframe Animations
  7. Summary
    1. HTML and CSS JumpStart: Summary

Product information

  • Title: HTML & CSS JumpStart
  • Author(s): Andy Olsen
  • Release date: March 2021
  • Publisher(s): Pearson
  • ISBN: 0137319630