🚨 Time is Running Out: Reserve Your Spot in the Lucky Draw & Claim Rewards! START NOW
watching now
1 Students

Description

What Will You Learn?

  • Web basics
  • Fundamentals of HTML, CSS, JavaScript, and Bootstrap
  • How to make a website with HTML, CSS, JavaScript, and Bootstrap
  • How to build websites like tutorials site, blogging site, personal website, product landing, and others

Requirements

  • All Software used in this course is FREE
  • No previous coding experience is needed
  • NFT Certificate
  • 171 Lessons
  • Beginner
  • English
  • 4.5 Rating
  • +100 XP

Share Course on Social media

Curriculum

Course consist of total 13h 7min of content, in total.

Section 1: Introduction
05:45
Download Course Syllabus
Download Course Materials
Section 2: Setting up the Environment
06:03
Download HTML Editor
01:17
Check your Softwares
04:40
List of Famous Softwares for Web Development
Section 3: Web Basics
1:41:43
Skip and Jump to HTML Basics
What is Internet?
06:29
What is TCP/IP Protocol?
08:03
What is DNS?
15:10
What is HTTP?
03:33
[Podcast] How HTTP Works?
31:22
What is Client Server Technology?
04:48
How Website Works?
09:04
Types of Languages
03:55
Compiler vs Interpreter
03:59
What is Full Stack Developer?
Career Path as PHP Full Stack Developer
Things to Remember
01:42
Summary: What you have learned in this Section
00:58
Section 4: Introduction to HTML5
1:48:38
Objective: What you'll learn in this Section
01:03
What is HTML?
10:22
Tag, Element and Attribute
06:07
Structure of HTML Page
08:21
My First HTML Page
04:36
Exercise: Write your First HTML Page
HTML Boilerplate
04:50
Header Tags
04:51
Exercise: Create Headings
Paragraphs and Comments
07:51
Exercise: Paragraphs and Comments
Horizontal Lines and Line Breaks
05:32
Exercise: Lines and Breaks
Strong, Emphasis, Underline and Italics
06:23
Exercise: Text Formatting
Pre and Code Tags
05:53
Exercise: Pre and Code Tags
Definitions, Ordered and UnOrdered Lists
08:41
Exercise: Resume HTML Page
Link Tags
09:31
Exercise: Link Tags
Section and Article Tags
04:30
Exercise: Sections and Article
Additional HTML Tags
01:40
NewsPaper Exercise
13:47
Exercise: Create a News Page
Things to Remember
03:05
Summary: What you have learned in this Section
00:35
Section 5: Intermediate HTML5
1:28:12
Objective: What you'll learn in this Section
01:37
Creating Tables
16:04
Exercise: Product Listing
Embedding Contents
09:36
Exercise: Embedding Contents
Exercise - Music Download Website
Working with Forms
12:09
Exercise - Contact Form
Meta Tags
06:16
DIV and SPAN Tags
06:52
White Spaces, HTML Entities & Case Sensitive
06:47
iFrames
06:12
Exercise - Tutorials Page
Additional HTML Tags
03:44
List of all HTML Tags in Single Page
04:31
Further Reading HTML
List of HTML Tags
Personal Portfolio
08:06
Things to Remember
01:43
Summary: What you have learned in this Section
01:00
Section 6: Introduction to CSS3
1:51:54
Objective: What you'll learn in this Section
00:52
What is CSS3?
08:05
Inline CSS
05:11
Exercise: Inline CSS
CSS Comments
02:44
Internal CSS
04:53
Exercise: Internal CSS
External CSS
04:26
Exercise: External CSS
Linking CSS
04:33
Exercise: Linking CSS
How to Debug CSS Code
04:16
CSS Selectors
03:36
Universal Selector
02:03
Type Selector
02:29
Class Selector
04:41
ID Selector
05:15
ID vs Class Selector
03:21
ID Class Cascading
07:25
Attribute Selector
03:22
Child Selector
03:46
Descendant Selector
02:21
Adjacent Sibling Selector
02:54
General Adjacent Sibling Selector
02:47
Pseudo Class and Elements
07:06
CSS Precedence Rules Wins!
12:43
Colors and Text
10:39
Things to Remember
01:28
Summary: What you have learned in this Section
00:38
Section 7: Intermediate CSS3
1:28:02
Objective: What you'll learn in this Section
00:48
CSS Box
19:53
CSS Floating Columns
18:53
Positioning Elements
15:39
Display Inline or Block
05:55
Use Google Fonts in your Website
03:04
Moving Box to Center
Project: Website Layout
17:10
Create Favicon to your Site
02:23
Further Reading CSS
Things to Remember
02:02
Summary: What you have learned in this Section
01:06
Section 8: HTML5 + CSS3 Projects
57:26
Simple page layout
12:04
Product Landing Page
17:02
Survey Page
02:41
Google Home Page
10:23
Your Personal Website
09:12
Coming Soon Page
05:55
Try yourself - HTML Projects
Section 9: Introduction to JavaScript
39:27
Objective: What you'll learn in this Section
01:08
Introduction to JavaScript
05:38
Internal JavaScript
05:43
Comments in JavaScript
03:16
External JavaScript
04:42
Inline JavaScript
03:41
Exercise with JavaScript
05:48
JavaScript Terminology
How to Debug JavaScript Code
06:10
Things to Remember
01:30
Summary: What you have learned in this Section
00:54
Section 10: JavaScript Language Syntax
1:09:00
Objective: What you'll learn in this Section
00:47
Identifiers
04:44
Variables and Constants
08:08
Primitives
04:39
Keywords
Reserved Words
Assignments Operators
04:38
Comparison Operators
03:38
Arithmetic Operators
04:00
Logical Operators
04:49
String Operations
03:17
Quotes
03:33
Boolean
01:59
Arrays
03:35
Date and Time
03:23
If Statements
04:11
Switch Statements
03:05
While Statements
03:42
for Statements
03:37
Things to Remember
01:45
Summary: What you have learned in this Section
00:47
Section 11: Intermediate JavaScript
35:22
Objective: What you'll learn in this Section
01:12
Write Functions
04:43
Dealing with Objects
04:56
Creating Events
03:04
Writing Trace Logs
03:12
Try Catch Block
04:16
DOM: Find an Element by ID
04:01
DOM: Update the Element Data
02:55
Access Form Elements
05:19