Create Your First Website with HTML, CSS & JavaScript

Create Your First Website with HTML, CSS & JavaScript, available at $59.99, has an average rating of 4.85, with 46 lectures, based on 227 reviews, and has 10475 subscribers.

You will learn about 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 This course is ideal for individuals who are Anyone who wants to get started with Web Development, HTML, CSS & JavaScript in record time. It is particularly useful for Anyone who wants to get started with Web Development, HTML, CSS & JavaScript in record time.

Enroll now: Create Your First Website with HTML, CSS & JavaScript

Summary

Title: Create Your First Website with HTML, CSS & JavaScript

Price: $59.99

Average Rating: 4.85

Number of Lectures: 46

Number of Published Lectures: 46

Number of Curriculum Items: 46

Number of Published Curriculum Objects: 46

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

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

Target Audiences

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

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!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Install & Setup VSCode

Chapter 2: HTML

Lecture 1: Create Page & Launch in Browser

Lecture 2: What is HTML?

Lecture 3: Head

Lecture 4: Body Tags & Elements

Lecture 5: Semantic / Structural Elements

Lecture 6: Header

Lecture 7: Product

Lecture 8: Footer

Chapter 3: CSS

Lecture 1: What is CSS?

Lecture 2: Base Styles & Font

Lecture 3: Header – Background Color

Lecture 4: Header – Logo & Nav Positioning

Lecture 5: Header – Text Styles

Lecture 6: Header – Hover Effects & Animation

Lecture 7: Header – Nav Styles

Lecture 8: Header – Margin & Padding

Lecture 9: Header – Constrain the Content

Lecture 10: Header – Add a Logo

Lecture 11: Product – Text & Image Side By Side

Lecture 12: Product – Border, Padding and Positioning

Lecture 13: Product – Text Styles

Lecture 14: Buttons

Lecture 15: Add More Products

Lecture 16: Footer

Lecture 17: Move CSS to Separate File

Chapter 4: JavaScript

Lecture 1: What is JavaScript?

Lecture 2: Add Script Tag

Lecture 3: Wait til Page Loaded

Lecture 4: Cookies Banner – HTML

Lecture 5: Cookies Banner – CSS

Lecture 6: Hide Cookies Banner with CSS

Lecture 7: Create a Class to Show Cookies Banner

Lecture 8: Put Banner into a JavaScript Variable

Lecture 9: Show Cookies Banner after 2 Seconds

Lecture 10: Break Up our Logic into Functions

Lecture 11: Put Close Button into a JavaScript Variable

Lecture 12: Hide Cookies Banner on Button Click

Lecture 13: Move JS to Separate File

Chapter 5: Finishing Touches

Lecture 1: Responsive CSS

Lecture 2: Media Queries Explained

Lecture 3: Add a Media Query & Mobile Styles

Lecture 4: Add About Page

Lecture 5: Add a Doctype

Chapter 6: Finished Code

Lecture 1: Download the Finished Code

Instructors

Danny Connell
Indie App Developer & Instructor

Rating Distribution

1 stars: 2 votes
2 stars: 4 votes
3 stars: 28 votes
4 stars: 56 votes
5 stars: 137 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu