🎯Tips and Tools for Front-end Web Developer | Tool and tips: Become an expert front end developer

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ธ.ค. 2024

ความคิดเห็น • 221

  • @kishan_kumar.
    @kishan_kumar. 4 ปีที่แล้ว +81

    2:53
    1. How to minimise Load time of a web page.
    a) what is load time?
    b) How to measure load time
    1. Gtmetrix
    2. Google Page speed
    3. Chrome Dev tool
    19:13
    2. How to Minimise Load time of web page
    a) combine Css
    b) Combine Js file
    c) Reduce no. of images
    d) Image Sprite
    e) use CDN
    f) Compress Image
    g) Minify HTML , CSS and Js
    34:53 Free Image
    37:41 Image Editor
    42:36 Dummy text
    45:01 website colours
    48:47 Favicon Generator
    51:59 Css Generator
    59:47 Online help !
    1:02:27 code refactoring
    1:03:58 online editor
    1:08:17 inspect element tool
    1:17:03 Website Directory Structure
    1:20:44 icons
    1:24:35 VS Code Extension

  • @mindseye976
    @mindseye976 3 ปีที่แล้ว +2

    Dislike Karne wale log Programmer nhi hai unako pata hi nhi kya hai ye
    Thank u sir me apki har ek video dekhata hmm aur me apke videos or suggestions se me ek achha web developer hmm ☺️☺️🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻

  • @loveraj9820
    @loveraj9820 2 ปีที่แล้ว +1

    Sir
    जी 🙏
    आप बहुत ही अच्छा समझाते हैं
    में अभी css सीख रहा हूं 4 घंटे देख लिया है सीखने में बहुत मज़ा आए रहा जो भी सीखना चाहते हैं जरूर देखें

  • @harshrohilla2582
    @harshrohilla2582 ปีที่แล้ว

    best channel for web development on youtube sir itna deep kisi ne clear ni kra sir or itna easy krke matlab doubts saare clear ho jaate hai aapke videos dhek k.

  • @shankarp9115
    @shankarp9115 4 ปีที่แล้ว +3

    इतनी शानदार वीडियो को न जाने किस चिरकुट ने dislike किया है! 😡
    You are great sir, keep doing
    and Thanks a lot

    • @drprabhakarbhagwat
      @drprabhakarbhagwat 4 ปีที่แล้ว +1

      Pagal hoga koi jisne dislike kiya h 😂😂

  • @hamz4arif
    @hamz4arif 4 ปีที่แล้ว +2

    i completed HTML and CSS course from this channel.he is a very good teacher

    • @Funnyvideo-qv6eb
      @Funnyvideo-qv6eb 3 ปีที่แล้ว +1

      Yup

    • @knowledgeispower11-j5k
      @knowledgeispower11-j5k 3 ปีที่แล้ว +1

      Are you employed now?

    • @hamz4arif
      @hamz4arif 3 ปีที่แล้ว

      @@knowledgeispower11-j5k yes.. i am...as a angular developer

    • @knowledgeispower11-j5k
      @knowledgeispower11-j5k 3 ปีที่แล้ว

      @@hamz4arif that's great bro.
      If you don't mind, how much the company pays you?
      You might have gained increment too.

    • @hamz4arif
      @hamz4arif 3 ปีที่แล้ว

      @@knowledgeispower11-j5k Bro I am from Pakistan

  • @komalsethi3295
    @komalsethi3295 4 ปีที่แล้ว +13

    Sir you must be having years of experience. aap se bht kuch sikhne ko mil rha h vo bhi beginners se advance level tak bina koe fees dea.. 🙏 All the best for your future also.

    • @TechGun
      @TechGun  4 ปีที่แล้ว +3

      Ok. Thanks

    • @sohailvlog1005
      @sohailvlog1005 2 ปีที่แล้ว +1

      @@TechGun thank you sir

  • @rahulsahani053
    @rahulsahani053 4 ปีที่แล้ว +10

    JavaScript ka tutorial banaaiye.
    Thanks for supporting us ❤️

  • @kumarmantosh7262.official
    @kumarmantosh7262.official 2 ปีที่แล้ว +3

    With the help of Tech Gun, I finished watching the full video full of html, css, javascript and tips and tools for front-end web developers. Dev Tools & Tips: Be an expert front end developer, which gave me great knowledge. I did not have that much knowledge but I have learned very well from Vishwajit sir's art of teaching and teaching. Which I didn't even get in college. Now I am moving on to React.js. Thanks! To Vishwajeet.🙏🙏🙏🙏
    Jai hind sir🇮🇳🇮🇳🇮🇳

  • @sharathkk1807
    @sharathkk1807 ปีที่แล้ว +1

    thank you so much sir . game changer techniques 💯💥

  • @pankajjha4126
    @pankajjha4126 2 ปีที่แล้ว +1

    Valuable content for beginners

  • @85MA
    @85MA 7 หลายเดือนก่อน

    I'm from Pakistan and I've just started learning web development in my 40s. I feel really fortunate to have found you as my virtual teacher and web development content on ur channel. I truly appreciate the effort you put into these tutorials to help us learn, and I'm eagerly looking forward to more WD content in the future. I'm interested in adopting the "design first, code later" approach for website development. Can you create a tutorial using Figma? I'd like to learn how to transition from designing in Figma to coding in the VS Code Editor with a real project. I believe this would be extremely valuable for beginners like me.

  • @rashidsubhani9908
    @rashidsubhani9908 ปีที่แล้ว

    Very informative video for developers

  • @alyanali6359
    @alyanali6359 4 ปีที่แล้ว +4

    best teacher ever thought provoking lesson
    THANKS

  • @stevejackson1080
    @stevejackson1080 2 ปีที่แล้ว +2

    Sir i m really thankful to u in every aspect.

  • @webskill9719
    @webskill9719 4 ปีที่แล้ว

    you're channel is the best channel in TH-cam thanks sir

  • @niteshsharma8128
    @niteshsharma8128 4 ปีที่แล้ว

    TH-cam web development best channel basic to advanced (thanks sir)

  • @sonu1625
    @sonu1625 4 ปีที่แล้ว +1

    Gajab ke vedioes Bhai❤️❤️

  • @pankajroy.4
    @pankajroy.4 3 ปีที่แล้ว +4

    HTML completed ✓✓
    CSS completed ✓✓
    Now tips and tools and js...
    Thank you sir❤️🙏
    Your way of teaching is awesome 💚

    • @knowledgeispower11-j5k
      @knowledgeispower11-j5k 3 ปีที่แล้ว +2

      Did you get Job??

    • @monuking8321
      @monuking8321 ปีที่แล้ว +1

      same question

    • @pankajroy.4
      @pankajroy.4 ปีที่แล้ว

      @@knowledgeispower11-j5k yes! I'm currently working as backend developer

    • @pankajroy.4
      @pankajroy.4 ปีที่แล้ว

      @@monuking8321 😀

  • @shankarchavhan7204
    @shankarchavhan7204 4 ปีที่แล้ว +21

    Sir pls javascript pe video banao sir taki pura front end Ho jaye

  • @Muhammadwaseemkha9003
    @Muhammadwaseemkha9003 2 ปีที่แล้ว

    sir you are awesome i watched many tutorials on youtube for last 1 year but your content and your knowledge is awesome specially your way of teaching

  • @kamalsaxena1384
    @kamalsaxena1384 4 ปีที่แล้ว +2

    Sir, ऐसा ही backend developer ke लिए एक advanced tutorials बनाओ। Sir ji ❤️❤️❤️❤️

  • @showkatahmadganie1528
    @showkatahmadganie1528 4 ปีที่แล้ว +1

    tech gun ..................zindabad

  • @harshalpatil2642
    @harshalpatil2642 ปีที่แล้ว

    Extremely best work your doing, learning lots from you thank you..!!!!

  • @drprabhakarbhagwat
    @drprabhakarbhagwat 4 ปีที่แล้ว +3

    Great sir ji very nice and useful information, i have learnt almost html and css. Please make a complete video on Javascript, thanks

  • @pankaj6151
    @pankaj6151 4 ปีที่แล้ว

    Very nice👍 information

  • @BeautyWorldForum
    @BeautyWorldForum 4 ปีที่แล้ว

    Lage rho sir aap bhut ache padhate ho💪💪👍👍👍

  • @manpreetsingh_10
    @manpreetsingh_10 4 ปีที่แล้ว +1

    great sir you share your full knowledge with us.

  • @robecontech533
    @robecontech533 3 ปีที่แล้ว

    Thank you
    Dear Sir,
    apki vedio bohat inforamtion full hain i like you and your skills
    From Pakistan

  • @krinakakadiya5222
    @krinakakadiya5222 2 ปีที่แล้ว

    Very helpful trick and tools sir
    Thank you😊😁

  • @malikahmadali8428
    @malikahmadali8428 4 ปีที่แล้ว

    the content you create deserve more than that. You are a guru. Love from Pakistan.

  • @samibasit9514
    @samibasit9514 2 ปีที่แล้ว

    Very good learning platform sir .thanks

  • @net-sewa
    @net-sewa 2 ปีที่แล้ว +1

    Thank you very much sir, the kind of video you make, probably no one gives, I am learning a lot from your videos, I am considering you as my guru, I will continue to believe

  • @ManojKumar-oh1ib
    @ManojKumar-oh1ib 4 ปีที่แล้ว

    Guruji maan gye aapko😊😊😊😊😊😊

  • @daipayannandi8942
    @daipayannandi8942 4 ปีที่แล้ว

    Ap ji bahut accha kaam kar rahe ho thanks v chota shabd hai apko bolna k liye

  • @UsmanAli-gi8wc
    @UsmanAli-gi8wc 2 ปีที่แล้ว

    Excellent way of writing code.

  • @shubhammogarkar6414
    @shubhammogarkar6414 4 ปีที่แล้ว +5

    Sr make a full project video using css and html so that practically we could understand it

  • @skillshub1648
    @skillshub1648 3 ปีที่แล้ว

    Sir...your all videos are so precious and much helpful only not for yours students but developer too..

  • @crystalcreation5969
    @crystalcreation5969 3 ปีที่แล้ว

    Awesome teaching style...I like it very very very much.

  • @skillshub1648
    @skillshub1648 3 ปีที่แล้ว

    Incredible Sir G...Maza aya,❤️❤️

  • @ashishmoghe3288
    @ashishmoghe3288 4 ปีที่แล้ว

    Best videos for beginners ...👍👍👍👍🙏🙏🙏

    • @TechGun
      @TechGun  4 ปีที่แล้ว +1

      So nice of you

  • @Tushar-ou5pz
    @Tushar-ou5pz 9 หลายเดือนก่อน

    Very good sir ..so much helpful thank you❤️❤️❤️❤️

  • @zalimrajpootni9459
    @zalimrajpootni9459 2 ปีที่แล้ว

    Best guy wishwojeet❤️🙏

  • @srr152
    @srr152 2 ปีที่แล้ว

    Very informative tutorial

  • @biplabroy2388
    @biplabroy2388 4 ปีที่แล้ว +1

    Sir you are a great teacher....and you teaching system is very very good.......love you sir.....
    Sir back end ke kiye konsa language acha hoga....beck end ki ak full tutorial upload karon plz

  • @rahulnolakha4784
    @rahulnolakha4784 2 ปีที่แล้ว

    Bhai your teaching skills are awesome. Thanks for spreading the knowledge. God bless you

  • @avadheshsharma6640
    @avadheshsharma6640 3 ปีที่แล้ว

    Very nice sir👌👌👌

  • @sayalibandal613
    @sayalibandal613 3 ปีที่แล้ว

    You are the best teacher......thanku sir

  • @theedutorials3523
    @theedutorials3523 4 ปีที่แล้ว

    Aap boht acha teaching karte hain aisi hi videos banate rahiye . Aur ek request python ke liye tutorial .want tonlearn and in my course .:)

  • @LuvkushVaresh
    @LuvkushVaresh ปีที่แล้ว

    Thanks for the info Sir.🤩

  • @crickfun22
    @crickfun22 3 ปีที่แล้ว

    I see your video form Bangladesh..
    It's help me.

  • @PankajKumar-tt7rm
    @PankajKumar-tt7rm 4 ปีที่แล้ว +1

    Great work sir that's good for us very beneficial tutorial for us thanks a lot sir 😊😊😊

  • @sulmanali5982
    @sulmanali5982 4 ปีที่แล้ว

    Sir plzz or tutorial b upload kr dijya php or usky frame work b apka teaching method bht acha ha so plzz jaldii..........

  • @pssunidhi9258
    @pssunidhi9258 2 ปีที่แล้ว

    Node.js k bhi vedio bana do sir
    Apse acha samajh aata h

  • @sulmanali5982
    @sulmanali5982 4 ปีที่แล้ว

    Mostly students waiting your response sir......

  • @rifatriyad9575
    @rifatriyad9575 2 ปีที่แล้ว

    such a helpful video

  • @sanjarkhan4464
    @sanjarkhan4464 9 หลายเดือนก่อน

    Well-done Dear ❤❤❤

  • @tharguy
    @tharguy 4 ปีที่แล้ว +2

    O veiws 19 seconds
    First veiwer
    Big fan

  • @MuhammadAsif-mv2di
    @MuhammadAsif-mv2di 2 ปีที่แล้ว

    excellent way of delivering sound knowledge. Thanks a lot sir. Plz continue serve the new ones in this field.

  • @akashsaxena7607
    @akashsaxena7607 2 ปีที่แล้ว

    I ended up on his channel damn he's underrated

  • @Fazlu3088
    @Fazlu3088 2 ปีที่แล้ว

    Awesome content 🤭🙂

  • @arunsaklani9890
    @arunsaklani9890 2 ปีที่แล้ว

    One thing u forget sir use svg icon instead of norml icon

  • @toqeerahmad1697
    @toqeerahmad1697 3 ปีที่แล้ว

    Very informative sir,,

  • @NewITWorld
    @NewITWorld 2 ปีที่แล้ว

    Simply Remarkable

  • @Youdontneedtoknow-ty2ex
    @Youdontneedtoknow-ty2ex 4 ปีที่แล้ว

    Eagerly waiting for your upcoming lectures sir

  • @gopalmaurya8074
    @gopalmaurya8074 4 ปีที่แล้ว +1

    Sir javascript pe full video bana dijiye uske baad java language par full video bana dijiye please sir

  • @uroosaawan2318
    @uroosaawan2318 2 ปีที่แล้ว

    Nice

  • @reshmazafar4651
    @reshmazafar4651 4 ปีที่แล้ว +1

    Lao bhai

  • @ramlohar5184
    @ramlohar5184 3 ปีที่แล้ว

    ❤️❤️Great work I have seen ever ❤️❤️

  • @SunnyKumar-fv3hs
    @SunnyKumar-fv3hs 3 ปีที่แล้ว +1

    I really appreciate to your work sir ji.🙏
    This is very helpful to me.

  • @shwetasonth8407
    @shwetasonth8407 3 ปีที่แล้ว +1

    your videos are very helpfull and easy to understand .Thank you so much for sharing your knowledge.please keep uploading these kind of videos.Excelent way of explanation with real time projects.Implementing all concepts whatever explained with real time project is very good .

  • @socialmediavirus
    @socialmediavirus 3 ปีที่แล้ว

    Gjb BRO👌👌

  • @V.Easy_English
    @V.Easy_English 2 ปีที่แล้ว

    V helpful

  • @marveldoor8409
    @marveldoor8409 4 ปีที่แล้ว

    great

  • @gungurugun
    @gungurugun 2 ปีที่แล้ว

    v nice

  • @rukmanisingh8564
    @rukmanisingh8564 3 ปีที่แล้ว

    Sir your videos are very helpful for us😊

  • @hamaaritech8714
    @hamaaritech8714 3 ปีที่แล้ว

    @TechGun Sir kindly make a full video on HTML and CSS project

  • @shubhammogarkar6414
    @shubhammogarkar6414 4 ปีที่แล้ว +1

    Sir please bring a series on UI project design, in which all part of css and html should come atleast once.

  • @BidyutSathi
    @BidyutSathi 2 ปีที่แล้ว

    Backend developer ka roadmad upload kar dijiya or backend developer ma kon kon sa language use hota ba Thora bataya

  • @kamalsharma107
    @kamalsharma107 4 ปีที่แล้ว +1

    Sir plzz make a video in which you make a website with step by step so that we got some idea plzz sir

  • @weekenddairies8605
    @weekenddairies8605 ปีที่แล้ว

    sir plz web designing ka ek course lekar aao aap ...🙏🏻

  • @avi130avi130
    @avi130avi130 3 ปีที่แล้ว

    🙏🏻 thank you so very much.. 🙂

  • @neuzbar4542
    @neuzbar4542 4 ปีที่แล้ว

    Sir next kya start karogai ap? Kab upload karogai

  • @vishalmevada1919
    @vishalmevada1919 2 ปีที่แล้ว

    superb info bro....

  • @aathketahath7155
    @aathketahath7155 2 ปีที่แล้ว

    Sir dragon drop kese lgate hai website me

  • @gamingbazi1898
    @gamingbazi1898 4 ปีที่แล้ว

    sir javascript ka bhi tutorial daal dijiye plz
    and thanks for this efforts for us

  • @mubeenamanat7622
    @mubeenamanat7622 4 ปีที่แล้ว

    Thanks for supporting and providing us with this premium content for free. Sir i request, please make a detailed video on SEO

  • @ridhansh_gupta
    @ridhansh_gupta 4 ปีที่แล้ว +1

    Sir when is your next video is going

  • @LuvkushVaresh
    @LuvkushVaresh ปีที่แล้ว

    Plz tell us more about "code refactoring"...

  • @ismatinstallation626
    @ismatinstallation626 3 ปีที่แล้ว

    You are too good brother

  • @marveldoor8409
    @marveldoor8409 4 ปีที่แล้ว

    awesome

  • @shotoncammemes6946
    @shotoncammemes6946 3 ปีที่แล้ว

    Congratulations for 1L subscriber bhai

    • @TechGun
      @TechGun  3 ปีที่แล้ว +1

      Thanks

    • @shotoncammemes6946
      @shotoncammemes6946 3 ปีที่แล้ว

      Welcome Bhai for reply aapne bhot he simple wet me samjhane ke kosis ke h Maine AAP ke mostly video download Kiya h.bs Java script me logic me issue h sabhe ko please ek video logic pe bna do brief me how to work. I m big fan of u🥰

  • @amanhere3319
    @amanhere3319 4 ปีที่แล้ว

    Amazing work sir

  • @skillshub1648
    @skillshub1648 3 ปีที่แล้ว

    Sir please ek confusion hae....Ek complte project banwo using pure css and javascript....we need...please do it for your students....GOD bless you

  • @harideoarya4792
    @harideoarya4792 4 ปีที่แล้ว +1

    Sir please make video on JavaScript 🙏🙏💓🇮🇳

  • @vinitasinha6183
    @vinitasinha6183 2 ปีที่แล้ว

    Please make video tutorial for Angular Sir

  • @rakhirakhi2525
    @rakhirakhi2525 4 ปีที่แล้ว

    Thanks dear sir 🌹🙏

  • @djxraftargaming
    @djxraftargaming 4 ปีที่แล้ว

    pranam guruji🙏

  • @gopalmaurya8074
    @gopalmaurya8074 4 ปีที่แล้ว

    Sir java par ek full video bana dijiye

  • @subhajitdhar2540
    @subhajitdhar2540 4 ปีที่แล้ว

    Sir PSD to HTML ke liye ek full tutorial video banaie, please.