Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
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 & Bootstrap (2021)
Rating: 4.3 out of 5(330 ratings)
15,690 students

Start with HTML5/CSS3 & Bootstrap (2021)

A course for beginners in HTML & CSS
Created byGuillaume Duhan
Last updated 2/2021
English

What you'll learn

  • Create your own blog with HTML/CSS and Bootstrap
  • Code your first HTML file
  • Code your first CSS stylesheet
  • Architecture of a website
  • Link HTML pages between each other
  • Insert text, images and videos
  • Import Bootstrap and deal with grids and classes
  • Create a custom font with Google Fonts

Course content

1 section • 11 lectures • 1h 14m total length

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

    Learn to start coding HTML using HTML5/CSS3 and Bootstrap with a browser for preview and a code editor; choose Visual Studio Code, Edita, or Supreme Text.

  • How to create a HTML file?4:37
  • How do I organize my code?2:30

    Learn how to organize an HTML document by structuring the head and body, adding a title, and using meta and robots directives to help Google index your page.

  • What tags can I use in HTML?6:49
  • How do I insert a video or an image?5:55
  • What architecture? How to link HTML pages?10:27

    Learn website architecture by organizing a blog with an index and posts, and linking HTML pages using anchors and relative paths.

  • Introduction to CSS4:36

    Learn how CSS styles shape pages by applying colors, centering text, and moving from inline styles to an external style.css, linking styles to your HTML.

  • How to code your first CSS lines? What are classes & ids?8:34
  • What are fonts families? How to import fonts from web?6:50
  • What is Bootstrap? What is a CSS framework?3:46

    Bootstrap and CSS frameworks that speed web development by providing ready-made components, colors, and layouts you can import and integrate into your pages for a blog design.

  • Full session of coding our blog with Bootstrap15:18

    Learn to build a responsive blog layout with Bootstrap, centering content, using container and grid columns, and creating article cards with images and typography.

Requirements

  • none

Description

Welcome on Start with HTML5/CSS3 & Bootstrap, 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 Bootstrap,

  • Designing our entire blog with Bootstrap.

What is Bootstrap and why?

Bootstrap 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 Bootstrap 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