Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Start with HTML5/CSS3 & Tailwindcss (2021)
Rating: 3.9 out of 5(75 ratings)
7,547 students

Start with HTML5/CSS3 & Tailwindcss (2021)

Step into HTML5, CSS3 & Tailwindcss by coding your blog
Created byGuillaume Duhan
Last updated 2/2021
English

What you'll learn

  • Create your own blog with HTML, CSS & Tailwindcss
  • Learn HTML & CSS basics
  • Create your first HTML file
  • Understand tags, attributes & classes
  • Link HTML pages
  • Build an architecture
  • Insert your CSS stylesheet everywhere
  • Write your first CSS lines
  • Import images & videos
  • Add Tailwindcss to your project and start using it

Course content

1 section12 lectures1h 20m total length
  • How to start coding HTML? What code editor?5:01
  • How to create a HTML file?4:37
  • How do I organize my code?2:30

    Organize your html document by adding a head with meta and title tags, then structure the body with content and images while enabling search indexing.

  • HTML: what tags can I use?6:49
  • How do I insert a video or an image?5:55
  • What architecture? How to link HTML pages?10:27
  • Let's start CSS4:36
  • How to code your first CSS lines? What are classes & ids?8:34

    Develop and apply CSS fundamentals by linking a stylesheet, organizing it in assets, and using selectors to target elements with IDs and classes, then set properties like color and text-align.

  • What are fonts families? How to import fonts from web?6:50
  • What is Tailwindcss? What is a CSS framework?5:26

    Install or import Tailwind, add the CDN link, and apply utility classes to blog elements to design quickly, including styling images with rounded corners.

  • Full session of coding with Tailwindcss19:02
  • Thank you !0:32

Requirements

  • none

Description

Welcome on Start with HTML5/CSS3 & Tailwindcss, a course for absolute beginners in HTML & CSS!

You are a fresh new developer and you would like to learn how to code? Or you just want to understand HTML/CSS? So this lesson is made for you.

In this course, we'll learn slowly how to start coding. We'll take time to explain how HTML and CSS are working by creating our own blog. What an amazing purpose! Step by step, this is what we are going to learn:

  • Install our code editor,

  • Learn how to use it,

  • Create our first HTML file,

  • Write our first HTML lines,

  • Display elements such as title, text, images & videos,

  • Linking HTML pages,

  • Understand website architecture,

  • Stylising our pages with CSS,

  • Importing font families,

  • Install and understand Tailwindcss,

  • Designing our entire blog with Tailwindcss.

What is Tailwindcss and why?

Tailwindcss is the most popular CSS Framework for developing responsive and mobile-first websites. It is a tool that is going to help us to create elements and design really fast! I want to show you how powerful is Tailwindcss and how much time you can save with this amazing CSS framework.

As a front-end developer since 10 years now and code teacher in french schools for developers, I made this course to show you how to start with code. HTML and CSS are basics langages of web. Everyday, we use them to display websites we visit on our browser but most of us don't even know how it works. This is why I've created this course.

So if you are ready to start coding together, let's go!

Who this course is for:

  • beginners