Preview Learn to Code HTML & CSS for Responsive Real-World Websites

Back

1. Getting Started

Introduction

Course Curriculum

How to Get Course requirements

Getting Started on Windows, Linux or Mac

How to ask a Great Questions

FAQ’s

2. Setting up Development Environment

Introduction HTML

Choosing Code Editor

Installing Code Editor (Sublime Text)

Overview of a Webpage

Structure of a Full HTML Webpage

First Hello World! Webpage

Summary

3. HTML Fundamentals

Introduction

Heading tags

Paragraph

Formatting Text

List Items Unordered

List Items Ordered

Classes

IDs

Comments

Summary

4. HTML Intermediate

Introduction

Images

Forms

Form Actions

Br tag

Marquee

Text area

Tables

Links

Navbar - Menu

HTML Entities

Div tag

Google Maps

Summary

5. HTML Advanced

Introduction

HTML5 Audio

HTML5 Video

Progress Bar

Drag and Drop

Canvas

Iframes

Input Types

Input Attributes

YouTube Video Linking

Creating Responsive Page

Summary

6. HTML Expert

Introduction

Registration Form

Login Form

About Us Form

Contact Us Form

Footer Form

Integrate All Together

Coding Exercise

Solution for Coding Exercise

Summary

7. HTML Website Project

Introduction

Challenge – HTML 5 Clock Face with Numbers

Project overview

Conclusion on Project

Summary

8. CSS Fundamentals

Introduction

CSS Syntax

Creating a first page with CSS Style

Inline CSS

Internal CSS

External CSS

CSS Classes

CSS IDs

Colors

Backgrounds

Floating

Positioning

Margins

Padding

Borders

Summary

9. CSS Intermediate

Introduction

Styling Text

Aligning Text

Styling Links

Font Family

Font Styles

Applying Google Fonts

Box Model

Icons

Tables

Navigation-Menu

Dropdowns edit require

Summary

10. CSS Advanced

Introduction

Advanced Selectors

Forms

Website Layout

Rounded Corners

Color Keywords

Animations

Pseudo Classes

Gradients

Shadows

Calculations

Creating Responsive Page

Summary

11. CSS Expert

Introduction

Button Styles

Flexbox

CSS Grid

Pagination

Multiple Columns

Image Reflection

UI - UX Design

Social Media Icons

External CSS Style adding

Coding Exercise

Solution for Coding Exercise

Summary

12. CSS Website Project

Introduction

CSS Project Getting

CSS Project Overview

Summary

13. Publish Your Website for Live

Introduction

Installing Free FTP Solution (FileZilla)

Setting Up FTP (File Transfer Protocol)

Publish Website to Hosting Server

Summary

14. Bonus: What’s Next

Where to go from Here

Preview - Learn to Code HTML & CSS for Responsive Real-World Websites