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,549 students

Start with HTML5/CSS3 & Tailwindcss (2021)

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

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 section • 12 lectures • 1h 20m total length

  • How to start coding HTML? What code editor?5:01

    Learn how to start coding HTML by choosing a browser and a beginner-friendly editor, then create your first HTML page and use inspect to view the HTML code.

  • How to create a HTML file?4:37

    Create your first html page by naming index.html with proper opening and closing tags, then preview in a browser and inspect elements to learn tags like section, div, and main.

  • 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

    Explore how to use HTML tags to display text, images, and video, with p, h1–h6, sections, headers, and divs for semantic structure that improves navigation and SEO.

  • How do I insert a video or an image?5:55

    Learn how to insert images and videos in HTML by using the image tag with the src attribute, understanding self-closing vs non-self-closing tags, and embedding YouTube videos with iframes.

  • What architecture? How to link HTML pages?10:27

    Build a blog architecture by organizing content into a blog folder with an index and a posts folder; connect posts with anchor links using href paths to enable navigation.

  • Let's start CSS4:36

    Learn how to style a blog header and posts with CSS, applying inline styles and external style.css for colors and centered text across pages.

  • 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

    Learn how to work with font families and import web fonts, including a Google font, by linking the font and applying font-family across the page.

  • 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

    Learn to design a complete webpage with Tailwind CSS by importing Tailwind CSS, applying spacing, typography, and alignment classes, and creating responsive grids and containers that adapt across breakpoints.

  • Thank you !0:32

    Thank the learners for joining the course and invite them to stay in touch on LinkedIn, connecting and sharing updates as they reach their goals.

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

Report abuse