JavaScript Exercise 14 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #81

➡️ 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 😉😉

[RamDas-cfsb]

The best thing about him is that he finishes what he starts

Not like some other people who just drop ongoing series just because less view

He makes quantity content with his whole heart and really cares about us and wants to teach as good skills ❤
Love your videos ❤😊

[hiphop]

Last two days you have not posted any video of sigma web development course. I just though you have stop this series because of less views. Please don't stop. I am completed dependent on you

[Wasayumer]

harry bhai i was loosing hope that i keep sending solutions to exercises and never get shoutouts i even left watching this playlist for a while but i can't thank you enough for shoutout, your shoutout fills me and lots of other people with determination, now im determined to watch this playlist till the end! thanks so much harry bhai ❤❤

[targetme]

Sir I am completely dependent on your course, please don't stop this course 😢😢 for less views 😢😢

[Hafijur]

🎯 Key Takeaways for quick navigation:

00:00 🚀 *JavaScript Exercise Overview*
- The video introduces a JavaScript exercise solution and discusses upcoming shoutouts.
01:00 🎨 *Styling the Hacker Terminal*
- Setting background and text colors for the hacker terminal.
- Implementing a loop to display messages and applying random delays.
- Using JavaScript arrays and functions to build the hacker terminal.
02:00 💻 *Implementing Hacking Effects*
- Adding blinking dots effect using CSS classes.
- Exploring hacking fonts and adjusting font size for a terminal-like appearance.
03:00 🔧 *Customizing the Terminal Further*
- Importing and customizing fonts to enhance the hacking aesthetic.
- Tweaking font size and exploring additional styling options for authenticity.
04:00 🛠️ *Finalizing the Hacking Terminal*
- Incorporating blinking effect for three dots challenge.
- Creating a function to generate random delays.
- Setting timeout intervals for specific actions in the terminal.
05:25 🛠️ *Handling asynchronous JavaScript operations*
- Explanation of handling asynchronous JavaScript operations,
- Using setTimeout() to delay the execution of code,
- Demonstrating how to add an item to the document after waiting for a random delay.
06:31 🔄 *Implementing blinking effect using setInterval()*
- Demonstrating the implementation of a blinking effect using setInterval() method,
- Setting intervals for the blinking effect,
- Modifying the document dynamically to achieve the blinking effect.
07:25 🔧 *Refactoring code and solving issues*
- Refactoring code by encapsulating functionalities into separate functions,
- Identifying and addressing issues with asynchronous operations,
- Ensuring proper encapsulation and organization of code for better readability and maintenance.
09:48 🛠️ *Debugging JavaScript code*
- Debugging process in JavaScript,
- Identifying issues with interval timing,
- Adjusting interval timing for expected behavior.
11:22 🧰 *Troubleshooting JavaScript code*
- Fixing issues with element selection and manipulation,
- Using proper selectors and methods for targeted elements,
- Implementing correct syntax for accessing and modifying elements.
12:31 🔄 *Clearing intervals in JavaScript*
- Understanding the clearInterval function in JavaScript,
- Implementing clearInterval to stop interval execution,
- Proper usage of clearInterval within loops and functions.
13:11 🕰️ *Managing interval timing in JavaScript*
- Ensuring clearInterval is properly triggered after loop execution,
- Using clearInterval within loop structures to manage timing,
- Implementing interval clearing for better code organization and performance.
15:13 🔒 *Handling File Reading and Password Files*
- Handling file reading and password files in JavaScript.
16:23 📢 *Shoutouts to Course Participants*
- Recognizing and acknowledging participants who successfully solved the exercise.
17:17 🚀 *Transition to Advanced Projects*
- Moving on to more advanced projects and real-world applications in the course.
- Emphasizing the need for serious engagement with the course content.

Made with HARPA AI

[shishir]

This exercise was one of the toughest for me as I couldn't do it myself and also not completely understood by the video. Although, let's keep

[sufyanwaleed]

harrybhai js mai DOM classes and objects or async/await ki smjh nhi a rhi thi, bht thanks ap nai buhat achay say smjha diya saray doubt clear ho gay. Big shoutout to you bro

[theycallmekhizer]

Bhai aapse coding sekh kr lgta hai ke asan hai sab👍👍👍

[captaingaming]

# The Bar has been over raised bro!.... I have been watched every videos after callback twice...

[Yasinkhan-tmjv]

We already know that You do Amazing things. Thanks for this course providing for free

❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

[janhavideshmukh]

Thanks bhaiya sachmain ek inspiration ho . Hamare liye samzate hai ki consistency kya hota hai

[shozabali]

🎯 Key Takeaways for quick navigation:

00:00 *📝 Introduction to Exercise and Setting Up Environment*
- Providing an overview of the exercise related to creating a hacker's terminal simulator.
- Setting the background color of the terminal to green and displaying messages.
00:20 *💻 Writing JavaScript Functions for Terminal Simulation*
- Writing functions to set background colors and display messages on the terminal.
- Creating a loop to iterate through items and add them to the terminal.
- Implementing features such as blinking dots to enhance the terminal appearance.
01:29 *🔧 Styling and Customizing Terminal Appearance*
- Styling the terminal using CSS, including adding a custom font for a hacker-like appearance.
- Adjusting font size and other visual elements to enhance the hacking simulation experience.
02:51 *🛠️ Importing and Using Custom Fonts for Hacking Aesthetic*
- Importing custom fonts to achieve a hacking aesthetic in the terminal.
- Experimenting with font styles and sizes to find the most suitable appearance for the terminal.
03:59 *🔧 Generating Random Delays for Blinking Effect*
- Exploring how to create a blinking effect with three dots, presenting a coding challenge.
- Using JavaScript functions to generate random delays for the blinking effect.
- Implementing a function to return a promise with resolved or rejected states based on timeouts.
05:12 *🎨 Implementing Blinking Effect in the Document*
- Setting up a setInterval function to trigger blinking at regular intervals.
- Manipulating the DOM to append and remove blinking elements.
- Utilizing CSS selectors to target specific elements for appending and removing blinking effects.
06:31 *💡 Finalizing Document Manipulation and Blinking*
- Finalizing document manipulation by selecting the last child element.
- Refining code to ensure proper removal of existing elements before appending new ones.
- Completing the implementation of the blinking effect with JavaScript intervals and DOM manipulation.
07:37 *💻 JavaScript coding session*
- Demonstrating coding process in JavaScript,
- Identifying issues and debugging,
- Implementing functions within the main function.
08:37 *🛠️ Troubleshooting and refining code*
- Removing unnecessary code snippets,
- Refactoring and optimizing code for clarity and efficiency.
09:48 *🧠 Understanding setInterval function behavior*
- Exploring setInterval function behavior,
- Troubleshooting issues with setInterval and code execution timing,
- Analyzing code execution intervals and potential causes of unexpected behavior.
12:03 *🛠️ Documenting Elements in JavaScript*
- Exploring the process of documenting elements in JavaScript.
- Utilizing dot notation and `getElementByTagName` to select elements.
- Using the `last` keyword to access the last element in a collection.
13:23 *🔄 Clearing Interval in JavaScript*
- Demonstrating how to clear intervals in JavaScript.
- Implementing the `clearInterval` function within a loop.
- Ensuring intervals are cleared after loop completion.
14:17 *🧹 Cleaning Up JavaScript Code*
- Discussing the importance of cleaning up JavaScript code.
- Moving on to clearing passwords and personal files from a server.
- Ensuring code execution follows the intended sequence for effective cleanup.
15:13 *🔍 Reading and Solving Files in JavaScript*
- Demonstrating how to read files and solve file-related tasks in JavaScript.
- Highlighting the detection and resolution of password files.
- Recognizing different approaches to solving file-related issues.
15:54 *🛠️ Implementing JavaScript Functions*
- Exploring the implementation of JavaScript functions to solve blinking and repetitive tasks.
- Utilizing a resolve function and generating random numbers.
- Addressing repetitive tasks through efficient coding practices.
16:48 *🎉 Shoutouts and Appreciation*
- Acknowledging and appreciating individuals who successfully solved coding challenges.
- Extending shoutouts to participants who contributed to the coding community.
- Encouraging engagement and participation in upcoming projects.

Made with HARPA AI

[Wasayumer]

and im happy to put a smile on ur face it made my day❤❤❤❤

[emperoromvenomousevil]

anyway thanks for all these courses .. bhai .. if i got succeded in my purpose . i will surely meet you for telling you one of your unknown student was able to do something coz of you and your marvellous free of cost education..

[mqtravelvlog]

Harry bhai aapki Java ki Series zabardast h👌👌. Kafi helpful hai

[Akshat_Sinha_]

Bro the bar has been hoisted on top of burj khalifa. This is advanced stuff!

[nakul]

harry bro plz ek detailed course Machine learning pe bhi banao

[deva-]

Inconsolata or monospace is also a good hacking font

[prabuddhachatterjee]

#StopVivekBindra ...
This course is really very helpful

[sarthakrasalpatil]

You are amazing Harry Bhai Thanks for the Best logical Thinking Brother I am learning Day by day Thank you so much for your support bhai :)