Sigma Web Development Course - Complete Web Development in Hindi

Sigma Web Development Course - Complete Web Development in Hindi

CodeWithHarry via YouTube Direct link

Exercise 6 - Navbar using Flexbox | Sigma Web Development Course - Tutorial #41

41 of 139
Previous
Next

41 of 139

Exercise 6 - Navbar using Flexbox | Sigma Web Development Course - Tutorial #41

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Sigma Web Development Course - Complete Web Development in Hindi

Automatically move to the next video in the Classroom when playback concludes
  1. 1 Installing VS Code & How Websites Work | Sigma Web Development Course - Tutorial #1
  2. 2 Your First HTML Website | Sigma Web Development Course - Tutorial #2
  3. 3 Basic Structure of an HTML Website | Sigma Web Development Course - Tutorial #3
  4. 4 Heading, Paragraphs and Links | Sigma Web Development Course - Tutorial #4
  5. 5 Image, Lists, and Tables in HTML | Sigma Web Development Course - Tutorial #5
  6. 6 SEO and Core Web Vitals in HTML | Sigma Web Development Course - Tutorial #6
  7. 7 Forms and input tags in HTML | Sigma Web Development Course - Tutorial #7
  8. 8 Inline & Block Elements in HTML | Sigma Web Development Course - Tutorial #8
  9. 9 Id & Classes in HTML | Sigma Web Development Course - Tutorial #9
  10. 10 Video, Audio & Media in HTML | Sigma Web Development Course - Tutorial #10
  11. 11 Semantic Tags in HTML | Sigma Web Development Course - Tutorial #11
  12. 12 Exercise 1 - Pure HTML Media Player | Sigma Web Development Course - Tutorial #12
  13. 13 Entities, Code tag and more on HTML | Sigma Web Development Course - Tutorial #13
  14. 14 Introduction to CSS | Sigma Web Development Course - Tutorial #14
  15. 15 Inline, Internal & External CSS | Sigma Web Development Course - Tutorial #15
  16. 16 Exercise 1 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #16
  17. 17 CSS Selectors MasterClass | Sigma Web Development Course - Tutorial #17
  18. 18 CSS Box Model - Margin, Padding & Borders | Sigma Web Development Course - Tutorial #18
  19. 19 CSS Fonts, Text & Color Properties | Sigma Web Development Course - Tutorial #19
  20. 20 Exercise 2 - CSS Challenge | Sigma Web Development Course - Tutorial #20
  21. 21 CSS Specificity & Cascade | Sigma Web Development Course - Tutorial #21
  22. 22 CSS Sizing Units - px, rem, em, vh, vw, % & more | Sigma Web Development Course - Tutorial #22
  23. 23 CSS Display Property | Sigma Web Development Course - Tutorial #23
  24. 24 CSS Shadows and Outlines | Sigma Web Development Course - Tutorial #24
  25. 25 Styling Lists using CSS | Sigma Web Development Course - Tutorial #25
  26. 26 CSS Overflow Property | Sigma Web Development Course - Tutorial #26
  27. 27 Exercise 2 - Solutions and Shoutouts | Sigma Web Development Course - Tutorial #27
  28. 28 CSS Position Property | Sigma Web Development Course - Tutorial #28
  29. 29 Exercise 3 - Design this Card | Sigma Web Development Course - Tutorial #29
  30. 30 CSS Variables | Sigma Web Development Course - Tutorial #30
  31. 31 CSS Media Queries | Sigma Web Development Course - Tutorial #31
  32. 32 Exercise 3 - Solution | Sigma Web Development Course - Tutorial #32
  33. 33 Exercise 4 - Multi Color Website | Sigma Web Development Course - Tutorial #33
  34. 34 CSS Float & Clear | Sigma Web Development Course - Tutorial #34
  35. 35 More on CSS Selectors | Sigma Web Development Course - Tutorial #35
  36. 36 Exercise 4 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #36
  37. 37 CSS Exercise 5 - Design this Layout | Sigma Web Development Course - Tutorial #37
  38. 38 CSS Flexbox - Ultimate MasterClass | Sigma Web Development Course - Tutorial #38
  39. 39 CSS Grid - Ultimate MasterClass | Sigma Web Development Course - Tutorial #39
  40. 40 Exercise 5 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #40
  41. 41 Exercise 6 - Navbar using Flexbox | Sigma Web Development Course - Tutorial #41
  42. 42 CSS Transforms MasterClass | Sigma Web Development Course - Tutorial #42
  43. 43 Exercise 6 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #43
  44. 44 Exercise 7 - Design the Grid | Sigma Web Development Course - Tutorial #44
  45. 45 CSS Transition Property | Sigma Web Development Course - Tutorial #45
  46. 46 CSS Animations | Sigma Web Development Course - Tutorial #46
  47. 47 Exercise 7 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #47
  48. 48 Exercise 8 - Bounce Animation | Sigma Web Development Course - Tutorial #48
  49. 49 CSS Object-fit and Object-cover | Sigma Web Development Course - Tutorial #49
  50. 50 CSS Filters | Sigma Web Development Course - Tutorial #50
  51. 51 Exercise 8: Solution & Shoutouts | Sigma Web Development Course - Tutorial #51
  52. 52 Figma Basics in One Video | Sigma Web Development Course - Tutorial #52
  53. 53 Netflix Clone Using HTML & CSS | Sigma Web Development Course - Tutorial #53
  54. 54 Introduction to JavaScript & Installing Node.js | Sigma Web Development Course - Tutorial #54
  55. 55 JavaScript Variables, Data Types & Objects | Sigma Web Development Course - Tutorial #55
  56. 56 JavaScript Conditionals: if, else if, else ladder | Sigma Web Development Course - Tutorial #56
  57. 57 JavaScript Loops | Sigma Web Development Course - Tutorial #57
  58. 58 JavaScript Functions | Sigma Web Development Course - Tutorial #58
  59. 59 Exercise 9 - Faulty Calculator | Sigma Web Development Course - Tutorial #59
  60. 60 JavaScript Strings | Sigma Web Development Course - Tutorial #60
  61. 61 JavaScript Exercise 9 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #61
  62. 62 JavaScript Exercise 10 - Business Name Generator | Sigma Web Development Course - Tutorial #62
  63. 63 JavaScript Arrays | Sigma Web Development Course - Tutorial #63
  64. 64 JavaScript Exercise 10 - Solution | Sigma Web Development Course - Tutorial #64
  65. 65 JavaScript Exercise 11 - Calculate the Factorial | Sigma Web Development Course - Tutorial #65
  66. 66 Document Object Model in JavaScript | Sigma Web Development Course - Tutorial #66
  67. 67 JavaScript DOM - Children, Parent & Sibling Nodes | Sigma Web Development Course - Tutorial #67
  68. 68 JavaScript - Selecting by Ids, Classes, and More | Sigma Web Development Course - Tutorial #68
  69. 69 JavaScript Exercise 11 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #69
  70. 70 JavaScript Exercise 12 - Color the Boxes | Sigma Web Development Course - Tutorial #70
  71. 71 Inserting and Removing Elements using JavaScript | Sigma Web Development Course - Tutorial #71
  72. 72 JavaScript Exercise 12 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #72
  73. 73 JavaScript Exercise 13 - Dynamic Website Builder | Sigma Web Development Course - Tutorial #73
  74. 74 Events, Event Bubbling, setInterval & setTimeout | Sigma Web Development Course - Tutorial #74
  75. 75 JavaScript Callbacks & Promises | Sigma Web Development Course - Tutorial #75
  76. 76 Async/Await & Fetch API in JavaScript with Examples | Sigma Web Development Course - Tutorial #76
  77. 77 JavaScript Exercise 13 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #77
  78. 78 JavaScript Exercise 14 - Hacker's Terminal | Sigma Web Development Course - Tutorial #78
  79. 79 JavaScript try catch & Error Handling | Sigma Web Development Course - Tutorial #79
  80. 80 Classes & Objects - Object Oriented Programming in Js | Sigma Web Development Course - Tutorial #80
  81. 81 JavaScript Exercise 14 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #81
  82. 82 Advanced JavaScript | Sigma Web Development Course - Tutorial #82
  83. 83 JavaScript Interview Questions | Sigma Web Development Course - Tutorial #83
  84. 84 Spotify Clone using HTML, CSS & JavaScript | Sigma Web Development Course - Tutorial #84
  85. 85 Backend, Node.js & npm | Sigma Web Development Course - Tutorial #85
  86. 86 CommonJs Vs EcmaScript Modules | Sigma Web Development Course - Tutorial #86
  87. 87 Working with Files: fs and path Modules | Sigma Web Development Course - Tutorial #87
  88. 88 Introduction to Express Js | Sigma Web Development Course - Tutorial #88
  89. 89 Response, Request and Routers in Express | Sigma Web Development Course - Tutorial #89
  90. 90 Middlewares in Express Js | Sigma Web Development Course - Tutorial #90
  91. 91 Exercise 15 - Clear the Clutter | Sigma Web Development Course - Tutorial #91
  92. 92 ejs Template Engine in Express | Sigma Web Development Course - Tutorial #92
  93. 93 Exercise 15 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #93
  94. 94 Installing MongoDB & MongoDB Compass | Sigma Web Development Course - Tutorial #94
  95. 95 CRUD Operations in MongoDB | Sigma Web Development Course - Tutorial #95
  96. 96 Installing Mongoose & Using it with Express | Sigma Web Development Course - Tutorial #96
  97. 97 Exercise 16 - Dummy Data Generator | Sigma Web Development Course - Tutorial #97
  98. 98 Tailwind CSS in one Video | Sigma Web Development Course - Tutorial #98
  99. 99 Exercise 16 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #99
  100. 100 Exercise 17 - Design This Layout | Sigma Web Development Course - Tutorial #100
  101. 101 X.com (Twitter) Clone using Tailwind CSS | Sigma Web Development Course - Tutorial #101
  102. 102 Exercise 17 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #102
  103. 103 What is Hosting? Where to Host? Which Hosting? | Sigma Web Development Course - Tutorial #103
  104. 104 Hosting an Express App on Ubuntu VPS using Hostinger | Sigma Web Development Course - Tutorial #104
  105. 105 Introduction to React & Why use React? | Sigma Web Development Course - Tutorial #105
  106. 106 Components, Props and JSX in React | Sigma Web Development Course - Tutorial #106
  107. 107 Hooks & State in React | Sigma Web Development Course - Tutorial #107
  108. 108 The useEffect Hook in React | Sigma Web Development Course - Tutorial #108
  109. 109 The useRef Hook in React | Sigma Web Development Course - Tutorial #109
  110. 110 Conditional Rendering & Rendering Lists in React | Sigma Web Development Course - Tutorial #110
  111. 111 Exercise 18 - Display the Cards | Sigma Web Development Course - Tutorial #111
  112. 112 Handling Events in React | Sigma Web Development Course - Tutorial #112
  113. 113 Exercise 18 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #113
  114. 114 TodoList App using React, Tailwind & React Icons | Sigma Web Development Course - Tutorial #114
  115. 115 React Router: Routing in React | Sigma Web Development Course - Tutorial #115
  116. 116 The useContext hook in React | Sigma Web Development Course - Tutorial #116
  117. 117 The useMemo hook in React | Sigma Web Development Course - Tutorial #117
  118. 118 The useCallback hook in React | Sigma Web Development Course - Tutorial #118
  119. 119 Handling Forms + Connecting React to Express Backend | Sigma Web Development Course - Tutorial #119
  120. 120 Learn Redux in One video | Sigma Web Development Course - Tutorial #120
  121. 121 Introduction to Next.js & File based routing | Sigma Web Development Course - Tutorial #121
  122. 122 Server Components in Next.js | Sigma Web Development Course - Tutorial #122
  123. 123 Script, Link & Image components in Next.js | Sigma Web Development Course - Tutorial #123
  124. 124 Creating APIs in Next.js | Sigma Web Development Course - Tutorial #124
  125. 125 Server Actions in Next.js | Sigma Web Development Course - Tutorial #125
  126. 126 Middleware in Next.js | Sigma Web Development Course - Tutorial #126
  127. 127 Auth.js - Authentication in Next.js | Sigma Web Development Course - Tutorial #127
  128. 128 Dynamic Routes in Next.js | Sigma Web Development Course - Tutorial #128
  129. 129 Layouts in Next.js | Sigma Web Development Course - Tutorial #129
  130. 130 React Project: Password Manager using React, Tailwind, MongoDB & Express | Sigma WebD Tutorial #130
  131. 131 Project GetMeAChai - Patreon Clone in Next.js | Sigma Web Development Course - Tutorial #131
  132. 132 Understanding next/navigation module in Next.js | Sigma Web Development Course - Tutorial #132
  133. 133 SSR, SSG & ISR in Next.js | Sigma Web Development Course - Tutorial #133
  134. 134 Environment Variables in Next.js | Sigma Web Development Course - Tutorial #134
  135. 135 Styled JSX and other ways to Style in Next.js | Sigma Web Development Course - Tutorial #135
  136. 136 [Project] Let's Build a Url Shortener in Next.js 15 | Sigma Web Development Course - Tutorial #136
  137. 137 [Project] Let's Build a LinkTree Clone in Next.js 15 | Sigma Web Development Course - Tutorial #137
  138. 138 Deploying our Next.js App to Vercel | Sigma Web Development Course - Tutorial #138
  139. 139 Concluding the Sigma Web Dev Course | Sigma Web Development Course - Tutorial #139

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.