JavaScript Exercise 13 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #77

➡️ English Subtitles are now up for all the videos!

python, C, C++, Java, JavaScript and Other Cheatsheets [++]:

►Learn in One Video[++]:

►Complete course [playlist]:

Follow Me On Social Media
Comment "#HarryBhai" if you read this 😉😉

[NirjharAhmed]

agar doraemon dekh kar hindi nehi sikha to is masterpiece harry bhai ko hum nehi pehchante aur itni acche se web development v nehi sikh paata.. love from bangladesh harry bhai

[RahulKumar-lzgn]

maine kal apka logic building vala video dekha jisme apne bataya ki chatgpt ka use kro.Aur video dekhne se pahle maine apke kisi dusre video per comment kiya tha ki mujhe javascript samaz me nhi aa raha hai.Per maine aaj chatgpt ka madad lekar jo program samaz me nhi aa raha tha maine use kr diya. Ye sab apki kirpa se huaa hai. Thank you ji.

[GhulamMustafa-ohbw]

#SigmaBatchOp
Harry Bhai your sigma course is so powerful and I learn a lot of things and I really enjoy to watch sigma Web development course

[SonuKumar-whmc]

Sir aap bahut aache coding dikhaate hai or aache se guidance bhi dete hai

[AdityaVerma-irys]

Java script op .I have no word how to thank to Harry Bhai because i belongs to a middle class family i can`t afford any paid course this free course absolutely helped me to learn alot of and find better oppurtunity in life with the help of this course.

[harshborana]

Sir me late hu 😭 video 20/77, im intermediate but i didn't knew about seo practices, meta tags, < and others 😢 thanks for making this course free 🙏

[amaan__]

Harry sir i have a question -
for how long this course will go ??

[RDXGaming-ijpn]

Bich me jab Harry Bhai ke pc me video chal ja rha tha muje laga mera mobile gya 😂

[mrgamerzyt]

pls pls pls teach typescript after javascript and for backend use language like go which is super efficient or django

[Billionaire-whfp]

03:02 Creating a card using JavaScript in the Sigma Web Development Course
06:04 Styling the text and image inside the div
09:06 Adjust padding for h1 and paragraph
12:08 Formatting the 'views' number for display
15:10 Styling and positioning a capsule element
18:12 Creating and adding cards dynamically
21:14 The function is now working properly to dynamically generate content and add it to the website.
24:13 Impressed with font and video links

[yashshah]

harry bhai flutter flow..? we are waiting. hope its full of building and deploying also.👍

[Hafijur]

🎯 Key Takeaways for quick navigation:

00:00 🚀 *Introduction and Problem Explanation*
- Explanation of the task given in video #73.
- Demonstrates the straightforward nature of the task, involving creating a function to generate a card dynamically.
01:17 🛠️ *Implementation of Card Creation Function*
- Building the `createCard` function to generate HTML for a card dynamically.
- Structuring HTML elements for the card layout, including image and text sections.
04:09 🎨 *Styling the Card*
- Styling the card using CSS properties such as width, padding, and border radius.
- Adjusting font sizes and colors for better aesthetics.
11:15 🕒 *Adding Duration Capsule*
- Adding a duration capsule to display how old the content is.
- Applying CSS positioning and styling to the duration capsule.
15:30 💻 *Implementing Dynamic Content Addition*
- Integrating the `createCard` function to dynamically add cards to the webpage.
- Debugging and testing to ensure proper functionality, including handling view counts.
19:09 🔊 *Shoutouts to Solvers*
- Recognition of individuals who successfully solved the JavaScript exercise.
- Mentioning of participants' names and acknowledgment of their efforts.
- Verification of solutions by testing code functionality.
20:48 🎉 *Further Shoutouts and Impressions*
- Additional acknowledgment of participants' solutions.
- Commentary on impressive aspects of solutions, such as font choices.
- Discussion on minor issues in some solutions and their resolution.
22:28 🛠️ *Final Solution Review and Conclusion*
- Evaluation of the last solution provided.
- Resolution of errors encountered in the solution code.
- Closing remarks, including gratitude to viewers and announcement of further content.

Made with HARPA AI

[SunnyRaj-siyy]

Harry bhai please DSA ke liya bhi ek course Lao na ya rodmap or direction ya kaha se kre please bta dijiyega please Harry bhai❤❤

[yihyrpv]

sir seriously maza aa gaya exercise solve karne me.

[OnlyEducation]

It's very useful tutorial than u sir

[AliHaider-trrm]

#SigmaBatchOP
#Problem Harry Bhai your sigma course is so powerful and I learn a lot of things and I really enjoy to watch sigma Web development course.But the problem is to make a daily video

[lavroy]

shortcut to to go between the tag in html, for example <P>...</p> and <p>... </p> , how to go directly from between one tag to another tag directly, @code with harry and all other members are requested to give answers .

[Quranicinspirations-on]

#doubt Sir kya ap iss playlist mai backend b sikhayn gy like node js and javascript or python django?

[SAHILKHAN-ncpl]

Harry bhai react.js, tailwindcss or bootstrap vgera kb include Hoga Sigma course k andar????

[meetbera]

harry you say my name at 16:26 #thankyou