Create Your First Website With Html, Css & Javascript

Get started in Web Development quickly by creating a beautiful, responsive website with HTML, CSS & JavaScript

What you'll learn
The basics of HTML, CSS & JavaScript
How to use HTML to create a web page with elements including headings, paragraphs, lists & images
How to use CSS to make your web page beautiful
How to use CSS to make your web page responsive (and look great on Desktop, Tablet & Mobile)
The basics of CSS Flexbox layouts
How to use JavaScript to add interactivity to your web page
Requirements
All you need is a Windows or Mac computer and enthusiasm!
Description
In this course for absolute beginners, I’m gonna show you to get started with HTML, CSS & JavaScript by creating a simple, responsive product page website - in around 2 hours!Don’t worry if you have no experience with web development, because in this course you’re gonna start at the very beginning.First you're going to install and setup the text editor that you'll be using - the incredible & free Visual Studio Code.Then you'll learn the basics of HTML and create your first HTML page - adding headings, paragraphs, lists, links and images.Next you'll learn the basics of CSS and then use CSS to make your web page look beautiful. You'll even use CSS to make your web page responsive - meaning it will adapt to look great on desktop, tablet and mobile devices.You'll finish off by learning the basics of JavaScript, and using JavaScript to make an animated Cookies Banner appear at the bottom of the page after a couple of seconds, and then make it disappear when the Close button is clicked.This course will teach you the basics of HTML, CSS, JavaScript & Responsive Design QUICKLY.No experience is necessary. All you need is a Windows or Mac computer - and a thirst to learn!Please check out the preview videos & I look forward to seeing you in the course!

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Install & Setup VSCode

Section 2: HTML

Lecture 3 Create Page & Launch in Browser

Lecture 4 What is HTML?

Lecture 5 Head

Lecture 6 Body Tags & Elements

Lecture 7 Semantic / Structural Elements

Lecture 8 Header

Lecture 9 Product

Lecture 10 Footer

Section 3: CSS

Lecture 11 What is CSS?

Lecture 12 Base Styles & Font

Lecture 13 Header - Background Color

Lecture 14 Header - Logo & Nav Positioning

Lecture 15 Header - Text Styles

Lecture 16 Header - Hover Effects & Animation

Lecture 17 Header - Nav Styles

Lecture 18 Header - Margin & Padding

Lecture 19 Header - Constrain the Content

Lecture 20 Header - Add a Logo

Lecture 21 Product - Text & Image Side By Side

Lecture 22 Product - Border, Padding and Positioning

Lecture 23 Product - Text Styles

Lecture 24 Buttons

Lecture 25 Add More Products

Lecture 26 Footer

Lecture 27 Move CSS to Separate File

Section 4: JavaScript

Lecture 28 What is JavaScript?

Lecture 29 Add Script Tag

Lecture 30 Wait til Page Loaded

Lecture 31 Cookies Banner - HTML

Lecture 32 Cookies Banner - CSS

Lecture 33 Hide Cookies Banner with CSS

Lecture 34 Create a Class to Show Cookies Banner

Lecture 35 Put Banner into a JavaScript Variable

Lecture 36 Show Cookies Banner after 2 Seconds

Lecture 37 Break Up our Logic into Functions

Lecture 38 Put Close Button into a JavaScript Variable

Lecture 39 Hide Cookies Banner on Button Click

Lecture 40 Move JS to Separate File

Section 5: Finishing Touches

Lecture 41 Responsive CSS

Lecture 42 Media Queries Explained

Lecture 43 Add a Media Query & Mobile Styles

Lecture 44 Add About Page

Lecture 45 Add a Doctype

Section 6: Finished Code

Lecture 46 Download the Finished Code

Anyone who wants to get started with Web Development, HTML, CSS & JavaScript in record time.