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. 61 CSS SyntaxLearn CSS Syntax through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  2. 62 CSS SelectorsLearn CSS Selectors through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  3. 63 ColorsLearn Colors through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  4. 64 BackgroundsLearn Backgrounds through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  5. 65 BordersLearn Borders through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  6. 66 MarginsLearn Margins through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  7. 67 PaddingLearn Padding through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  8. 68 Width and HeightLearn Width and Height through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  9. 69 CSS Box ModelLearn CSS Box Model through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  10. 70 DisplayLearn Display through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  11. 71 PositionLearn Position through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  12. 72 OverflowLearn Overflow through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  13. 73 FloatLearn Float through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  14. 74 Z-IndexLearn Z-Index through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 17 min read · 90 min learning
  15. 75 TypographyLearn Typography through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  16. 76 Web FontsLearn Web Fonts through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  17. 77 UnitsLearn Units through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  18. 78 Links StylingLearn Links Styling through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  19. 79 Lists StylingLearn Lists Styling through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning
  20. 80 Tables StylingLearn Tables Styling through a detailed web-development lesson with code, verification, exercises and practice questions.Beginner · 18 min read · 90 min learning