Create Your First Website with HTML, CSS & JavaScript

Focused View

Danny Connell

1:59:47

8 View

01 welcome.mp4

01:13

02 install and setup vscode.mp4

01:40

03 create page and launch in browser.mp4

02:46

04 what is html.mp4

02:26

05 head (html).mp4

01:17

06 body tags and elements (html).mp4

03:46

07 semantic structural elements (html).mp4

01:26

08 header (html).mp4

04:08

09 product (html).mp4

06:29

10 footer (html).mp4

00:44

11 what is css.mp4

00:43

12 base styles and font (css).mp4

07:44

13 header background color (css).mp4

02:49

14 header logo and nav positioning (css).mp4

01:15

15 header text styles.mp4

01:43

16 header hover effects and animation.mp4

01:44

17 header nav styles.mp4

01:07

18 header margin and padding.mp4

03:45

19 header constrain the content.mp4

03:37

20 header add a logo.mp4

03:42

21 product text and image side by side (css).mp4

03:12

22 product border padding and positioning (css).mp4

02:38

23 product text styles (css).mp4

03:06

24 buttons (css).mp4

05:30

25 add more products (html and css).mp4

04:22

26 footer (css).mp4

01:45

27 move css to separate file (css).mp4

02:34

28 what is javascript.mp4

01:08

29 add script tag (js).mp4

00:46

30 wait til page loaded (js).mp4

02:16

31 cookies banner html.mp4

01:16

32 cookies banner css.mp4

05:11

33 hide cookies banner with css.mp4

01:18

34 create a class to show cookies banner.mp4

01:59

35 put banner into a javascript variable (js).mp4

03:11

36 show cookies banner after 2 seconds (js).mp4

03:29

37 break up our logic into functions (js).mp4

01:38

38 put close button into a javascript variable (js).mp4

01:44

39 hide cookies banner on button click (js).mp4

03:47

40 move js to separate file (js).mp4

01:41

41 responsive css (css).mp4

01:33

42 media queries explained (css).mp4

02:17

43 add a media query and mobile styles (css).mp4

04:31

44 add about page (html and css).mp4

03:24

45 add a doctype (html).mp4

01:27

html css javascript basics.zip.zip

Description

In this class for absolute beginners, you'll learn how to get started with HTML, CSS & JavaScript by creating a simple, responsive product page website!

Don’t worry if you have no experience with web development, because in this class you’ll start at the very beginning.

First you'll 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 short class will quickly teach you the basics of HTML, CSS, JavaScript & Responsive Design.

No experience is necessary. All you need is a Windows or Mac computer - and a thirst to learn!

What You'll Learn?

Technology
Web Development
HTML
CSS
Responsive Web Design
Javascript
CSS3

More details

User Reviews

Rating

average 0

Total votes0

Focused display

HTML5

Danny Connell

Instructor's Courses

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 1.5 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 young but successful YouTube channel where I also share coding tutorials.

I'm super excited to share my knowledge on Skillshare!

SkillShare

View courses SkillShare

Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.