Level UP your coding skills in 2 hours with this HTML & CSS video tutorial
You will be off to a good start for a new career as a junior web designer and developer. Coding skills are in high demand and there is no better time to learn how to code.
This video course will teach you the fundamentals of coding. You will learn to:
- Create fully functional and responsive websites with HTML and CSS
- Make your webpage responsive with media queries
- Add graphics and images
- Work efficiently with CSS
You are a beginner: you are in the right place. The 2 hands-on HTML & CSS tutorials will you teach step-by-step the 101 of web development.
You are intermediate: you will learn the foundation for more advanced web development. In the last section, you will build a beautiful and responsive one-page site to showcase your business services. Checkout here what we are gonna build together.
In Bonus, you will get introduced to:
- CSS3 Animation
- CSS Transition
- Google Fonts
- Font Awesome
- Favicon
By the end of the course, you will have a better understanding of HTML, CSS (Cascading Stylesheet), web development and responsive design.
By the end of the course, you will have coded your first pages with HTML and CSS
I am fast-lightening responder - if you have any question about the course, you can reach out to me in a private message or by posting your question on the discussion board. I will make sure you have the best learning experience.
HTML, CSS training table of contents (duration : 3h34m)
-
Welcome!
- Welcome! 00:00:57
-
HTML Tutorial
- Create Your First HTML Document | Headings 00:03:54
- Typographie & Formatting 00:03:03
- Navigation & Links 00:05:19
- HTML5 Semantic 00:03:55
- Meta Tags & Head Section 00:08:00
-
CSS Fundamentals
- Introduction to CSS 00:04:14
- Formatting 00:08:37
- Working with Colors 00:07:40
- Styling the Navigation Bar 00:06:26
- Pseudo-Class 00:03:25
- Class & ID 00:04:32
- CSS Float | 2-column Layout 00:02:50
- CSS Clear Property 00:01:54
- The Box Model 00:04:01
- Margin & Padding 00:07:22
- Reverse Layout 00:01:34
-
Responsive Design & Media Queries
- Media Queries | Tablet 00:07:48
- Media Queries | Small Devices 00:08:16
-
Alternate Layout
- Media Queries I 00:06:56
- Media Queries II 00:04:26
- Adding Media 00:03:14
- Embed a Youtube Link 00:02:21
-
Site Project - Part I
- Project Overview 00:03:51
- Navigation 00:09:56
- About Us 00:09:42
- Banner 00:04:22
- Destinations 00:11:04
- Contact Us 00:09:57
- Footer 00:04:17
- Google Font & Font Awesome 00:05:31
- Navigation | Position Fixed 00:01:27
- Navigation | CSS Z-index Property 00:01:27
-
Site Project - Part II
- Tablet & Ipad 00:03:10
- Media Queries | Small Devices II 00:10:30
- Media Queries | Small Devices I 00:09:49
-
Project | Bonus
- Navigation Links Hover Effect 00:05:05
- CSS3 Animation 00:02:21
- Images Hover Effect 00:05:06
- Social Media Icons | Transition Effect 00:06:02
- Sources Filesdownload
- Certificate
Instructor : Sandy Ludosky
-
With which software versions is this tutorial compliant ?HTML , CSS
-
What is the required level to follow this tutorial ?beginner