About Course
Internet has been the most important single development in the human history. It has opened the doors that people could have never imagined. In this digital age, it is rightly said that “The internet is becoming the town square for the global village of tomorrow”.
As we are progressing, more and more people are accessing internet for all their needs. No matter it is a big company or small one, no matter it a government organization or one single person, Internet has become one of the most important pillars of our life.
And this is what brings us to the subject of Web development that allows us to learn the skills to make our own websites and then use them to share our knowledge and experiences with the world.
Web development is a very complex topics yet it is very interesting and allows us to display our creative sides. Through this course, we are giving you the opportunity to take the first step into the world of Web development.
Now you may wonder that there are so many courses out there and then there is YouTube. Why should I take this course?
Well here are the reasons that make this course unique:
- Unlike most other courses, we use numerous animations to make the learning much easier and fun.
- You will be getting exercises at the end of videos that would help you understand the concepts even better.
- What’s more…we also have quizzes that can challenge you and help you understand your strengths and weaknesses.
- This course even has 4 mini projects where you can test your knowledge.
- Along with all this, you will also get an eBook that has all the notes from various topics to help you revise concepts.
- And finally…you can also get all your questions answered by our teachers.
So, let’s begin the journey of web development together…
What Will You Learn?
- Basic understanding of HTML
- Tags, Attributes and elements
- Headings, Paragraphs, Quotations and other basic elements of web page
- Formatting text
- Linking multiple web pages to make a website
- Adding images
- Different kinds of lists
- Adding tables to a web page
- Creating forms
- Basics of CSS
- Various different selectors
- Styling text on a web page
- Box model
- Bringing it all together in form of 4 mini projects.
Course Content
Dashboard Walkthrough
-
How to use dashboard
02:31
Introduction
-
Welcome Message
00:33 -
Some Basic Concepts
04:22 -
About the Course
01:06 -
Tools Required
01:44 -
Setting up VS Code
06:48 -
VS Code Editor
05:38 -
Using CodePen
02:30 -
Getting most out of the course
01:32 -
Downloadable resources
02:00
Basics of HTML
-
What is HTML
01:48 -
Tags, Attributes and Elements
04:50 -
Basic Document Structure
01:06 -
Doctype Declaration
01:15 -
Page Title
01:48 -
Comments
00:54 -
Parent Child Relationship
01:42 -
Quiz Time !!!
Headings and Paragraphs
-
Headings and Paragraphs
06:26 -
When to use what?
01:40 -
Quotes
04:10 -
Line Breaks
03:19 -
Character Entities
05:08 -
Formatting Text
07:16 -
Let’s Code
05:04 -
Exercise 6
00:45 -
Quiz Time !!!
Links and Images
-
Anchor Tag
04:30 -
Relative Path
04:49 -
Inserting Images – 1
03:35 -
Inserting Images – 2
03:21 -
Lets Code
04:30 -
Exercise 5
00:45 -
Quiz Time !!!
Lists and Tables
-
Unordered List
03:32 -
Ordered List
02:36 -
Description List
03:32 -
Tables
03:32 -
Lets Code
06:48 -
Exercise 5
00:45 -
Quiz Time !!!
Creating Forms
-
What is a form
02:11 -
Input Fields
02:11 -
Lets Code – 1
02:11 -
Making Choices
02:59 -
Lets Code – 2
05:17 -
Dropdowns and DataLists
05:17 -
Lets Code – 3
07:12 -
Textarea and Grouping
03:19 -
Buttons
01:40 -
Lets Code – 4
02:11 -
Exercise
00:32 -
Quiz Time !!!
Project 1
-
What we are building
00:59 -
Breaking it up
00:43 -
Lets Code – 1
12:27 -
Lets Code – 2
07:37 -
Lets Code – 3
09:31 -
Tips and Tricks
02:22
Fundamentals of CSS
-
Introduction
01:11 -
Style Rules
02:01 -
Inline Style Rules
03:37 -
Internal Style Rules
03:44 -
External Style Rules
04:05 -
Comments
00:56 -
Quiz Time !!!
Selectors
-
Universal Selector
02:14 -
Type Selectors
04:29 -
Class Selector
05:31 -
ID Selector
03:37 -
Pseudo Class Selectors
08:10 -
Grouping Selectors
05:16 -
A short note
03:05 -
Quiz Time !!!
Basic CSS properties
-
How does CSS work
02:38 -
CSS Properties
01:45 -
Font Properties -1
07:05 -
Font Properties – 2
06:38 -
Adding External Fonts
06:27 -
Background Properties
02:59 -
Quiz Time !!!
Box Model
-
What is Box Model?
03:57 -
Components of Box Model
03:19 -
Shorthand Properties
04:02 -
Display Types – 1
03:01 -
Let’s Code – 1
03:33 -
Let’s Code – 2
10:24 -
Display Types – 2
02:21 -
Let’s Code – 3
05:22 -
Margin Collapsing
05:34 -
Exercise – 2
00:45 -
A small trick
03:09 -
Let’s Code – 5
04:30 -
Exercise – 3
01:00 -
Quiz Time !!!
Some extra topics
-
Uses of Comments
02:55 -
Colors
04:01 -
Head Section
03:29 -
Default Fonts
02:19 -
Styling Bullets
02:23 -
Styling Links
01:35 -
How to do projects
02:55
Project 2
-
What we are building
01:10 -
Breaking it up
01:32 -
Page Layout
01:10 -
Lets Code – 1
04:43 -
Lets Code – 2
10:00 -
Challenge
03:33
Project 3
-
What we are building
00:57 -
Breaking it up
01:09 -
Page Layout
02:26 -
Lets Code – 1
04:43 -
Lets Code – 2
09:32
Project 4
-
What we are building
01:09 -
Breaking it up
01:09 -
Page Layout – 1
02:10 -
Lets Code – 1
07:00 -
Page Layout – 2
01:20 -
Lets Code – 2
05:20
Way Ahead
-
Course End
00:38 -
Next steps
01:34