20 Important Web Development Skills to LEARN | Tanay Pratap

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ก.ย. 2024
  • In this video, learn about all the 20 important web development skills that you need to learn in 2024.
    ------
    Note: Please switch on the English Captions in your TH-cam settings for captions.
    Go to Settings -- Subtitles -- English.
    ------
    This is an extensive video that covers:
    - Html / CSS
    - JS
    - Boot Strap
    - Vanila JS
    - GIT
    - Browser dev tool
    - Responsive Design
    - Functional Programming JS
    - React
    - SPA
    - API
    - Hosting /Deploying
    - Performance optimization
    - Cross browser compatibility
    - SEO
    - Accessibility
    - Web Security
    - Responsive images
    - Analytics
    - Collaboration
    #programming #webdevelopment #careergrowth #programmingjourney #javascript #tanaypratap
    -----------------------------------------------------------------------------------------------------
    Like, Share, and Subscribe for more!
    Follow me on my other social media handles for all updates, events, and live sessions-
    Instagram: / tanaypratap
    Facebook: / tanayofficial
    LinkedIn: / tanaypratap
    Twitter: / tanaypratap
    My career building programs:
    Building a career in Business Roles - invact.com
    Building a career in Programming - neog.camp

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

  • @chandershekhar1068
    @chandershekhar1068 5 หลายเดือนก่อน +140

    Vote ❤ for Function Programming in JS.

  • @user-zz4vp8ov6s
    @user-zz4vp8ov6s 5 หลายเดือนก่อน +16

    Yes Sir, Functional programming & Deployment of a full stack web application with database Tutorial. And V.V.Thanks for providing this Information.

  • @shubhanshubhan1419
    @shubhanshubhan1419 5 หลายเดือนก่อน +11

    00:02 Key skills for web development beginners
    01:45 Maintaining balance between basic HTML and CSS learning is crucial.
    05:30 Before learning React, focus on mastering basic JavaScript and DOM manipulation.
    07:27 Learning by doing is crucial for web development skills
    11:25 Understanding responsive design is crucial for web development.
    12:59 Importance of functional programming in JavaScript
    16:30 Understand the concept and importance of Single Page Applications
    18:12 Managing global state in web development
    21:26 Importance of understanding Deployment and Hosting
    23:04 Start applying and giving interviews with comfort and confidence.
    26:41 Learn about web security and authentication.
    28:18 Understanding Responsive Images and its significance
    31:31 Importance of collaboration in web development
    33:03 Collaboration projects benefit those with one year of experience.
    /*ShubhanSiddiqui */

  • @thesky6748
    @thesky6748 5 หลายเดือนก่อน +3

    Rodmap for Web Development :
    1) HTML
    2) CSS (learn basic)
    3) css framework Bootstrap
    4) Javascript
    5) Vanilla JS
    6) Git hub (learn basic)
    7) Browser Dev tool
    8) Responsive design(how website will display on laptops, PC, smartphone, tab)
    9) Functional Programming
    10) React
    11) SPA(Singal page application)
    12) API
    13) Hosting & Deployment
    14) Performance optimization
    15) Cross Browser Compatibility
    16) SEO
    17) Accessibility
    18) Web Security & authentication
    19) Responsive Images
    20) Analytics

  • @pranabghosh7893
    @pranabghosh7893 5 หลายเดือนก่อน +9

    Yes Sir, Functional Programming in JS detailed video needed

  • @shaikusman536
    @shaikusman536 5 หลายเดือนก่อน +2

    Tanay, the web Guru ji, NO doubt you have made Awsome road map for Web Development.... Thanks for sharing your knowledge & precious Time...Respect from Bangalore.

  • @AliRaza-br5kc
    @AliRaza-br5kc 5 หลายเดือนก่อน

    Yes Sir, Functional Programming in JS detailed video needed

  • @learnwithNDD
    @learnwithNDD 5 หลายเดือนก่อน +10

    Bhaiya app full stack web development ka course launch kro mai confuse rhta hu ki kita sikhu aur kitna nhi

    • @iamkmsyed
      @iamkmsyed 5 หลายเดือนก่อน

      Hai bhai, Neog camp

  • @gullu6877
    @gullu6877 5 หลายเดือนก่อน +5

    Performance optimisation 24:42

  • @dimvlogs2
    @dimvlogs2 5 หลายเดือนก่อน +2

    detail video tanay sir in - Functional Programming JS , please first time i am hearing about if for the first time.

  • @digitalsouravme
    @digitalsouravme 5 หลายเดือนก่อน +1

    Vote for - HTML / CSS Basic to advance because the basic he foundation hai

  • @karan17638
    @karan17638 5 หลายเดือนก่อน +1

    Thaku sir give this details
    I m learning web devlopment but i dont have this type of idea you explain to easy way thanku sir 🙏

  • @reelslover9777
    @reelslover9777 2 หลายเดือนก่อน +1

    1- Browser dev tools
    Video on that topic

  • @praveenkumar-ky1ln
    @praveenkumar-ky1ln 5 หลายเดือนก่อน +1

    Aap ko dekhkar lagta h ki coding me bhi insaan khush rah skta h ...Ni to jydatar devloper to 'ujde huye chaman' dikhai padte h

  • @nextleveltech267
    @nextleveltech267 5 หลายเดือนก่อน +4

    Thank you bhaiyya..lot of love ❤️❤️

  • @manjarqadri
    @manjarqadri 5 หลายเดือนก่อน +1

    Thanks for this type of depth knowledge...Tanay Sir.🫠

  • @atheismop2758
    @atheismop2758 5 หลายเดือนก่อน +5

    One VIDEO related to..
    1) gathering right images/assets of various sizes, favicons etc.
    2) caching static data
    Please 🙏🏻🙏🏻

    • @nomansyt
      @nomansyt 5 หลายเดือนก่อน

      Caching data toh react query use krne se automatically ho jaata h.
      "Chai aur code how to handle APIs" ye wala video dekhlo

  • @CoffeeAnd_Code
    @CoffeeAnd_Code 5 หลายเดือนก่อน +14

    We need functional programming videos Roadmap.

  • @muhammadtaha9875
    @muhammadtaha9875 5 หลายเดือนก่อน +2

    Function Programming in 👈JS 👍

  • @pranav.kulkarni
    @pranav.kulkarni 5 หลายเดือนก่อน +1

    Sir , You are inspiration, motivation and hope 🙏💐Thank You

  • @itsMohak
    @itsMohak 5 หลายเดือนก่อน

    Very informative like always.

  • @RashidFarhan
    @RashidFarhan 2 หลายเดือนก่อน +1

    और यह वाले यूट्यूब भैया आज हमको पहले मिले हैं वीडियो अच्छा है कंटेंट अच्छा है मशवरा अच्छा दे रहा है चलो देखते हैं😅

  • @muhammadhasnainalishah4979
    @muhammadhasnainalishah4979 5 หลายเดือนก่อน +1

    Plz React ka saray topics par video bana dain matlab kon kon say topic karnay chahiya or kon say topic ko zayada acha parhain

  • @MohdAjmalRaza-oo3yi
    @MohdAjmalRaza-oo3yi 5 หลายเดือนก่อน

    Yes, Need video on Performance Optimization and Web Security

  • @badalsamall
    @badalsamall 5 หลายเดือนก่อน +1

    This video was the need of the hour for me
    Thanks ♥️

  • @mrnoname9854
    @mrnoname9854 2 หลายเดือนก่อน +1

    How to learn JS Beginners to advanced complete guide and roadmap. Also resources cover

  • @subhraroychowdhury5005
    @subhraroychowdhury5005 2 หลายเดือนก่อน +1

    Good job

  • @nidhijha7081
    @nidhijha7081 5 หลายเดือนก่อน

    Great Video, really insightfull. Please make detailed video on Performance optimization, cross browser, security and authentication.

  • @rajeshkanna1829
    @rajeshkanna1829 5 หลายเดือนก่อน +1

    Good understanding Api ...

  • @gurjaspartap
    @gurjaspartap 5 หลายเดือนก่อน +1

    Functional programming

  • @suvendusekhartripathy9792
    @suvendusekhartripathy9792 5 หลายเดือนก่อน

    Bhaiya.... Just is topic PE video banaiye ki logic building keliye productive ways kaunsi Hain.... Kya dsa karna chahiye? Ya esa kya karun ki logic building thik se hota rahe

  • @_mohammed_faizan
    @_mohammed_faizan 5 หลายเดือนก่อน

    Thanks for this video and for all of the efforts you make for these videos they are really helpful. ❤❤❤

  • @comedyvideos8055
    @comedyvideos8055 5 หลายเดือนก่อน +2

    Bhaiya mere interview me merse performance optimize krne k tarike puche Jaa rhe thy aur mai fresher hu.... Maine toh apne side se kafi answer diya but what's the correct method to optimize web performance ek video uske uper bhi chahiye taki next time se interview me fhood paaye sab

    • @rajatscodecafe
      @rajatscodecafe 5 หลายเดือนก่อน

      Kya answer diya?

  • @khalifabryan4765
    @khalifabryan4765 5 หลายเดือนก่อน

    I want you to make JS video complete for web development like series

  • @Harsh-vl5mr
    @Harsh-vl5mr 5 หลายเดือนก่อน +1

    Similar to frontend create similar video for backend too

  • @GetAM209
    @GetAM209 5 หลายเดือนก่อน +1

    Bhaiya Typescript or javascript may kay different hai or Typescript yea fir javascript kare or mujhe java spring and rest API aata hai backend may use kar le tho chal Jayega company still want java sa a backend 🥲 confusion bohot hai......... Plz help
    Or DSA bhi start nahi Kiya hai

  • @tusharriz
    @tusharriz 5 หลายเดือนก่อน

    Hanjii tanay bhaiya bilkul 14:55, hum sabhi students ko "Jeevan ki lambi lakeer puri kanre ke liye", ek detail video chahiye aapke course ke regarding ki aap उस course main kiya-kiya topics padhate hai, questions kiya hai, kaise padhaate hai, detail mei kya kya hota hai course mein...agar ek baar aap thoda batadenge, course module dikhadenge toh "मजा ही आजायेगा", main umeed karta hu ki aapka next video bahot hi jaldi aaye.

    • @tanaypratap
      @tanaypratap  5 หลายเดือนก่อน +1

      Karenge kuchh weeks mein ye

  • @pratikkumarsingh8114
    @pratikkumarsingh8114 4 หลายเดือนก่อน

    Bhaiya , please make video on functional programming.

  • @RashidFarhan
    @RashidFarhan 2 หลายเดือนก่อน

    भैया जी CSS में हाथ लगाया है और कुछ कुछ डिजाइन कर लेते हैं
    बैकग्राउंड कलर वगैरा चेंज कर लेते हैं
    एब्सोल्यूट और रिलेटिव वगैरा के बारे में जानना शुरू कर दिया है
    श्रद्धा दीदी की जय हो😂।

  • @gauravkumarpal8217
    @gauravkumarpal8217 5 หลายเดือนก่อน

    Yes bhiaya please make a details video about functional programming.

  • @prakashbaria
    @prakashbaria 5 หลายเดือนก่อน

    Yes , Need functional programming.

  • @msahu2595
    @msahu2595 5 หลายเดือนก่อน

    Need two video
    1) Javascript as Functional programming
    2) Javascript as Object oriented programming

  • @sachith.c2784
    @sachith.c2784 5 หลายเดือนก่อน +2

    why he is looking like Mr.Robot hero 🤔🤔

  • @nitinsingh3994
    @nitinsingh3994 5 หลายเดือนก่อน

    Awesome video tanay bhaiya, currently doing level0. Support should be more better for students. Other things are good.

  • @motherseye7549
    @motherseye7549 5 หลายเดือนก่อน +1

    Vote ❤ for Function Programming in JS.

  • @amanraina5812
    @amanraina5812 5 หลายเดือนก่อน

    Starting ki shayari... wah wah wah wahhhhhh😂❤

  • @the_bat_man
    @the_bat_man 5 หลายเดือนก่อน

    Please make a video about Mobile app Development with React Native

  • @aizazkhan2583
    @aizazkhan2583 5 หลายเดือนก่อน

    Sir make video on functional programming

  • @AliKhan-gw2ns
    @AliKhan-gw2ns 5 หลายเดือนก่อน

    Thanks 😊 from Pakistan 🇵🇰

  • @navinsingh9222
    @navinsingh9222 5 หลายเดือนก่อน +1

    Bhayia mera ek question hai mujhe DSA moderate level tak ata hai aur web dev mai bhi front-end+backend moderate level tak ata hai but I am in Tier - 3 college jaha utna acha companies to nahi ati but service based companies ati hai, but mera maths strong nahi hai jiske karan mai bahut sara company ka apptitude round mai hi reject ho jata hu, kya koi company bina apptitude ke hire nahi karti

  • @mohammedimran7617
    @mohammedimran7617 5 หลายเดือนก่อน

    sir please make video on detail functional programming it will be helpful...

  • @pankajbhaght3509
    @pankajbhaght3509 5 หลายเดือนก่อน

    tanay bhaiya please make on video on roadmap of financial analyst because i can't understand to other youtube videos.I hope you listen.

  • @AadilKhan-mh5sk
    @AadilKhan-mh5sk 5 หลายเดือนก่อน

    Sir kindly WordPress or php p video banai future me inka scope rahega k nahi please btain

  • @khalifabryan4765
    @khalifabryan4765 5 หลายเดือนก่อน

    Share the course of JS, React

  • @yogeshsaini9021
    @yogeshsaini9021 5 หลายเดือนก่อน +1

    as a fresher chat app with user authentication project aur ek ecommerce type project thik rhega kya ??

  • @Dev-KD569
    @Dev-KD569 5 หลายเดือนก่อน

    q ki jaise aap ne bola ki pratice kar ke sikhna chaiye humko toh usme toh code snippets bhi hai aur logical question bhi hai ?hum code snippets ko solve kar saqqte hai aur logical question bhi kar saqte hai .

  • @Rohityadav-bm5tx
    @Rohityadav-bm5tx 3 หลายเดือนก่อน

    Sir, JavaScript par video bna digiye kitna padhe

  • @ZeeshanAbbas-ei7ff
    @ZeeshanAbbas-ei7ff 5 หลายเดือนก่อน +1

    Very good.

  • @AaravDecodes
    @AaravDecodes 5 หลายเดือนก่อน

    Sir we need tutorial from you aur aap sikhayenge to industry level ka itna to pata hai

  • @yasirsohail9986
    @yasirsohail9986 5 หลายเดือนก่อน

    love from pak, a great teacher

  • @Programmers_1998
    @Programmers_1998 5 หลายเดือนก่อน

    Functional Programming in js

  • @user-ji5sl1wn2r
    @user-ji5sl1wn2r 5 หลายเดือนก่อน

    Function programming in JS

  • @aamirkhan7363
    @aamirkhan7363 5 หลายเดือนก่อน

    Functional programming js

  • @zeeshankalyar7693
    @zeeshankalyar7693 5 หลายเดือนก่อน

    Functional Programming ke bare mein Video bna dein Sir

  • @prakashbaria
    @prakashbaria 5 หลายเดือนก่อน

    Need video on API and performance optimization

  • @sushmabhandwalkar6665
    @sushmabhandwalkar6665 5 หลายเดือนก่อน +2

    Bhaiya competition kyu badha rahe ho

  • @kishanviradiya21
    @kishanviradiya21 5 หลายเดือนก่อน

    give some specific ifo. about back end importance vs front end ..

  • @somnathpaul5817
    @somnathpaul5817 5 หลายเดือนก่อน

    Functional programming pe video banaiye pls❤

  • @priyaranjanful
    @priyaranjanful 5 หลายเดือนก่อน

    question and ans javascript quesition + react js having 5+ exp

  • @umangthapa5019
    @umangthapa5019 5 หลายเดือนก่อน

    detailed curriculum and questions and topics in neog fullstack program please

  • @aakashchauhan2143
    @aakashchauhan2143 5 หลายเดือนก่อน

    make a video on JavaScript

  • @parmeetsingh9612
    @parmeetsingh9612 5 หลายเดือนก่อน +1

    Sir how can I join your paid batch for learn web Dev?

  • @sabiramjad9944
    @sabiramjad9944 5 หลายเดือนก่อน +1

    Vote for FP in JS

  • @captainajay8853
    @captainajay8853 4 หลายเดือนก่อน

    Hosting k upar video

  • @TheDeepeshX07
    @TheDeepeshX07 3 หลายเดือนก่อน

    This video covers 20 important web development skills to learn, including HTML, CSS, JavaScript, Git, APIs, performance optimization, and more. It emphasizes the importance of building a strong foundation and not jumping directly into frameworks. The video also discusses the value of collaboration, continuous learning, and applying for jobs during the learning process.
    Key moments:
    00:06 Learning web development can be overwhelming, starting with HTML and progressing to CSS and JavaScript is essential for a balanced understanding and practical application.
    -Starting with HTML is crucial before moving on to CSS and JavaScript, ensuring a strong foundation for web development.
    -JavaScript plays a vital role in web development, requiring time and effort to grasp its concepts and apply them effectively.
    -Emphasizing the importance of mastering basic programming concepts before delving into frameworks like Bootstrap and React for a well-rounded skill set.
    06:03 Learning JavaScript without the need for frameworks or libraries is essential to understand React and Git, leading to better job opportunities in good companies. Understanding basic concepts like branching, merging, and rebasing in Git is crucial for developers.
    -Importance of learning JavaScript basics without frameworks or libraries for understanding React and Git concepts.
    -The significance of grasping fundamental Git concepts like branching, merging, and rebasing for developers.
    -Emphasizing the need to create mobile-friendly web applications and websites to cater to diverse user preferences and device usage.
    16:36 Functional programming concepts are essential for understanding React and single-page applications. Learning about client-side routing and single-page applications is crucial for modern web development.
    -Importance of grasping functional programming principles for comprehending React and enhancing development skills.
    -Understanding the significance of client-side routing and single-page applications in modern web development.
    -Exploring the concept of single-page applications and how they impact web development practices.
    18:11 Understanding the integration of global state management in React and the importance of deploying and hosting applications. Learning to apply for jobs consistently and continuously improving development skills is crucial for career growth.
    -Explaining the process of deploying and hosting applications, and the significance of learning backend and frontend development for career advancement.
    -Emphasizing the importance of continuous learning, consistent job applications, and understanding performance optimization in development.
    24:15 Understanding performance optimization, cross-browser compatibility, and analytics is crucial for becoming a better developer and enhancing web applications. Learning about response images and user journey tracking can significantly improve app development and user experience.
    -Performance optimization and its impact on becoming a better developer and creating efficient APIs and state management.
    -The significance of cross-browser compatibility in coding and the importance of understanding environmental factors.
    -The importance of analytics, user journey tracking, and responsive images in enhancing web applications and user experience.
    30:39 Continuous learning is crucial for career growth. Collaboration skills are essential for working in teams and projects, enhancing job prospects and personal development.
    -Importance of continuous learning for career advancement and staying updated with new technologies.
    -Significance of collaboration skills in working effectively in teams and projects, improving job opportunities, and personal growth.

  • @Anonymoushatblack
    @Anonymoushatblack 5 หลายเดือนก่อน

    functional programming

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

    Sir functional programming in javascript please

  • @vipulbhardwaj8659
    @vipulbhardwaj8659 5 หลายเดือนก่อน +3

    Lambi lakeer changed my life, you were the hope when I entered this intimidating field with a Mechanical degree. Gave 7-8 months and entered this industry as a react js intern. Now shifted to React native on company's demand.
    Now preparing for the second phase of lambi lakeer journey.
    Thankyou so much bhaiya.

    • @AakashSingh-ge6nj
      @AakashSingh-ge6nj 5 หลายเดือนก่อน

      Bro in how much you learn frontend?

  • @Vlogwithtejas
    @Vlogwithtejas 5 หลายเดือนก่อน +1

    Sir mei apka jasa banuga web development sir mei apka sath Kam karunga or Web Development sikhunga apka ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

  • @beastsiddiqui1016
    @beastsiddiqui1016 5 หลายเดือนก่อน

    JS basic to advanced learning and also core js topics

  • @user-to4nm5sb2i
    @user-to4nm5sb2i 5 หลายเดือนก่อน

    Thank you sir 🙏 Pranam

  • @rajkumar-rz1fr
    @rajkumar-rz1fr 5 หลายเดือนก่อน

    we want video on functional programming . abhi to gpt ke sahare questions bna rha hu but esa krna chahiye?

  • @jyotipatil7708
    @jyotipatil7708 5 หลายเดือนก่อน +2

    Sir coding ho nahi rahi ..😢 logic hi build nahi ho raha plz guide..

  • @chelliboinahemanthkumar
    @chelliboinahemanthkumar 5 หลายเดือนก่อน

    I'm planning learn full-stack course with Spring Boot, but I'm torn between choosing Spring Boot or Node.js for the backend. I'm familiar with Java, so I'm seeking clarity on which is more in demand. Could you advise on whether Spring Boot or Node.js is a better fit for me?

    • @tanaypratap
      @tanaypratap  5 หลายเดือนก่อน +1

      Learn the thing you can learn easily first. People want programmers. Not technologists.

  • @VaishaliThokal-ic8in
    @VaishaliThokal-ic8in 5 หลายเดือนก่อน

    Sir how to learn Javascript in easy way I am very confuse please guide us

  • @sushantharne9342
    @sushantharne9342 5 หลายเดือนก่อน

    Web security and authentication.

  • @omkarsaste6998
    @omkarsaste6998 3 หลายเดือนก่อน

    Where I get your full stack developer course tutorial ?

  • @user-vg1dj8gh3l
    @user-vg1dj8gh3l 5 หลายเดือนก่อน

    Functional Programming in JS detailed video needed-----------Like------------->

  • @praveenkumar-ky1ln
    @praveenkumar-ky1ln 5 หลายเดือนก่อน

    Gajb ho sir ji aap ❤

  • @RajeevTutorials-ii4jc
    @RajeevTutorials-ii4jc 5 หลายเดือนก่อน

    bhiya jii ek detail video js ma bhi bnana bhiya jii 😍❤

  • @Yasinkhan-tm8jv
    @Yasinkhan-tm8jv 5 หลายเดือนก่อน

    Functional programming in JavaScript

  • @wakchaaure3366
    @wakchaaure3366 5 หลายเดือนก่อน +1

    Bhiya hum jaise students TH-cam se padh rahe unke liye assignment kaha se kre

  • @musaibshaikh5075
    @musaibshaikh5075 5 หลายเดือนก่อน

    Tanay bhai please make vidoes for andriod app development from Pakistan.

  • @Hatsoff4u
    @Hatsoff4u 5 หลายเดือนก่อน

    Bhaiya React behind the scene kaise kaam karta hai thoda samjha doo please

  • @rohitkashyap5846
    @rohitkashyap5846 5 หลายเดือนก่อน +7

    vote for javascript highorder function

    • @8dSongRemix
      @8dSongRemix 5 หลายเดือนก่อน

      Javascript course

    • @deepeshpakhare
      @deepeshpakhare 5 หลายเดือนก่อน +1

      Functional programming rocks!

  • @web4sumit
    @web4sumit 5 หลายเดือนก่อน

    Function programing in js

  • @animedonghuasub1230
    @animedonghuasub1230 5 หลายเดือนก่อน

    Functional Programming in JS

  • @rakibulhossain4245
    @rakibulhossain4245 5 หลายเดือนก่อน

    Aapke course ke bare mein ek video banaye

  • @Vlogwithtejas
    @Vlogwithtejas 5 หลายเดือนก่อน +1

    Sir mei abhi mei javascript per hai

  • @abiofficial-ws7pn
    @abiofficial-ws7pn 5 หลายเดือนก่อน

    Realising that his tennis was going downhill, Milos Raonic turned to web development.