Create Your First Website with HTML, CSS & JavaScript
- Description
- Curriculum
- FAQ
- Reviews
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!
-
11What is CSS?Video lesson
-
12Base Styles & FontVideo lesson
-
13Header - Background ColorVideo lesson
-
14Header - Logo & Nav PositioningVideo lesson
-
15Header - Text StylesVideo lesson
-
16Header - Hover Effects & AnimationVideo lesson
-
17Header - Nav StylesVideo lesson
-
18Header - Margin & PaddingVideo lesson
-
19Header - Constrain the ContentVideo lesson
-
20Header - Add a LogoVideo lesson
-
21Product - Text & Image Side By SideVideo lesson
-
22Product - Border, Padding and PositioningVideo lesson
-
23Product - Text StylesVideo lesson
-
24ButtonsVideo lesson
-
25Add More ProductsVideo lesson
-
26FooterVideo lesson
-
27Move CSS to Separate FileVideo lesson
-
28What is JavaScript?Video lesson
-
29Add Script TagVideo lesson
-
30Wait til Page LoadedVideo lesson
-
31Cookies Banner - HTMLVideo lesson
-
32Cookies Banner - CSSVideo lesson
-
33Hide Cookies Banner with CSSVideo lesson
-
34Create a Class to Show Cookies BannerVideo lesson
-
35Put Banner into a JavaScript VariableVideo lesson
-
36Show Cookies Banner after 2 SecondsVideo lesson
-
37Break Up our Logic into FunctionsVideo lesson
-
38Put Close Button into a JavaScript VariableVideo lesson
-
39Hide Cookies Banner on Button ClickVideo lesson
-
40Move JS to Separate FileVideo lesson
External Links May Contain Affiliate Links read more