1× knowledge

Web Development / Subject

Beginner

Start web development with Internet foundations, semantic HTML, CSS, responsive layouts, JavaScript, the DOM, browser storage and practical starter projects.

Your Progress

Learning Summary

0 of 145 topics completed
Quizzes Completed 0Best Quiz Score —Current Level Not startedContinue Choose a topic

Suggested sequence

Learning roadmap

Topics follow the Admin display order

Beginner

145 topics
  1. Introduction to Web Development
  2. How the Web Works
  3. Internet Basics
  4. Websites vs Web Applications
  5. Static Websites
  6. Dynamic Websites
  7. Client and Server
  8. Frontend Development
  9. Backend Development
  10. Full-Stack Development
  11. Web Browsers
  12. Web Servers
  13. Domain Names
  14. DNS
  15. URLs
  16. HTTP
  17. HTTPS
  18. Request and Response
  19. HTTP Methods
  20. HTTP Status Codes
  21. Hosting Basics
  22. Development Environment
  23. Code Editors
  24. Browser Developer Tools
  25. HTML Introduction
  26. HTML Document Structure
  27. HTML Elements
  28. HTML Tags
  29. HTML Attributes
  30. Headings
  31. Paragraphs
  32. Text Formatting
  33. Comments
  34. Links
  35. Images
  36. Lists
  37. Tables
  38. Forms
  39. Input Elements
  40. Buttons
  41. Labels
  42. Select Elements
  43. Textareas
  44. Fieldsets
  45. Semantic HTML
  46. Header
  47. Navigation
  48. Main
  49. Section
  50. Article
  51. Aside
  52. Footer
  53. Audio
  54. Video
  55. Iframes
  56. Meta Tags
  57. Favicon
  58. HTML Entities
  59. Accessibility Basics
  60. CSS Introduction
  61. CSS Syntax
  62. CSS Selectors
  63. Colors
  64. Backgrounds
  65. Borders
  66. Margins
  67. Padding
  68. Width and Height
  69. CSS Box Model
  70. Display
  71. Position
  72. Overflow
  73. Float
  74. Z-Index
  75. Typography
  76. Web Fonts
  77. Units
  78. Links Styling
  79. Lists Styling
  80. Tables Styling
  81. Forms Styling
  82. Pseudo-Classes
  83. Pseudo-Elements
  84. Combinators
  85. Specificity
  86. Inheritance
  87. CSS Variables
  88. Flexbox
  89. CSS Grid
  90. Media Queries
  91. Responsive Design
  92. Transitions
  93. Transforms
  94. Basic Animations
  95. JavaScript Introduction
  96. JavaScript Syntax
  97. Variables
  98. Data Types
  99. Operators
  100. Expressions
  101. Type Conversion
  102. Conditional Statements
  103. Switch Statements
  104. Loops
  105. Functions
  106. Scope
  107. Arrays
  108. Objects
  109. Strings
  110. Numbers
  111. Dates
  112. Math
  113. Regular Expressions
  114. Error Handling
  115. DOM
  116. DOM Selection
  117. DOM Traversal
  118. DOM Manipulation
  119. Events
  120. Event Listeners
  121. Forms and Validation
  122. Timers
  123. JSON
  124. Local Storage
  125. Session Storage
  126. Cookies
  127. ES6 Basics
  128. let and const
  129. Arrow Functions
  130. Template Literals
  131. Destructuring
  132. Spread and Rest Operators
  133. Modules
  134. Personal Profile Page
  135. Resume Website
  136. Landing Page
  137. Portfolio Website
  138. Blog Layout
  139. Product Page
  140. Contact Form
  141. Responsive Navigation Bar
  142. Image Gallery
  143. Calculator
  144. To-Do List
  145. Quiz Application

Topics

145 published topics

  1. 41 LabelsLearn Labels through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  2. 42 Select ElementsLearn Select Elements through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  3. 43 TextareasLearn Textareas through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  4. 44 FieldsetsLearn Fieldsets through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  5. 45 Semantic HTMLLearn Semantic HTML through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  6. 46 HeaderLearn Header through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  7. 47 NavigationLearn Navigation through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  8. 48 MainLearn Main through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  9. 49 SectionLearn Section through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  10. 50 ArticleLearn Article through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  11. 51 AsideLearn Aside through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  12. 52 FooterLearn Footer through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  13. 53 AudioLearn Audio through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  14. 54 VideoLearn Video through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  15. 55 IframesLearn Iframes through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  16. 56 Meta TagsLearn Meta Tags through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  17. 57 FaviconLearn Favicon through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  18. 58 HTML EntitiesLearn HTML Entities through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  19. 59 Accessibility BasicsLearn Accessibility Basics through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  20. 60 CSS IntroductionLearn CSS Introduction through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning