Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
The Starter HTML/CSS Toolkit: Design, Make, & Host A Website
Rating: 5.0 out of 5(3 ratings)
36 students

The Starter HTML/CSS Toolkit: Design, Make, & Host A Website

Speedy Web Dev Course: HTML, CSS, UX/UI Design, Hosting
Created byNeshanth Anand
Last updated 8/2024
English

What you'll learn

  • Building websites with basic functionality but unlimited design.
  • Learn about HTML elements, CSS (flexbox too!), creating beautiful UI
  • Write classes to manage your formatting and classes.
  • Find different ways to host websites.
  • Build classes to facilitate your CSS styling.
  • Practice with website project topics.
  • Learn about design accessibility, create a beautiful for all users.

Coding Exercises

This course includes our updated coding exercises so you can practice your skills as you learn.

See a demo
Image of coding exercise example

Course content

5 sections23 lectures4h 17m total length
  • Course Promo + Overview of the Course0:35
  • What and Why for Web Development (that's a lot of W's)1:28
  • Installing an IDE for your code and setting up your environment1:39

    In this video you will learn to:


    • Set up an IDE

    • Install the "Live Server" extension

Requirements

  • No clue why this section is here, you don't need experience for this course!

Description

Welcome to the world of web development! In this comprehensive course, you'll learn how to create websites from scratch and host them independently, without external guidance. Whether you're a beginner or have some prior experience, we'll take you on a journey to master web development. This course is cut down to the chase, with the stuff you need to create a professional-grade website! Here's a breakdown of what you'll cover:


Section 1: Introduction to Web Development

  • Overview of the course

Section 2: HTML Mastery

  • The HTML Boilerplate + Text level tags

  • Lists/Bullet points

  • Semantic Tags

  • Links (Anchor Tags)

  • Images and Iframes

Section 3: CSS Styling

  • CSS Intro + CSS Syntax + CSS Classes

  • Coloring the HTML

  • Font-Styling / Bordering the HTML

  • The Button (Fancy Anchor Tag!)

  • Basic Spacing of the HTML

  • CSS Flexbox

  • CSS Sample Design Walkthroughs Part #1

  • CSS Sample Design Walkthroughs Part #2

Section 4: UX/UI Design Fundamentals

  • Typography and Color Theory

  • Wireframing

  • Project Topics

Section 5: Web Hosting

  • Where To Host?

  • Creating a contact form in HTML

_______________________________________

By the end of this course, you'll have a strong command of HTML and CSS, be skilled in creating visually appealing user interfaces, and have the knowledge to host your websites. Also, you will gain a sense of what accessible design is and how to create websites that are optimal for all users! Join us on this exciting adventure into the world of web development and turn your ideas into digital reality!

Who this course is for:

  • For anyone interested in making their own websites or learning how to make beautiful UI.