Self-Paced Online

HTML5 CSS3 and JavaScript for Beginners

HTML5 CSS3 and JavaScript for Beginners: a self-paced PACI course with 168 lessons in 29 sections and a quiz after each section.

Web Development
English language
Beginner

What you’ll learn

HTML5 Introduction
HTML5 FORMATTING
HTML5 Quatation
HTML 5 HYPERLINKS
HTML5 Images
HTML Block Level & Inline Level

About this course

HTML5 CSS3 and JavaScript for Beginners is a self-paced recorded course from the Punjab Artificial Intelligence and Cybersecurity Initiative (PACI). It has 168 lessons in 29 sections (141 video lessons, 27 quizzes). What the course covers: - HTML5 Introduction - HTML5 FORMATTING - HTML5 Quatation - HTML 5 HYPERLINKS - HTML5 Images - HTML Block Level & Inline Level - HTML5 Table - HTML5 Media - HTML5 Forms - HTML5 Semantic Elements - Getting started with css - CSS fundamentals - Typography - , Backgrounds & images - and more

Course content

29 modules · 168 lessons

01Section 1. HTML5 Introduction8 lessons

1. Section Overview 0
2. Introduction to HTML5
3. HTML5 Tags
4. Tag's Attributes
5. Favicon in HTML5 Webpage
6. History of HTML5
7. Section Conclusion
Quiz 1

02Section 2. HTML5 FORMATTING6 lessons

8. Section Overview
9. Headings
10. Paragraph
11. Different Formatting Tags
12. Section Conclusion
Quiz 2

03Section 3 HTML5 Quatation9 lessons

13. Section Overview
14. Blackquote Tag
15. Short Quotation Tag
16. Abbreviation Tag
17. Address Tag
18. Cite Tag
19. Bi-Directional Override Tag
20. Section Conclusion
Quiz 3

04Section 4. HTML 5 HYPERLINKS9 lessons

21. Section Overview
22. Internal Hyperlink
23. External Hyperlink
24. Email Hyperlink
25. Page Jump Hyperlink Or Bookmark Hyperlink
26. Link Attribute
27. Image as a Link
28. Section Conclusion
Quiz 4

05Section 5. HTML5 Images4 lessons

29. Section Overview
30. Images in HTML5
31. Section Conclusion
Quiz 5

06Section 6. HTML Block Level & Inline Level5 lessons

32. Section Overview
33. Block Level Tags
34. Inline Tags
35. Section Conclusion
Quiz 6

07Section 7. HTML5 Table3 lessons

36. Section Overview
37. Tables in HTML5
38. Section Conclusion

08Section 8. HTML5 Media7 lessons

39. Section Overview
40. Media in HTML5
41. Video Tag
42. Audio Tag
43. Embedding YouTube Videos in HTML5 Webpage
44. Section Conclusion
Quiz 8

09Section 9. HTML5 Forms7 lessons

45. Section Overview
46. Forms & Its Attributes
47. Form Element
48. Different Input Types
49. Input Attributes
50. Section Conclusion
Quiz 9

10Section 10. HTML5 Semantic Elements5 lessons

51. Section overview
52. Semantic Elements Part 1
53. Semantic Elements Part 2
54. Section Conclusion
Quiz 10

11Section 11. Getting started with css6 lessons

55. Section overview
56. Introduction to CSS
57. Types of CSS
58. Types of CSS Selectors
59. Section Conclusion
Quiz 11

12Section 12. CSS fundamentals9 lessons

60. Section Overview
61. Box Model
62. Box Shadow
63. Border Radius
64. CSS Grid System
65. CSS Flexbox
66. Designing Table
67. Section Conclusion
Quiz 12

13Section 13. Typography5 lessons

68. Section Overview
70. Google Fonts
71. Custom Fonts
72. Section Conclusion
Quiz 13

14Section 14, Backgrounds & images8 lessons

73. Section Overview
74. Background Images
75. Linear Gradient Background
76. Radial Gradient
77. Conic Gradient
78. Making Transparent Background
79. Section Conclusion
Quiz 14

15Section 15. Making a Single-Page Website-Project-18 lessons

80. Section Overview
81. Navigation Bar
82. Hero Section
83. About Section
84. Portfolio Section
85. Contact Section
86. Section Conclusion
Quiz 15

16Section 16. Responsive Web Design4 lessons

87. Section Overview
88.Making a Responsive Menu
89. Section Conclusion
Quiz 16

17Section 17 .CSS Transformation & Animation6 lessons

90. Section Overview
91. CSS Transformation
92. CSS Transitions
93. CSS Animations
94. Section Conclusion
Quiz 17

18Section 18 Advanced Topics & Libraries5 lessons

95. Section Overview
96. Making Slider Using Cycle 2 JS Library
97. Making Lightbox Gallery using Lightbox 2 JS Library - Trim
98. Section Conclusion
Quiz 18

19Section 19 Testing & Conclusion5 lessons

99. Section Overview
100. Feature Detection
101. Chrome Inspect Element & Developer Tools
102. Section Conclusion
Quiz 19

20Section 20 .Make Another Single Page Website- Project-21 lessons

103. Making Another Single Page Website - Project-2

21Section 21. JavaScript Basics6 lessons

104. Hello World JavaScript
105. JavaScript Engines
106. Variables & Data Types
107. Operators
108. Typeof and Operators Precedence
Quiz 21

22Section 22 .Conditional Statements6 lessons

109. If Else Statement
110. Conditional Statement Example 1
111. Conditional Statement Example 2
112. Ternary Operator
113. Switch Case Statement
Quiz 22

23Section 23. Advance Concepts4 lessons

114. Falsy Values
115. Basic Of Functions
116. Function as a Variable
Quiz 23

24Section 24. Working With Data Structures6 lessons

117. Introduction to Arrays
118. Fill & Filter Method Array
119. Slice & Splice Methods
120. Objects
121. Methods in Objects
Quiz 24

25Section 25 .loops & Iterations7 lessons

122. For Loop
123. While Loop
124. Do While Loop
125. Foreach Loop
126. For Of Loop
127. For in Loop
Quiz 25

26Section 26.DOM Manipulation5 lessons

128. What is DOM
129. Grab HTML Elements
130. Change HTML Elements
131. Get Computed Properties
Quiz 26

27Section 27 Modern Features8 lessons

132. Creating Objects
133. Prototype
134. Better Code
135. Self Executing Anonymous Function
136. Template Literals
137. Maps
138. De-Structuring Data
Quiz 27

28Section 28. Advance Topics5 lessons

139. Class & Export Module
140. Getter & Setter
141. Inheritance
142. DOM Events
Quiz 28

29Final Exam1 lessons

Final Exam

Your instructor

PACI

Punjab Artificial Intelligence and Cybersecurity Initiative

No reviews yet20 courses on NSDP

PACI (Punjab Artificial Intelligence and Cybersecurity Initiative) publishes recorded courses in artificial intelligence, cybersecurity, web development and data skills.

View full profile

24-hour refund policy

Start learning with confidence.

1
Pay and start
Pay the course fee and open your first lessons on the NSDP Portal.
2
Ask within 24 hours
Not satisfied? Ask for a refund within 24 hours of payment.
3
Get your fee back
Our team confirms your request and refunds the course fee.

The same policy applies to self-paced courses (within 24 hours of payment) and to live Zoom and on-campus classes (within 24 hours of the first class). To ask, contact the NSDP helpline 0304 111 0869, WhatsApp 03484350668 or email support.department@nsdp.pk with your CNIC and PSID / challan number, or type “refund” in the NSDP Rehnuma chat. Requests after 24 hours aren’t eligible. See the cancellation & refund policy.

Student reviews

No reviews yet. Students can share their experience once they have completed at least half of the course.

Record your course on NSDPInstructors wantedCreate a self-paced course once, reach learners across Pakistan and abroad, and earn on every enrolment.Become an instructor

Students also explore

Self-Paced OnlineAdmissions open

Mobile App Development · English · Beginner

Cross-Platform Apps with Flutter

Cross-Platform Apps with Flutter: a self-paced PACI course with 85 lessons in 23 sections and a quiz after each section.

New

6 months course

PPACIPKR 1,000 / month

Self-Paced OnlineAdmissions open

Web Development · English · Beginner

WordPress Website Development

WordPress Website Development: a self-paced PACI course with 83 lessons in 11 sections and a quiz after each section.

New

6 months course

PPACIPKR 1,000 / month

Self-Paced OnlineAdmissions open

Web Development · English · Beginner

JavaScript Mastery From Basics to Advanced

JavaScript Mastery From Basics to Advanced: a self-paced PACI course with 81 lessons in 11 sections and a quiz after each section.

New

6 months course

PPACIPKR 1,000 / month

Self-Paced OnlineAdmissions open

Web Development · Urdu · Beginner

Full-Stack Web Development - Beginner to Expert

Master modern web development from frontend to backend.

New

120 hours of video · learn at your own pace

2 months course

GIGolden Institute of LearningPKR 1,000 / month