WebDev Frontiers

WebDev Frontiers

Explore the Latest in Web Development with Tamas Piros.

🚀 Dive into the evolving world of web development! Whether you're a beginner or a seasoned developer, you'll find valuable content on cutting-edge techniques & core principles.

👨🏻‍💻Who Is Tamas?

Tamas is a Google Developer Expert in Web Technologies with extensive experience as a Developer Evangelist. He passionately fosters a deep understanding of cutting-edge web advancements.

🌐 What This Channel Offers:

* Up-to-date tutorials on the newest technologies.
* Practical tips and expert insights.
* A focus on effective learning to avoid common pitfalls.

🔍 Why Join?

* Stay ahead in the fast-paced world of web development.
* Learn to navigate the complexities of the industry.
* Sharpen your skills for professional success.

🔔 Subscribe for content that empowers and educates, guiding you to success in your web development journey!


Пікірлер

  • @abhilashveettil6206
    @abhilashveettil6206Күн бұрын

    Very useful video 👏👏👏

  • @WebDevFrontiers
    @WebDevFrontiersКүн бұрын

    Thanks a lot

  • @igorr4682
    @igorr46822 күн бұрын

    Very informative and as always much appreciated

  • @WebDevFrontiers
    @WebDevFrontiers2 күн бұрын

    Glad you enjoyed it

  • @aminehello-ne2dh
    @aminehello-ne2dh9 күн бұрын

    Hello my friend thanks from Morocco

  • @WebDevFrontiers
    @WebDevFrontiers9 күн бұрын

    Thanks for watching! ☺️

  • @alphabetdot6613
    @alphabetdot66139 күн бұрын

    Very informative

  • @WebDevFrontiers
    @WebDevFrontiers9 күн бұрын

    Glad you think so!

  • @m12652
    @m1265214 күн бұрын

    I'm on the latest chrome and both monitor and getEventListenners don't work, possibly as I'm using Svelte and in dev mode...

  • @m12652
    @m1265217 күн бұрын

    Which version of chrome is this? I'm not seeing the drop shadow editor 😢

  • @WebDevFrontiers
    @WebDevFrontiers17 күн бұрын

    It would be one of the very latest versions.

  • @m12652
    @m1265217 күн бұрын

    @@WebDevFrontiers is it canary? I'm on a mac, fully up to date on standard chrome. Went through all the settings and 'run commands' and can't see anything to switch it on...

  • @WebDevFrontiers
    @WebDevFrontiers16 күн бұрын

    It should be accessible under the styles pane. I checked and it’s been around for a while too. You don’t need to do anything to have it enabled I think. At least I don’t remember doing anything in particular

  • @m12652
    @m1265216 күн бұрын

    @@WebDevFrontiers wierd... I just dragged canary of of my recycle bin and it's not there either... digging round the settings now

  • @m12652
    @m1265216 күн бұрын

    @@WebDevFrontiers figured it out... must be a bug/omission as the shadow tool doesn't show if you set the shadow to a var(--some-shadow)... set it to plain css and it works 👍 great videos by the way, how about some sveltekit/svelte ones please

  • @m12652
    @m1265217 күн бұрын

    Thanks very much 👍

  • @WebDevFrontiers
    @WebDevFrontiers17 күн бұрын

    Glad you liked it! :)

  • @_ademmeral
    @_ademmeral19 күн бұрын

    i can now display markdown files comfortably thanks to the "object" tag :)) thanks

  • @WebDevFrontiers
    @WebDevFrontiers19 күн бұрын

    Markdown files are not understood by browsers natively so you’d have to format it to something they do understand and are able to render.

  • @_ademmeral
    @_ademmeral18 күн бұрын

    @@WebDevFrontiers I tried and I did that 👍🏿 text/markdown did work 🙃

  • @WebDevFrontiers
    @WebDevFrontiers18 күн бұрын

    @@_ademmeral oh, that's interesting. I would have not expected that to work - I probably should try it too then!

  • @_ademmeral
    @_ademmeral17 күн бұрын

    thanks :))@@WebDevFrontiers

  • @bobman1983
    @bobman198320 күн бұрын

    Marquee didn’t make it to the list

  • @WebDevFrontiers
    @WebDevFrontiers20 күн бұрын

    As it’s deprecated maybe I should record a video about elements from the classic days of the web 😅

  • @Pareshbpatel
    @Pareshbpatel21 күн бұрын

    Thanks for bringing to our attention some powerful HTML Elements that I have not used. {2024-05-12} - Subscribed!

  • @WebDevFrontiers
    @WebDevFrontiers20 күн бұрын

    Thank you for watching 😌

  • @chrisicotec7652
    @chrisicotec765225 күн бұрын

    very useful... i find not a lot of devs make proper use of their built in browser tools,

  • @WebDevFrontiers
    @WebDevFrontiers25 күн бұрын

    I think part of the reason why they don’t use them is because these tools can look scary at first. There are just so many things these tools can do… I’m glad you found the video to be useful 🙏🏽

  • @damirrekic4271
    @damirrekic427126 күн бұрын

    Köszi

  • @WebDevFrontiers
    @WebDevFrontiers26 күн бұрын

    Én is 🙏🏽

  • @avertry9529
    @avertry952926 күн бұрын

    just press the light/dark button in the elements tab of devtools, saves searching each time

  • @rankarat
    @rankarat26 күн бұрын

    Thanks, very useful, subscription earned.

  • @WebDevFrontiers
    @WebDevFrontiers26 күн бұрын

    Thanks for the sub!

  • @ariannargesi7249
    @ariannargesi724927 күн бұрын

    Thank you for this video. keep it up

  • @WebDevFrontiers
    @WebDevFrontiers26 күн бұрын

    You bet 👍🏽

  • @stefanspittank
    @stefanspittank27 күн бұрын

    Thanks for the reminder about the object tag. I had completely forgotten about that.

  • @WebDevFrontiers
    @WebDevFrontiers26 күн бұрын

    You are so welcome! Thank you for tuning in! Pray 🙏🏽

  • @rajkumar-nq2te
    @rajkumar-nq2teАй бұрын

    Beautiful

  • @WebDevFrontiers
    @WebDevFrontiersАй бұрын

    Thank you 🙏🏽

  • @TweaksPH
    @TweaksPHАй бұрын

    hi, your tutorials are helpful. Can you make a full stack blog website for free? maybe a firebase backend server. Is that possible?.

  • @WebDevFrontiers
    @WebDevFrontiersАй бұрын

    That’s a big ask :) can you be more specific? What exact stack? Etc etc

  • @TweaksPH
    @TweaksPHАй бұрын

    @WebDevFrontiers if that would be possible using only Html, Css & JavaScript. I'm sorry, I just don't really understand much the word Stack, maybe it is called a stack because of React, etc.

  • @TweaksPH
    @TweaksPHАй бұрын

    @WebDevFrontiers react.js (vite) for front-end, and a firebase for backend. is that correct. a stack?

  • @TweaksPH
    @TweaksPHАй бұрын

    @WebDevFrontiers maybe this would be a great content on your channel too.

  • @WebDevFrontiers
    @WebDevFrontiersАй бұрын

    I think doing this with a more modern framework would be better - for example with Astro. Is there a particular reason why you’d want to use vanilla JS and/or React and firebase?

  • @Sreevedvp
    @SreevedvpАй бұрын

    How will it affect the performance of the application? And currently I am using a computed variable which I am writing huge logic so is it better to change it into effects?

  • @WebDevFrontiers
    @WebDevFrontiersАй бұрын

    Unfortunately I can’t answer that as I have not run any performance analysis as of yet.

  • @nikodemkijas5980
    @nikodemkijas5980Ай бұрын

    super film Panie Tomaszu

  • @WebDevFrontiers
    @WebDevFrontiersАй бұрын

    Thank you!

  • @igorr4682
    @igorr4682Ай бұрын

    The correct term is "spread operator," not "spread syntax." but Gr8 video

  • @WebDevFrontiers
    @WebDevFrontiersАй бұрын

    You’re right - I blame the nerves when recording 🙏🏽

  • @WebDevFrontiers
    @WebDevFrontiersАй бұрын

    Thank you as well 🙏🏽

  • @goodshiro10
    @goodshiro10Ай бұрын

    I was toiling the shit out of myself because I couldn't understand the point of generics, and I was lucky I found out your channel! Thank you so much for this video :) Have a great day ❤

  • @WebDevFrontiers
    @WebDevFrontiersАй бұрын

    I’m glad you found the video useful 🙏🏽☺️

  • @goodshiro10
    @goodshiro10Ай бұрын

    You are a great hero, you should be protected at all costs! Thanks for this video❤❤❤❤

  • @WebDevFrontiers
    @WebDevFrontiersАй бұрын

    Haha. Your comment made me chuckle. Thank you 🙏🏽

  • @user-kd4dv5ib3i
    @user-kd4dv5ib3iАй бұрын

    Thank you for the an video.😀😀😀

  • @WebDevFrontiers
    @WebDevFrontiersАй бұрын

    Thank you for watching 👀

  • @Senpai.Pramin
    @Senpai.Pramin2 ай бұрын

    HI! Can i use --env-file in the production too?

  • @WebDevFrontiers
    @WebDevFrontiers2 ай бұрын

    Given that it is still experimental (as per the warning message displayed) I would not yet use it in production. Once it becomes stable (there should be an announcement from Node) then you can go ahead and use it safely.

  • @Tony.Nguyen137
    @Tony.Nguyen1372 ай бұрын

    Can I use figure as a container for an image without using the figcapture

  • @WebDevFrontiers
    @WebDevFrontiers2 ай бұрын

    Yes. The figcaption element is entirely optional.

  • @user-fz3lz3di2d
    @user-fz3lz3di2d2 ай бұрын

    Thanks! Waiting for video about performance

  • @WebDevFrontiers
    @WebDevFrontiers2 ай бұрын

    I’m on it … coming soon I hope 🤞🏽

  • @Senpai.Pramin
    @Senpai.Pramin2 ай бұрын

    🤩🤩

  • @NedumEze
    @NedumEze2 ай бұрын

    Marvelous! What is this? One never knows it all! Stunning stuff. Thanks a million, Buddy.

  • @WebDevFrontiers
    @WebDevFrontiers2 ай бұрын

    Glad you enjoyed it! There are some other videos on my channel about unknown HMTL elements :)

  • @mattiaiannone6928
    @mattiaiannone69282 ай бұрын

    hi , is possible use this way for manage download of big photo and take advantages of seo ranking?

  • @WebDevFrontiers
    @WebDevFrontiers2 ай бұрын

    Can you clarify what do you mean by downloading a big photo? Are you referring to optimising your page for having a better LCP score?

  • @mattiaiannone6928
    @mattiaiannone69282 ай бұрын

    Yes, exactly. But now i found the directive ngOptimizeImage. That is exactly for lcp. 😊

  • @WebDevFrontiers
    @WebDevFrontiers2 ай бұрын

    I need to test this again but afaik this directive doesn’t actually resize the image and it also doesn’t offer a nextgen image format (ie it doesn’t allow you to serve a webp or AVIF) which also helps with getting a better LCP score.

  • @dzsuvi
    @dzsuvi2 ай бұрын

    Hasznos infó! Köszi Tamás 🙃

  • @TheMisiekMisiek
    @TheMisiekMisiek3 ай бұрын

    Doskonałe. Ma Pan mojego lajka i subskrypcję. Bardzo dobry bogaty angielski.

  • @WebDevFrontiers
    @WebDevFrontiers3 ай бұрын

    dziękuję bardzo!

  • @Akephalos204
    @Akephalos2043 ай бұрын

    that was gold thanks!

  • @WebDevFrontiers
    @WebDevFrontiers3 ай бұрын

    Glad it helped!

  • @quvomiddinkamalov3292
    @quvomiddinkamalov32923 ай бұрын

    Thank you sir, I am learning the web dev, but some KZread channels say that chatGPT is taking your job in the near future. Please, sir can you answer, what I have to do ? Continue learning or moving to another field of IT😢

  • @WebDevFrontiers
    @WebDevFrontiers3 ай бұрын

    That's a great question. Let me preface my answer by saying that I am not equipped to offer career advice or predict job market trends with certainty. The future of technology and job markets can be influenced by numerous factors, and it's always good to stay informed and adaptable. (For a personalised career advice, it might be best to consult with a career counsellor). In my own personal experience I find ChatGPT to be an amazing assistant that helps me in my everyday coding by 1) debugging my code and giving good advise on what and where to fix, 2) generate boilerplates and pseudocode which I can then take to the next level. I believe that the IT field still has a lot to offer and once you can leverage the power of ChatGPT to your advantage with a solid base skillset that you have, more doors will open up for you. Simply put I find ChatGPT to allow me to be even more productive.I hope this helps!

  • @quvomiddinkamalov3292
    @quvomiddinkamalov32923 ай бұрын

    Thank you sir, I`ve learned new tricks on HTML, appreciate you❤ You got a subscriber with a like

  • @WebDevFrontiers
    @WebDevFrontiers3 ай бұрын

    Thank you and welcome ☺️

  • @WebDevFrontiers
    @WebDevFrontiers3 ай бұрын

    Actually there’s more to learn: Revolutionise Your Code: Top 5 HTML Elements You've Missed! kzread.info/dash/bejne/iYqrk8ehZrS4ZbA.html ☺️

  • @quvomiddinkamalov3292
    @quvomiddinkamalov32923 ай бұрын

    @@WebDevFrontiers Thank you very much❤❤❤❤❤❤

  • @WebDevFrontiers
    @WebDevFrontiersАй бұрын

    Anytime!

  • @firstname4297
    @firstname42973 ай бұрын

    Very useful. Thank you!

  • @WebDevFrontiers
    @WebDevFrontiers3 ай бұрын

    Glad to hear that!

  • @87subhamoy.r
    @87subhamoy.r3 ай бұрын

    You have enlighten so many new thing very calmly and patiently . Love form core of my heart.

  • @WebDevFrontiers
    @WebDevFrontiers3 ай бұрын

    Thank you so much 🙂

  • @monirzaaman
    @monirzaaman3 ай бұрын

    nice

  • @WebDevFrontiers
    @WebDevFrontiers3 ай бұрын

    Thanks

  • @Thevery_dumb
    @Thevery_dumb3 ай бұрын

    Awesome vid👌

  • @WebDevFrontiers
    @WebDevFrontiers3 ай бұрын

    Thanks 😁

  • @user-fz3lz3di2d
    @user-fz3lz3di2d4 ай бұрын

    Could you do a video about web performance snippets and why they can be better than the lighthouse in the developer tools?

  • @WebDevFrontiers
    @WebDevFrontiers4 ай бұрын

    Sure. Webperf videos are on my plate too 🙏🏽I’ll get to them soon 🔜

  • @user-fz3lz3di2d
    @user-fz3lz3di2d4 ай бұрын

    Intresting video. Thanks!

  • @WebDevFrontiers
    @WebDevFrontiers4 ай бұрын

    Glad you liked it!

  • @user-fz3lz3di2d
    @user-fz3lz3di2d4 ай бұрын

    Thanks for the video! It would be nice to have links for the code

  • @WebDevFrontiers
    @WebDevFrontiers4 ай бұрын

    Thanks for watching - I have updated the video's description with a link to GitHub.

  • @user-fz3lz3di2d
    @user-fz3lz3di2d4 ай бұрын

    Amazing video! I like the feature 8 and the code for the coverage

  • @WebDevFrontiers
    @WebDevFrontiers4 ай бұрын

    Thanks for watching!

  • @michaeldubs519
    @michaeldubs5194 ай бұрын

    Great, professional and funny website review!!

  • @WebDevFrontiers
    @WebDevFrontiers4 ай бұрын

    Glad you enjoyed it!

  • @Senpai.Pramin
    @Senpai.Pramin4 ай бұрын

    learned some new things today. Awesome content, SIr.💙💙