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

Поделиться
HTML-код
  • Опубликовано: 21 янв 2025

Комментарии • 197

  • @Hafijur0211
    @Hafijur0211 11 месяцев назад +2

    🎯 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

  • @RamDas-cf3sb
    @RamDas-cf3sb Год назад +40

    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 ❤😊

  • @hiphop861
    @hiphop861 Год назад +69

    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

    • @ViralStorm-S222
      @ViralStorm-S222 Год назад +6

      the less views are coming because of AI may be the AI provide all the code of perfect website

    • @AwaisMughalFans
      @AwaisMughalFans Год назад

      @@ViralStorm-S222😱😥

    • @targetme5716
      @targetme5716 Год назад +6

      Same case I am too😢😢😢

    • @mayanksingh7229
      @mayanksingh7229 3 месяца назад

      bhai lya ker rahe ho ab

  • @shozabali06
    @shozabali06 9 месяцев назад

    🎯 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
    @Wasayumer Год назад +3

    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 ❤❤

  • @thebilalafsar
    @thebilalafsar Год назад +7

    *Hey bro, been a longtime viewer! Never dropped a comment till now, but here's my first on RUclips. Could you consider doing a course covering the A to Z of WordPress, you know, from the basics to the cool stuff like theme and plugin development? Can't find a solid one anywhere, and I know you'd nail it. BTW, still going strong on your Sigma Web Dev course. Keep rocking, and looking forward to more awesome content! 🙌 Cheers, mate!"*

  • @targetme5716
    @targetme5716 Год назад +8

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

  • @Yasinkhan-tm8jv
    @Yasinkhan-tm8jv Год назад +1

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

  • @theycallmekhizer
    @theycallmekhizer Год назад +3

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

  • @janhavideshmukh8187
    @janhavideshmukh8187 Год назад +1

    Thanks bhaiya ........ap sachmain ek inspiration ho . Hamare liye ......Jo samzate hai ki consistency kya hota hai ......✨🤞

  • @mqtravelvlog5053
    @mqtravelvlog5053 Год назад +2

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

  • @Its__AnkitSahu
    @Its__AnkitSahu Год назад +3

    Sigma Batch Op
    Absolutely first

  • @abhijitkshirsagar0110
    @abhijitkshirsagar0110 Год назад +2

    The bar has been raised!!

  • @Wasayumer
    @Wasayumer Год назад +1

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

  • @ayushmaanraturi
    @ayushmaanraturi 11 дней назад

    Tutorial - 81 Done ✅
    #SigmaBatchOP #HarryBhai
    Thank you ❤ Harry bhai for this amazing course

  • @_bhushan.gaming1630
    @_bhushan.gaming1630 Год назад +15

    for understanding this is little hard

  • @prabuddhachatterjee9467
    @prabuddhachatterjee9467 Год назад +1

    #StopVivekBindra ...
    This course is really very helpful

  • @Cartoonstory99s
    @Cartoonstory99s Год назад +1

    Harry Bhai.
    Sigma batch OP🎉❤

  • @Iplhiligh2024
    @Iplhiligh2024 Год назад +2

    Thanks Bhaiya ❤❤
    You are the best teacher for ever for my life❤

  • @captaingaming8850
    @captaingaming8850 3 месяца назад

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

  • @muhammadasad2184
    @muhammadasad2184 Год назад +1

    Sigma Batch OP ❤

  • @tarunpayan8179
    @tarunpayan8179 Год назад +1

    Sigma Batch OP Harry Sir

  • @emperoromvenomousevil7755
    @emperoromvenomousevil7755 Год назад +1

    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..

  • @divyanshusharma2749
    @divyanshusharma2749 Год назад +1

    Harry bhai you are best

  • @Keepitshort417
    @Keepitshort417 Год назад +1

    Wonderful sir

  • @mubeenkashif
    @mubeenkashif Год назад +2

    #sigmabatchop
    I Love you Harry Bhai
    You are my best teacher.

  • @ANGRY_SHIVA
    @ANGRY_SHIVA 2 месяца назад

    YES HARRY BRO BARS HAVE BEEN RAISED🙄🙄

  • @Engineering_Unlocked
    @Engineering_Unlocked 2 месяца назад +2

    thank you so much bhaiya :)
    completed on 7/11/24

  • @pratikkumarsingh8114
    @pratikkumarsingh8114 10 месяцев назад

    Really , the bar has been raised !!!!

  • @Name-f9v1n
    @Name-f9v1n Год назад +1

    Harry Bhai you are the Best and i hope this course will help me to get a good internship❤
    #harrybhaiop #sigmabatch

  • @Akshat_Sinha_
    @Akshat_Sinha_ 6 месяцев назад +1

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

  • @deva-1711
    @deva-1711 Год назад +1

    Inconsolata or monospace is also a good hacking font

  • @Codewitharu
    @Codewitharu Год назад +1

    #op harry bhai

  • @HaqiqiDuniya
    @HaqiqiDuniya Год назад +1

    FINALL WE CAN BE PRO IN THIS COURSE VERY SOON

  • @Hunter_Edits2T
    @Hunter_Edits2T 6 месяцев назад

    i am supper excited

  • @tariniprasadmohapatra4434
    @tariniprasadmohapatra4434 Год назад +1

    Thank you bahi for giving me shout out ❤❤❤❤❤ thank you very much for this course

  • @surinderpalsingh4258
    @surinderpalsingh4258 4 месяца назад

    bht zada hi badiya hogya hai ab toh level

  • @SigmaCoder.
    @SigmaCoder. Год назад +1

    #Javascript_OP...🔥

  • @nakul2327
    @nakul2327 Год назад +1

    harry bro plz ek detailed course Machine learning pe bhi banao

  • @raza__0030
    @raza__0030 7 месяцев назад

    thank you so much harry bhai ❣

  • @awaisgujjar2439
    @awaisgujjar2439 Год назад +1

    Sigma Batch op

  • @AN_Bhagat
    @AN_Bhagat Год назад +1

    #SigmaBatchOp
    #JavaScriptOp
    ❤❤

  • @soyelghosh662
    @soyelghosh662 Год назад +2

    Now the real JavaScript are start

  • @cricketshorts9710
    @cricketshorts9710 Год назад +1

    Harry bhai regular video upload kara karo nhi to josh kam ho jayega😢😢😢😢

  • @Learnprogramming-q7f
    @Learnprogramming-q7f 9 месяцев назад

    Thank you bhaiya

  • @apoorv8867
    @apoorv8867 Год назад +1

    thanks a lot!!!!

  • @pranjalmankar5057
    @pranjalmankar5057 4 месяца назад +2

    Sigma batch op harry bhai 🗿🗿🗿🗿🗿💥💥

  • @Prettywellcode
    @Prettywellcode Год назад +1

    Nice

  • @DS-yw7lp
    @DS-yw7lp Год назад +2

    I m also depending on this #sigmawebdevelopement series.

  • @SunnyRaj-si1yy
    @SunnyRaj-si1yy Год назад +1

    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❤❤

  • @aadarshdangi265
    @aadarshdangi265 Год назад +2

    Sir after this Playlist please create, web deployment with ai, time k sath hamy v update krwao

  • @Code_gen
    @Code_gen 8 месяцев назад

    Sigma batch op❤❤

  • @not_amanullah
    @not_amanullah Год назад +1

    Javascript op😊

  • @mrshadow5265
    @mrshadow5265 Год назад +3

    harry bhai last = last[last.length -1] please explain

    • @JTNparody
      @JTNparody 2 месяца назад

      bhai pta chala???

    • @mrshadow5265
      @mrshadow5265 2 месяца назад

      @@JTNparody last.length - 1: This calculates the index of the last element in the collection. If there are 5 elements, last.length is 5, and last.length - 1 is 4.
      last = last[last.length - 1]: This assigns the last element to the variable last. Now, last is no longer a collection of elements but a single element-the last one in the document.

  • @adityanarayandewangan7811
    @adityanarayandewangan7811 Год назад +1

    Sigma batch OP
    Javascript OP

  • @billu_ajmeria8834
    @billu_ajmeria8834 Год назад +2

    Sir ji kya is playlist me react bhi karwai jayegi

  • @captaingaming8850
    @captaingaming8850 3 месяца назад

    # day7 started!

  • @emperoromvenomousevil7755
    @emperoromvenomousevil7755 Год назад +1

    harry bhai blockchain ka courses nikal do bhai ... many of us wants it ..

  • @zuberkhan3050
    @zuberkhan3050 Год назад +1

    #SIGMA_BATCH_OP❤
    #JAVASCRIPT_OP❤

  • @satheeshsathi7439
    @satheeshsathi7439 8 месяцев назад

    Lv u Harry bai form Karnataka

  • @mushrafbehlim9546
    @mushrafbehlim9546 Год назад +1

    Harry bro you are add video daily....

  • @Enlitment_talks
    @Enlitment_talks Год назад +1

    Bro your more important then Elon Musk ❤❤❤😅

  • @eehan1769
    @eehan1769 10 месяцев назад

    Thank you

  • @devanshupadhyay2658
    @devanshupadhyay2658 11 месяцев назад +1

    you could have used clip path

  • @rohanbadmi05
    @rohanbadmi05 Год назад +2

    #doubt
    Bhai array se items randomly kaise select ho rahe hai?
    Hum ne to time keliye random function likha hai na
    Please explain harry bhai.

    • @amandobhal5126
      @amandobhal5126 10 месяцев назад +1

      ruclips.net/video/jmaniHHrg-0/видео.htmlsi=Ar-YLtTh3t_3Tpl0
      ye harry bhai ke js ke playlist ke vedio h isme same question solve karaya h unhone .
      Isme sahi se solve h.
      randomly na le is ke le ham iife ke ander simple for loop ka use karenge .
      Doosra koi for loop ka type ni chalega or uske ander await lagana jaroori h.
      (async ()=>{
      for(i=0;i

  • @RahulKumar-lz9gn
    @RahulKumar-lz9gn 11 месяцев назад +1

    o bhai code likhte time thoda samza do. I am a beginner level student. Kam se kam es per daya kr do. boss.Harry Bhai..Please❤❤❤❤

  • @wingmarshal4444
    @wingmarshal4444 Год назад +1

    Sir mera system mingw c compiler internal or externally recognise nahi kar raha
    Ap ka video bhi acche se dekhe tha fir bhi nahi ho raha
    Plz help

  • @nikhiljajoira
    @nikhiljajoira Год назад

    Sigma harry bahi 🗿

  • @mominhuzaifa6213
    @mominhuzaifa6213 Год назад +1

    Hii Harry bhai

  • @TopItSolutions
    @TopItSolutions Год назад

    Yo Yo Harry Bhai...

  • @Ganesh-sh2ex
    @Ganesh-sh2ex Год назад

    English subtitles are not coming

  • @adilahmed7452
    @adilahmed7452 8 месяцев назад +2

    Harry bhai yeh excercise mujhse bilkul bhi nhi hua kuch smjh nhi aya kaise approach lu or yeh solution bhi thoda overwhelming laga. Kafi demotivated feel horaha hai sochraha hu agar ye small excercise khud se na hua toh aagey kaise karunga khudka kuch bhi. Any one has any suggestions then please shed it on me. Would love to hear from others aswell.

    • @Rebel64044
      @Rebel64044 Месяц назад

      bro u got any solution then

  • @shriyasb2006
    @shriyasb2006 Год назад +1

    Hello Sir, I am following your nextjs course, it's wonderful but your course is old now and some things just messed up. Please make a injust a course of NextJs Tutorial in this course only. Please sir. I beg you...

  • @ARSA4U
    @ARSA4U Год назад

    CwH is ❤

  • @musaeebzahir5528
    @musaeebzahir5528 Год назад +1

    #javascriptop
    #javascriptop
    #javascriptop
    #javascriptop

  • @Prashant_Pandit4
    @Prashant_Pandit4 Год назад +1

    #doubt sir❤
    Shoutouts..... means kya hota h😢

  • @piyushkumar-to8fl
    @piyushkumar-to8fl Год назад

    Sir , should I learn javaScript First and then watch follow this course or i can continue this without learning javaScript properly..............

    • @piyushkumar-to8fl
      @piyushkumar-to8fl Год назад

      by the way, i am currently doing java from your old java videos...
      and it will complete soon it's freaking nice

  • @hinalgattani9652
    @hinalgattani9652 5 месяцев назад

    Open with browser karti hu to waha Mera right click karu to console ka option nai show hora kya akru

    • @Mishraz_Khan
      @Mishraz_Khan 5 месяцев назад

      ctrl + shift + c karen aajaega

  • @mdahadmia3705
    @mdahadmia3705 5 месяцев назад

    * {
    margin: 0;
    padding: 0;
    }
    body {
    background-color: black;
    margin: 0px auto;
    width: 100vw;
    display: flex;
    justify-content: center;
    }
    .container {
    height: 100vh;
    width: 80vw;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .text-container {
    display: flex;
    font-size: 45px;
    color: lime;
    font-family: "Anonymous Pro", monospace;
    font-weight: 700;
    font-style: normal;
    }

  • @PRATHMESHSHELKE-jg6mw
    @PRATHMESHSHELKE-jg6mw 5 месяцев назад

    Javascript OP

  • @KeshavRaj-jl7vs
    @KeshavRaj-jl7vs 5 месяцев назад

    #sigma batch op

  • @code.priyam
    @code.priyam Год назад +1

    bar has been raised

  • @narendra-mahto7649
    @narendra-mahto7649 Год назад

    Gaon aur taw ki jameen aapke nam ❤😊

  • @Imortexm
    @Imortexm Год назад +1

    👍👍👍

  • @RohitSharma-kj7bl
    @RohitSharma-kj7bl Год назад

    harry bhai github code is not updated

  • @amaan__5979
    @amaan__5979 Год назад

    😂😂 sir spotify ka clone pkda gyaa😂🤣😂 ek like to bnta h🤣🤣

  • @sushovanchakraborty4908
    @sushovanchakraborty4908 6 месяцев назад

    sigma batch op

  • @LovishXD
    @LovishXD Год назад

    please ek c++ course with notes and new updates…

  • @akshaypannu139
    @akshaypannu139 Год назад

    bhai source code ku nhi update kar rhe ?

  • @heydude1551
    @heydude1551 Год назад

    Is this a MERN or MEAN

  • @alquranicchannel7828
    @alquranicchannel7828 Год назад

    How many episodes are left in this course?

  • @Abhishekh1516techboy
    @Abhishekh1516techboy Год назад

    🔥🔥🔥🔥🔥

  • @SyedAbdulRehman-x7v
    @SyedAbdulRehman-x7v Год назад

    React kab karay gay ? Bhai 🙃

  • @animeformusic
    @animeformusic Год назад

    Harry bhai blockchain core developer or blockchain app developer course bana do bhai please

  • @codewithdvm
    @codewithdvm Год назад

    Thnks you all guys

  • @VivekKumar-ii2zj
    @VivekKumar-ii2zj Год назад

    10:34 One Doubt Bhaiya 😮😮
    I didn't understand last.innerHTML=slice(0,last.innerHTML.length-3)
    Bhaiya apne .length-3 kyu kya ?

    • @Your_mask_man
      @Your_mask_man Год назад +1

      Jab last ki inner html 3 dots ya"..." Se end hori hogi tb last ki inner html ki jo length hogi for example 0 se 5 h length "xyz..." To zero index se 5 joki length h innerhtml usme se -3 ab uski length 0se 2 ho jaygi aur uske baad k elements slice kr diye jaynge

  • @ShivamSahu-z3r
    @ShivamSahu-z3r 3 месяца назад

    the bar has been raised

  • @madhubadal4302
    @madhubadal4302 4 месяца назад +1

    Sir concept to clear hojate h
    But unko projects me use kaise krna h ye nhi hota

    • @mayanksingh7229
      @mayanksingh7229 3 месяца назад

      same problem mere bhi hai, aapne kitna ker liya ab tak

  • @suhaib_nisar
    @suhaib_nisar Год назад

    ❤❤

  • @amentertainment3493
    @amentertainment3493 10 месяцев назад

    6:25