Тёмный
from Dev To Prod
from Dev To Prod
from Dev To Prod
Подписаться
Stunning tutorials about all of the web development topics. Best sources for beginners who want to build modern web applications using relevant technologies stack.
Learn simple, grow fast, and start your career with our educational content!
Комментарии
@loganbries3867
@loganbries3867 6 дней назад
For programming newbies, if you intend to write backend services (servers), please learn a backend language! Javascript can work for backends but the disadvantages stretch far and wide. Great video!
@topfeature4492
@topfeature4492 6 дней назад
This is not a video about backend languages actually, it’s about JavaScript
@kriteshbhattarai7390
@kriteshbhattarai7390 7 дней назад
This video is useless...it only confuses beginners. If you are beginner don't listen to it. The fancy terms used in this video are only alternatives of each other, if you are beginner just focus on html css and js
@topfeature4492
@topfeature4492 7 дней назад
And then try to find a job with HTML/CSS/JS only
@Jelvix
@Jelvix 13 дней назад
It hurts Thank you for this video! We also thought about newcomers and made a new video about the difference between a software developer and a web developer (with the salaries range!) We hope it hurts less
@anirudmukherjee8715
@anirudmukherjee8715 13 дней назад
will starting learning to code js after html and css. GOD BLESSS ME THIS IS SO MUCH FOR A BEGINNER lovely roadmap now i am scared +1 sub
@topfeature4492
@topfeature4492 13 дней назад
Js might be scared but just a little 😌 Thanks for your subscription!
@alihamed1101
@alihamed1101 18 дней назад
subbed and liked.
@topfeature4492
@topfeature4492 18 дней назад
Thanks for your support!
@tachikaze.
@tachikaze. 18 дней назад
Is it worth to learn node for backend or I have to try to learn django instead?
@topfeature4492
@topfeature4492 18 дней назад
It’s better to try both and then make a choice 👻 But now seems like node has more jobs overall.
@tachikaze.
@tachikaze. 18 дней назад
@@topfeature4492 unexpected… I often run into the statement that node is bad for backend and its a trap overall..
@quieasy
@quieasy 18 дней назад
0.1 + 0.2 = 0.30000000000000004. does not equal exactly 0.3 due to the way computers represent decimal numbers internally. Here's why: Floating-Point Representation: Computers store decimal numbers using a format called floating-point. This format is designed for efficient storage and calculations but has limited precision. Not all decimal numbers can be represented exactly in binary (the base-2 system computers use). Binary Approximation: Numbers like 0.1, 0.2, and 0.3 have repeating binary representations, similar to how 1/3 has a repeating decimal representation (0.3333...). When storing these numbers in binary with finite precision, a rounding error occurs. The Result: When you add 0.1 and 0.2 in a programming language, the computer performs calculations with the slightly inaccurate binary representations of these numbers. The result is a number very close to 0.3 but not exactly 0.3. This is often seen as 0.30000000000000004.
@topfeature4492
@topfeature4492 18 дней назад
Clear explanation! I talk about it a littile in my new video
@thebocksters2756
@thebocksters2756 20 дней назад
I just lost 8 min of my life…
@topfeature4492
@topfeature4492 20 дней назад
It means I lost 40 hours making this video 🥺
@saitaro
@saitaro 22 дня назад
This video made me stay with Python, thank you.
@topfeature4492
@topfeature4492 22 дня назад
😸
@reynardtcloete6959
@reynardtcloete6959 23 дня назад
Love the content :)
@topfeature4492
@topfeature4492 23 дня назад
Glad to read it!
@ReactUs1
@ReactUs1 24 дня назад
Hi I wanna become a web dev is it true in next 10 years ai will take over
@topfeature4492
@topfeature4492 24 дня назад
Hi, I guess AI will definitely not replace developers in a next 10 years.
@Axypa985
@Axypa985 25 дней назад
thank you for amazing video ! i just have one question : what is a good roadmap for beginners ? (cause i didnt see any roadmap in video )
@topfeature4492
@topfeature4492 25 дней назад
You can start with basics like html/css/js After, you can try React/Next or Vue/Nuxt with styled components for Frontend and Node js or Python for Backend
@techsaifcore7
@techsaifcore7 25 дней назад
Why the icon is of java?
@topfeature4492
@topfeature4492 25 дней назад
It’s just a meme
@techsaifcore7
@techsaifcore7 25 дней назад
Oh nice 😂😂😂
@makerdelete1854
@makerdelete1854 25 дней назад
Don’t know how u have so little followers. A lot of good information
@topfeature4492
@topfeature4492 25 дней назад
Thank you! I just started so I hope more people find it useful soon
@guramen
@guramen 26 дней назад
Been doing web for two years, not much not little and this video was still such a good refresher. Good job!
@topfeature4492
@topfeature4492 26 дней назад
Thanks for your comment!
@saadhabashneh5587
@saadhabashneh5587 27 дней назад
This is all Frontend
@topfeature4492
@topfeature4492 27 дней назад
Even Node js and PHP?
@saadhabashneh5587
@saadhabashneh5587 27 дней назад
@@topfeature4492 you didn't put backend frameworks for them, you didn't mention databases and sql, plus you forgot to mention version control systems
@rileyowen7245
@rileyowen7245 23 дня назад
Node Express Php 😂
@aganan2787
@aganan2787 Месяц назад
New sub here ❤
@topfeature4492
@topfeature4492 Месяц назад
I appreciate it!
@vijayvaja4644
@vijayvaja4644 Месяц назад
Why no one is talking about .net core for web development Is it dead ?
@topfeature4492
@topfeature4492 Месяц назад
No, it's not!
@younes-47
@younes-47 Месяц назад
Is it ok to rely heavily on component libraries like mui, shadcn.. etc to design and build ui ? Along with some custom components using styled components ofc.. because i really hate using plain css to build complexe responsive designs from scratch.
@topfeature4492
@topfeature4492 Месяц назад
UI libraries provide you mostly primitives like buttons, inputs, rows, modals etc. It’s okay to use it for time saving but if we are talking about responsive UI composition for large and complex apps you can’t avoid writing extra CSS (scss, styled-components) rules. So yes, you can combine it and it’s pretty common practice I believe.
@firomsaguteta8720
@firomsaguteta8720 Месяц назад
Whats your honest opinion on AI? Because of the way it's evolving right now
@topfeature4492
@topfeature4492 Месяц назад
Actually, the video has a part about AI at the end. From my experience, it might be a useful or useless tool depending on the business requirements and your prompt and debugging skills. There are a lot of problems with the scaling of AI training models, delivery and many others. Every AI company tries to sell you first, so they show the best parts of the product or even lie (check Devin disclosure).
@heywelcome3639
@heywelcome3639 Месяц назад
hello... I don't understand code.. when i see code on JavaScript or python or c++ or c..i see them as writing.. I don't understand what they mean and do... i can't write code.. help me
@gauravtejpal8901
@gauravtejpal8901 Месяц назад
You can find many resources. Just google
@topfeature4492
@topfeature4492 26 дней назад
I guess it's better to start with basic theory
@dfp10
@dfp10 14 дней назад
Try and see the impact that they have on the project your working on.
@enesaliev3518
@enesaliev3518 Месяц назад
Common question: Is it possible to land a job with Html Css only or at least earn some money(we can add here some canva skills ass well) 😂
@topfeature4492
@topfeature4492 Месяц назад
I suppose you can find some job as a HTML/CSS coder on Upwork or Fiver. But it might be difficult and competitive 🤔
@hulkovius_rex
@hulkovius_rex Месяц назад
Great video! Thanks :)
@topfeature4492
@topfeature4492 Месяц назад
Thanks for your support!
@nomadshiba
@nomadshiba Месяц назад
css is goat
@rileyowen7245
@rileyowen7245 23 дня назад
True goat is c 🗿 and assembly
@nomadshiba
@nomadshiba Месяц назад
not deep enough
@topfeature4492
@topfeature4492 Месяц назад
there will be part 2 prob
@pinkzero281
@pinkzero281 12 дней назад
That's what she said (unfortunately)
@cariyaputta
@cariyaputta Месяц назад
Nice.
@topfeature4492
@topfeature4492 Месяц назад
Thank you!
@placek2390
@placek2390 Месяц назад
how isfetching works? i dont understand why adding this magically solve the problem with rendering private page
@topfeature4492
@topfeature4492 Месяц назад
We render a private route based on the user's existence, and the ProtectedRoute component receives it from the parent component as a prop. The default user value is null, so if we try to access the private page, we will be redirected to the home page because there is no user. After that, let's imagine, the user was successfully set on the state. As we know, this state is defined outside the Routes tree. It means, that the state change will NOT lead to a re-render routes tree. The tree will only update after URL changes. Because of that, the user value inside ProtectedRoute will always be null (withour re-rendering it could not get a new prop value). Even after state changing on the top level. So, my solution here is to render the routes tree only when the user already exists. While we're fetching users asynchronously (isFetching === true) we want to return the loading component (not the routes tree). When the user is fetched we set it to state, then, set isFetching === false, and only after that we are returning a routes tree. It will be the first render and the user value will be correct at this moment.
@drcatkymanifeast
@drcatkymanifeast Месяц назад
underrated Channel for sure
@topfeature4492
@topfeature4492 Месяц назад
One day I hope ❤
@nemesheesh897
@nemesheesh897 Месяц назад
I am really confused about choosing web development or native app development. Which should I choose?
@topfeature4492
@topfeature4492 Месяц назад
Hi! Believe me or not but you are the single person who can answer this question correctly. If I had restarted my career I would have probably picked mobile app development for now like iOS with Swift. But web dev is also pretty interesting and engaging for me.
@TokyoXtreme
@TokyoXtreme Месяц назад
Web development will persist - native apps will eventually return to web technologies. Nobody likes programming in Xcode, and I suspect the same is true with whatever people use for Android development.
@topfeature4492
@topfeature4492 Месяц назад
Actually, I agree with almost everything in your statement.
@nemesheesh897
@nemesheesh897 Месяц назад
@@TokyoXtreme I have been hearing about how PWA will replace the needs for most apps. Thanks for your insight
@nemesheesh897
@nemesheesh897 Месяц назад
@@topfeature4492 Thank you for the response, I will try to explore and identify my interests more
@Tarun-nn9if
@Tarun-nn9if Месяц назад
Hello brother i have bought a udemy course of Dr. Angela yu. Is this a good start although i know C, C++ language
@topfeature4492
@topfeature4492 Месяц назад
Hi, I only know it’s pretty popular but I’ve never passed it before. Based on the reviews I suppose it would be okay to start!
@Tarun-nn9if
@Tarun-nn9if Месяц назад
@@topfeature4492 oh ok
@eriikelnino6545
@eriikelnino6545 Месяц назад
if you have experience with programming already ..go with Colt steel web developement bootcamp udemy
@ismailsultan2577
@ismailsultan2577 Месяц назад
i've gone through like half the course and learned probably more than my years of browsing the internet just because i didn't know what to search for. This is an optimal start to web development.
@joseavila6250
@joseavila6250 Месяц назад
I can confirm the way of how she teaches is great to start your path as a developer. I've finished her web dev bootcamp (just for 14$) and I learned more than anything I was taught on school.
@GenosoftTeamGen
@GenosoftTeamGen Месяц назад
Great work thank you this is super neat
@topfeature4492
@topfeature4492 Месяц назад
Thank you for this comment!
@Mohit-rl4ct
@Mohit-rl4ct 2 месяца назад
Amazing
@topfeature4492
@topfeature4492 2 месяца назад
Thanks for your comment!
@DiogoLScarmagnani
@DiogoLScarmagnani 2 месяца назад
Very useful, I really liked Folder Templates.
@topfeature4492
@topfeature4492 2 месяца назад
Thank you so much!
@DiogoLScarmagnani
@DiogoLScarmagnani 2 месяца назад
Great tutorial, very quick and simple. It works a lot. Got subscribed. I have just one question, please: Don't we need to persist access token in storage for Firebase Authentication?
@topfeature4492
@topfeature4492 2 месяца назад
Glad to be helpful! What exactly storage did you mean?
@DiogoLScarmagnani
@DiogoLScarmagnani 2 месяца назад
@@topfeature4492 sorry. I mean localStorage.
@ig_strawhats_
@ig_strawhats_ 2 месяца назад
please can you make vedio of user and admin login in one project
@topfeature4492
@topfeature4492 2 месяца назад
I guess I can try!
@agungadityatama8079
@agungadityatama8079 3 месяца назад
Hi, thank you for uploading this video. This is what I need. But I have one question, I use the router app and I wrote the contact form in app/component/contact.jsx. In the handleSubmit section of the fetch API, does the route I write match the one in your video or does it have to be adjusted to my folder? Thank You.
@topfeature4492
@topfeature4492 3 месяца назад
Hi, I'm happy you found it helpful! If I got you right you just change the folder of your form. So, in this case, you don't need to change the endpoint path inside fetch. Generally, you should use your api/{yourEndpointName}/path.
@topfeature4492
@topfeature4492 3 месяца назад
Source code here: github.com/from-dev-to-prod/next-email *Subscribe* if you like our content!
@mr.artist486
@mr.artist486 3 месяца назад
Hey there! thanks a lot for uploading this tutorial....it's really helpful ❤! I have once question - How can we send email on behalf of one user from our website to another user. for e.g. suppose "user A" schedules a meeting on my website and want to share an invite to "user B" from "userA"'s email address.....how can I achieve that?
@topfeature4492
@topfeature4492 3 месяца назад
Hi, thanks for your comment! As far as I understood from your question userA is able to dynamically write or pick the email of the userB to whom he wants to send a message/book a call. In this case, I suppose you should try Calendly API or similar.
@xczm225
@xczm225 3 месяца назад
how you guys deal with view flashes when you are logged out and trying to get to any private route? for me it renders component for 0.1 sec and sends you back to '/'
@topfeature4492
@topfeature4492 3 месяца назад
Hi! I tried to reproduce this behavior using my codebase, and everything seems to work correctly. You can compare your code with the following example github.com/from-dev-to-prod/react-firebase-auth Or, please, provide an example and I may be able to help.
@mr.artist486
@mr.artist486 3 месяца назад
You saved my day! this is perhaps the best tutorial I have ever seen on this topic!! Thanks a lot!!!!! ❤❤
@topfeature4492
@topfeature4492 3 месяца назад
I'm really glad to read that! And I appreciate your support!
@mr.artist486
@mr.artist486 3 месяца назад
@@topfeature4492 If possible, can you release a video tutorial on SSDLC (secure software development life cycle) best practices?
@ViciaiaTutorial
@ViciaiaTutorial 3 месяца назад
you explained very simple and clear, thanks you for the tutorial!!!!
@topfeature4492
@topfeature4492 3 месяца назад
I'm so happy you found it useful. Thanks!
@ViciaiaTutorial
@ViciaiaTutorial 3 месяца назад
@@topfeature4492 wait to see more from you ^w^
@user-ul9km8jh1h
@user-ul9km8jh1h 4 месяца назад
Hey, great video btw, how to change path when sign in true? For example email and password is true then when i click the button, how to show private page directly
@topfeature4492
@topfeature4492 4 месяца назад
Hi! Thanks for your support! If I got you right, the explanation starts here: 12:09. You need to add to your homepage (or any other public page with Login form) an extra condition to check if a user already logged in (=== if the user exists). If so, Navigate the user to the private page, like this: return <Navigate to='/private'></Navigate> UPD Or you can do it directly in the Auth handler function I guess. You can simply create an instance like: const browserHistory = createBrowserHistory() And then just call browserHistory.push(location) after successful login
@kavyarai7947
@kavyarai7947 4 месяца назад
what to do if a branch named gh-pages already exists comes
@topfeature4492
@topfeature4492 4 месяца назад
Hi! You can change the deployment branch to another in your GitHub settings. I told about it at the end of the video: 01:50 So, it allows you to use any branch you want. Or, you can remove the existing branch locally and remotely and create it again.
@owenizedd2830
@owenizedd2830 4 месяца назад
what are you talking i can do that in few seconds use <img>
@topfeature4492
@topfeature4492 4 месяца назад
Sure, but the image is leads to one more get request and your visitors will have to wait for the img download in this case. And the image size might be pretty valuable for 3G users, for example. Generally I’m not recommending to anyone to use this way of drawing icons. Just show you that this way is already exists. Thanks
@topfeature4492
@topfeature4492 4 месяца назад
Subscribe if you like our content! ⏱Timestamps: 00:00 - Intro 00:05 - Create a repo and React app 00:38 - GitHub pages installation 00:45 - Homepage link 00:59 - Add scripts 01:26 - Deploy processing
@sethurk
@sethurk 4 месяца назад
Pretty good. Short and precise. Thank you. subbed..
@topfeature4492
@topfeature4492 4 месяца назад
Thanks for your support and subscribed!
@peacemelodi1145
@peacemelodi1145 5 месяцев назад
Nice content are you on Instagram sir
@topfeature4492
@topfeature4492 5 месяцев назад
Thank you! Not at the moment, but I’ll post a link when I do
@joeythompson4530
@joeythompson4530 5 месяцев назад
Best tutorial I have seen for this! Quick and easy!
@topfeature4492
@topfeature4492 5 месяцев назад
Glad to hear! Thanks for your support!
@topfeature4492
@topfeature4492 6 месяцев назад
Source code here: bit.ly/3N9AbMl Subscribe if you like our content!
@dhruv-194
@dhruv-194 6 месяцев назад
Is this website responsive?
@topfeature4492
@topfeature4492 6 месяцев назад
For now it’s not, but I’m planning to make a video about how to make it responsive!
@dhruv-194
@dhruv-194 6 месяцев назад
@@topfeature4492 yes please do. The simplest way of making it responsive would be to use bootstrap at couple of places