Course Description

Level UP your coding skills.

The course level is from beginner to intermediate.

You will learn to create a beautiful webpage with very easy steps and instructions.

  • You are a beginner: the 2 hands-on HTML & CSS tutorials teach the 101 of web development.
  • You are intermediate: you will learn the foundation for more advanced web development

By the end of the course, you will have a better understanding of HTML, CSS (Cascading Stylesheet), web development and responsive design.

As a student in this course, you will learn to:

  • create a fully functional website with HTML and CSS
  • add graphics and images
  • work efficiently with CSS
  • make the webpage responsive with media queries

Video lessons include:

  • 2 Hands-on HTML& CSS tutorials (start here if you are a complete beginner)
  • Guide to Web Hosting (coming soon)
  • 1 Final Project

Some Bonus include

  • Using CSS3 Animation
  • Adding CSS transition
  • integrating a Image Hover effect
  • Adding a Favicon (coming soon)

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

Front End & iOS Developer

sandy ludosky

My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada. I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery. I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few. Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development. On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff.

Course curriculum

  • 1

    Welcome

    • Introduction

    • Course Files (download)
  • 2

    HTML tutorial

    • Create your First HTML Document

    • Typographie & Formatting

    • Navigation & Links

    • HTML5 Semantic

    • Meta Tags
  • 3

    CSS Fundamentals

    • Introduction to CSS

    • Formatting

    • Working With Colors

    • Styling the Navigation Bar

    • Pseudo Class

    • Class & ID

    • CSS Float

    • CSS Clear

    • Box Model

    • Margin & Padding

    • Reverse Layout
  • 4

    Responsive Design | Media Queries

    • Media Queries | Ipad

    • Media Queries | IPhone
  • 5

    Alternate Layout

    • Media Queries - I

    • Media Queries - II

    • Adding Media

    • YouTube Link
  • 6

    Project - "Bon Voyage! Travel with Us!" - Part I

    • Project Overview

    • Navigation

    • Banner

    • About Us

    • Destinations

    • Contact Us

    • Footer

    • Google Font & Font Awesome

    • Navigation | Z-index Property
  • 7

    Project - "Bon Voyage! Travel with Us!" - Part II (Media Queries)

    • Tablet & Ipad

    • Mobile Version I

    • Mobile Version II
  • 8

    Project - Bonus

    • Navigation Links - Hover Effect

    • CSS3 Animation

    • Image Hover Effect

    • Social Media Icons Transition