Learn your way! Get started

HTML and CSS Vol 1, Part 5 of 5: Forms

with expert Jordan Hudgens


Watch trailer


Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack

Release date 9/8/2021
Level Advanced
Runtime 1h 56m
Closed captioning Included
Transcript Included
eBooks / courseware N/A
Hands-on labs N/A
Sample code Included
Exams Included


Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More



Course description

HTML and CSS are the backbone of web publishing. In this series you'll learn all the tools necessary to create professional websites. This course covers how to create a Contact page using forms, as well as styling form controls and inputs.

Prerequisites

this course assumes viewing previous parts in the series: HTML and CSS Vol 1, Part 1 of 5: Basics HTML and CSS Vol 1, Part 2 of 5: Flexbox and Fonts HTML and CSS Vol 1, Part 3 of 5: Animations and Icons HTML and CSS Vol 1, Part 4 of 5: Layout and Elements

Meet the expert

Jordan Hudgens has certifications for Ruby on Rails, Thinkful; Ruby on Rails, Bloc.io; Front End Development, Thinkful; and AngularJS, Thinkful. He is currently vice president of engineering for TRACKR in Midland, Texas and is working on his PhD in Computer Science from Texas Tech. In addition to Ruby, Jordan works with PHP, JavaScript, MySQL, Postgres, CSS3, C, C++, C#, Objective-C, and Python. He also works with the frameworks Rails (Ruby), Zend (PHP), and Django (Python), plus the libraries AngularJS, jQuery, and Backbone.js.

Course outline



Module 7

Contact Page (25:47)
  • Introduction (00:08)
  • HTML Structure Contact Page (15:45)
  • Contact Page Grid Layout (09:45)
  • Summary (00:08)
HTML Forms (19:34)
  • Introduction (00:08)
  • Introduction HTML Forms (08:37)
  • Styling Text Inputs (10:40)
  • Summary (00:08)
Styling TextArea (19:12)
  • Introduction (00:08)
  • Styling TextArea and Button Fixed (07:10)
  • Label and Focus Drop Shadow Styles (09:07)
  • Custom Form Placeholder Styles (02:39)
  • Summary (00:08)
Text Labels (15:05)
  • Introduction (00:08)
  • Animating Text Labels (06:04)
  • Finalizing Contact Page Styles (08:44)
  • Summary (00:08)
Media Queries (36:54)
  • Introduction (00:08)
  • Introduction to Media Queries (13:35)
  • Finishing Responsive Layout on Homepage (06:58)
  • Square Grid, Skew, and Form (16:04)
  • Summary (00:08)