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 | Beginner | |
| Runtime | 1h 35m | |
| Closed captioning | Included | |
| Transcript | Included | |
| eBooks / courseware | N/A | |
| Hands-on labs | N/A | |
| Sample code | Included | |
| Exams | Included |
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 use Flexbox to layout pages, CSS padding, Font Awesome for Icons as well as customizing fonts and working with images.
Prerequisites
this course assumes viewing previous parts in the series:
HTML and CSS Vol 1, Part 1 of 5: Basics
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 2
Flexbox and Animations (27:50)
- Introduction (00:08)
- Flexbox Introduction with Animations (15:39)
- CSS Padding (07:52)
- CSS Margin (04:03)
- Summary (00:08)
Icons with Font Awesome (14:19)
- Introduction (00:08)
- icons with Font Awesome (05:21)
- How to Select Child Tag Elements (08:41)
- Summary (00:08)
Module 3
Custom Fonts (23:38)
- Introduction (00:08)
- Introduction CSS Grid (13:15)
- Custom Fonts (10:06)
- Summary (00:08)
Images (29:14)
- Introduction (00:08)
- Working with Images (07:39)
- Refactoring CSS Code for Specific Selectors (13:58)
- Using Flexbox inside CSS Grid Container (07:21)
- Summary (00:08)