HTML Tutorial: Learn Web Development beginners course 2023. Build your own website frontend.

We start from absolute zero with the basics of web development and within an hour we get to a point where you can confidently build your own frontend, using HTML with a bit of CSS and Javascript. Full crash course!

HTML Tutorial: Learn Web Development beginners course 2023. Build your own website frontend.

Tags:
#frontend #web #webdevelopment #programming #html #css #js #javascript #hypertext #course #tutorial

Chapters:

0:00 Introduction to the course
1:47 Clients and Servers
2:24 Frontends and Backends
3:29 Frontend Frameworks (Angular, React, Vue)
5:13 HTML Overview
8:01 Tags, Elements & Attributes
9:09 Your First HTML page on Windows
10:29 Your First HTML page on Mac
11:30 Code Editors for Web Development
12:34 Visual Studio Code
14:15 The Chrome Inspector
16:19 HTML Structure
18:43 HTML Template
19:26 Title of the page
19:53 Favicon
20:54 Headlines
22:09 Bold, Underline & Italic
24:10 Whitespace and linebreaks
25:00 Emojis
25:29 Comments
25:49 Visible code with HTML Entities
27:39 Other icons with Font Awesome
29:36 Lists Ordered and Unordered
30:08 Hyperlinks
31:37 Find images for your site online
33:33 CSS - Cascading Stylesheets
33:57 Inline CSS - The “style” attribute
34:56 The style Element
36:13 Using CSS Files
37:28 Classes and ID’s in HTML & CSS
39:58 Mouse Hover CSS Pseudo Selectors
40:42 Google Fonts and Font-family
42:03 Video with controls
43:11 Autplay & loop video
43:53 Show YouTube video
44:25 iFrames
45:22 Tables
46:28 Table CSS
47:41 Merge Cells
48:27 Forms and Inputs
51:32 Fieldsets and Legends
52:10 Email and number inputs
53:15 Dropdown menus
54:07 Radiobuttons
55:28 Checkboxes
55:50 Placeholoders and values
56:50 Autofocus & Tabindex
57:52 JavaScript I HTML
59:18 Inline JavaScript
1:01:04 The “script” element
1:02:05 EventListeners
1:03:55 Using JS files to import JavaScript
1:04:29 Check CSS and JS source files Inspector