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.

More Full Courses:

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

[mryelaer]

I love it that you start at the beginning with a quick overview about HTML. That´s perfect!

[jhe-jhe]

Newbie Subs and thank you and this my first time to learn.God bless you sir

[wabisabi]

Wow.. Thank you for the video.. It's easy to understand and newbie friendly..

[olcayb.]

Thanks for the video and congrats for the new channel. I hope you won't be the guy who cuts out the videos without completing and directs to his udemy courses. Appreciate your effort, expecting more content. Cheers✨

[uchiha_sasuke_]

Oh You got a new subscriber.
Please complete this journey until you teach us complete technologies upto MERN Stack.

[marshallnyamadzawo]

Is this still necessary to learn when we have chatGPT?

[maxfrischdev]

The heck, since when is there a <h7> ? Oo