Video Description
Build Custom Responsive Websites using HTML5 and CSS3
About This Video
- Build elegant websites utilizing HTML5 and CSS3.
- Set up and deploy your websites to a virtual server for public viewing.
- Secure your websites using tools such as fail2ban and Nginx.
In Detail
Developing websites in today's society is more complicated than just traditional HTML code. Now we have HTML5, CSS3, JavaScript, and several others out there. With multiple devices on the market we can view websites with, it is even harder to build that perfect website to be compatible with all devices.
This course will take you from knowing nothing about HTML, to building elegant HTML5 and CSS3 websites, making them completely responsive to virtually any device on the market today! During this course, we will delve into the world of HTML5 and get to know that mark-up language, and then we will turn our attention to CSS3 and get down to some serious customization and optimization. We will also take a brief tour into Git and set up our own Git Hub account to store our work on our own Git Account. After that, we will also add in some amazing JavaScript code to make the website more responsive and handle other attributes.
Once we have a completed responsive website, we will then turn our attention to setting up and deploying it on our own server using Debian (Ubuntu Flavor)! We will buy a domain name through a registrar (GoDaddy), and then lock-down our server (using NGINX + Fail2Ban + Let's Encrypt!) to maintain a clean, secured website for all of our guests to see.
Table of Contents
-
Chapter 1 : Introduction to HTML5, CSS3, Git, and Editors
- The Course Overview 00:06:40
- HTML5 and Common Key Elements 00:04:40
- CSS3 and Common Key Elements 00:04:33
- Git and Common Key Elements 00:05:00
- Compilers and Editors 00:01:56
-
Chapter 2 : Exploring with HTML5
- Layouts: Header Element 00:04:56
- Layouts: Footer Element 00:03:41
- Layouts: Body Element 00:03:00
- Word Tags 00:02:56
- Images/Videos and Audio 00:10:04
- Site Icons 00:06:30
- Adding Pages and Linking 00:03:22
-
Chapter 3 : Sourcing CSS3
- Colors 00:10:51
- Shapes 00:10:53
- Sizes 00:06:44
- Working with Shadows 00:08:46
- Buttons, Buttons and More Buttons 00:11:38
- Images and Videos 00:04:51
-
Chapter 4 : Developing with JavaScript
- Age/Year 00:10:11
- Hide/Show Effects 00:07:33
- Timers 00:04:52
-
Chapter 5 : Getting Responsive
- CSS3 and HTML5: Header 00:28:24
- CSS3 and HTML5: Footer 00:08:41
- CSS3 and HTML5: Body 00:22:02
-
Chapter 6 : Going Online
- Domain Name Registration 00:04:30
- Setting up Virtual Servers 00:08:42
- Security Essentials: Part One- Apache Install 00:05:16
- Security Essentials: Part One- Fail2Ban 00:13:19
- Security Essentials: Part One- Let’s Encrypt 00:05:28
- Security Essentials: Part Two- NGINX Install 00:02:56
- Security Essentials: Part Two- Fail2Ban 00:16:14
- Security Essentials: Part Two- Let’s Encrypt 00:07:48
- Passwords and SSH Keys 00:07:30
- Deploying 00:04:17
- Domain Name Setup 00:02:29