Learn the Basics of HTML and CSS and get Started with Web Design
- Rating: 4.1 out of 54.1 (573 ratings)
- 54,086 students
- Created by Web Coding
- Last updated 06/2023
What you’ll learn
- Learn how to set up the right tools for your web development process
- Grasp the main concepts that every developer should know
- Learn the basics of HTML up to the advanced level
- Learn the basics of CSS and how it works hand in hand with HTML
- Create simple yet beautiful designs as you go
- Get advanced with HTML and CSS and dive deeper in advanced parts
Course content
23 sections • 72 lectures • 8h 40m total lengthCollapse all sections
Introduction1 lecture • 7min
- IntroductionPreview07:08
Basic and General Info and Installation4 lectures • 24min
- Alert!!! Important: A Must Watch VideoPreview01:10
- How the Web Works06:31
- What Are Text Editors and Installation05:28
- How the Browser Works11:10
Basics Syntax and First Steps5 lectures • 38min
- HTML Basic SyntaxPreview14:07
- HTML Elements05:57
- HTML Attributes08:32
- HTML Headings03:41
- HTML Paragraphs05:43
- HTML Attributes1 question
Diving Deeper with HTML and CSS Basics6 lectures • 47min
- HTML Style Attribute08:56
- HTML Formatting03:59
- HTML Comments05:02
- Simple Intro to CSS15:42
- HTML Links05:43
- HTML Images07:44
- HTML Style Attribute1 question
Diving Deeper: Tables, Lists and Forms7 lectures • 1hr 5min
- HTML Tables11:27
- HTML Lists07:20
- First Training (Creating a Simple Menu)09:38
- HTML Forms pt.111:25
- 19-HTML Forms pt.211:19
- 19-HTML Forms pt.308:04
- HTML Forms pt.405:40
- Lists1 question
Getting Advanced and Finishing Up5 lectures • 48min
- HTML Inline and Block Tags16:12
- Classes10:29
- Ids08:01
- More about the Head08:34
- HTML Entities04:56
- Classes1 question
Getting Started with CSS3 lectures • 17min
- Intro and Revision to CSS04:40
- Syntax08:28
- Comments04:17
- Comments1 question
Colors2 lectures • 27min
- Colors pt.119:04
- Colors pt.207:38
- Colors1 question
Backgrounds3 lectures • 28min
- Backgrounds pt.112:35
- Backgrounds pt.205:30
- Backgrounds pt.309:26
- Backgrounds1 question
Borders2 lectures • 12min
- Borders pt.105:45
- Borders pt.206:18
- Borders1 question
Margin, Padding and More6 lectures • 57min
- Margin13:56
- Padding07:53
- More about height and width01:09
- Width and Height06:51
- Box Model05:07
- Training 2 (Building a Simple Form)22:08
- Width and Height1 question
Outline2 lectures • 11min
- Outline pt.106:17
- Outline pt.204:44
- Outline1 question
Text3 lectures • 17min
- Text pt.104:32
- Text pt.207:08
- Text pt.305:27
- Text1 question
Fonts3 lectures • 14min
- Fonts pt.107:16
- Fonts pt.203:41
- Fonts pt.303:09
- Fonts1 question
Display3 lectures • 23min
- Display pt.109:31
- Display pt.203:38
- Display pt.309:36
- Display1 question
Position2 lectures • 16min
- Position pt.105:14
- Position pt.210:25
- Position1 question
Z-index2 lectures • 8min
- Z-index pt.106:57
- Z-index pt.200:56
- Z-index1 question
Overflow2 lectures • 10min
- Overflow pt.107:32
- Overflow pt.202:44
- Overflow1 question
Pesudo Classes, Elements and other Stuff4 lectures • 31min
- Pseudo Classes12:03
- Pseudo Elements08:34
- Opacity05:57
- Cursor04:07
- Cursor1 question
Float2 lectures • 6min
- Float pt.104:22
- Float pt.201:55
Outro1 lecture • 3min
- Outro and Where to Go From Here03:11
More Lectures: Update 20223 lectures • 10min
- Videos04:22
- Sound02:28
- Youtube Videos03:05
Update: New Lectures1 lecture • 1min
- Code for all the snippets00:52
Requirements
- just a PC and an active internet connection
Description
Do you want to get started with web design, front-end development, or web development in general? If the answer is yes then you are in for a treat. In this course, you are going to learn everything you need to know about HTML and CSS which are basically the starting point of your career as a web developer. So why choose this course? why not any other course? Because I have made sure that every part of the course is informative, fun, and practical. I explained everything with detail and ease and also inside the course you will be provided and supported with PowerPoint slides, code examples, articles, exercises and so much more!!
So to elaborate a bit. I am going to introduce you to some key definitions and terms that are concerned with web development or programming in general like how the internet works, how to work with text editors what are browsers and afterward we are going to proceed to HTML basic elements, syntax, attributes and a simple intro to CSS up to some intermediate areas like lists, tables up to some hardcore areas like forms, classes, and entities. and then we will get to CSS. this course was not intended to have full CSS content, but when I started creating the course, I realized how CSS can be really beneficial with HTML. So I did an entire course on CSS just for you. I started with a revision and intro to the basic stuff, up to margins and paddings, text and fonts and I did a training up to advanced parts like position and float. So if you don’t want to miss out on this journey, go ahead and get the course now and I promise you will have a fantastic, engaging, and enjoyable experience learning with me. See you inside
Who this course is for:
- Anone who is cauiors about web development
- Anyone who wants to learn HTML and CSS
- Anyone who wants to get started with front end development or web development in general
- Anyone who wants to build real world projects in HTML and CSS to build up their CVs
