Create Your First Website with HTML, CSS & JavaScript
Get started in Web Development quickly by creating a beautiful, responsive website with HTML, CSS & JavaScript
Get started now!
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!
Your Instructor
I spent 7 years working for various companies in the UK as a Web Developer (both front- and back-end) becoming highly skilled in HTML, CSS, JavaScript, jQuery, PHP and many more.
After becoming more interested in apps, I worked for 2 years as a Hybrid App Developer, creating cross-platform apps for the charity sector using technologies including Angular, Ionic, Vue.js and more.
I created my own successful app called Fudget (for iOS, Android, Mac & Windows) which is the highest user-rated personal finance app on iOS with over 2 million downloads. This eventually enabled me to leave my job and become a full-time Indie App Developer, working on my own apps.
I have a successful YouTube channel where I also share coding tutorials.
I'm super excited to share my knowledge here!
Course Curriculum
-
PreviewWhat is CSS? (0:43)
-
PreviewBase Styles & Font (7:44)
-
StartHeader - Background Color (2:50)
-
StartHeader - Logo & Nav Positioning (1:15)
-
StartHeader - Text Styles (1:43)
-
StartHeader - Hover Effects & Animation (1:44)
-
StartHeader - Nav Styles (1:07)
-
StartHeader - Margin & Padding (3:45)
-
StartHeader - Constrain the Content (3:37)
-
StartHeader - Add a Logo (3:42)
-
StartProduct - Text & Image Side By Side (3:12)
-
StartProduct - Border, Padding and Positioning (2:38)
-
StartProduct - Text Styles (3:06)
-
StartButtons (5:30)
-
StartAdd More Products (4:23)
-
StartFooter (1:45)
-
StartMove CSS to Separate File (2:34)