Roadside to Dream Job - Frontend Interview Prep Course 🔥🔥 roadsidecoder.com/course-details (50% Discount for limited time)
@Solo_playz4 ай бұрын
Your videos becoming calculation-heavy 💀day by day which proves that FE is not limited to only HTML
@RoadsideCoder4 ай бұрын
True!
@PradeepKumar-jp8py4 ай бұрын
Problem Statement: Weekday date range picker component Create a date range picker component in React and TypeScript that allows users to select weekdays (Monday through Friday) and prevents them from selecting weekends (Saturday and Sunday). The component should include the following features: ● The component should allow users to select a date range defined by a start date and an end date. Remember that a start date and an end date must be a weekday and should not be a weekend. ● The selected date range should highlight only weekdays and weekends should not be highlighted. ● The user should be able to change the year displayed in the date picker. ● The user should be able to change the month displayed in the date picker. ● The component should include a change handler that returns the selected date range and any weekend dates within that range. As an example, if the range selected is December 1st, 2022, to December 15th, 2022, the returned values should be an array containing the date range as the first element (e.g. [2022-12-01, 2022-12-15]) and an array of weekend dates within that range as the second element (e.g. [2022-12-03, 2022-12-04, 2022-12-10, 2022-12-11]). ● The component should include a prop that allows the user to input predefined ranges, such as the last 7 days or last 30 days. These predefined ranges should be displayed below the calendars. Please refer to the date range picker linked below as an example: rsuitejs.com/components/date-range-picker/#predefined-date-ranges The use of date picker libraries (e.g. react-datepicker) or date libraries (e.g. date-fns, Moment.js, Day.js) is strictly prohibited. sir please solve this problem and make a tutorial video ,,
@RoadsideCoder4 ай бұрын
Thanks, I will
@play_with_Vpp3 ай бұрын
thank you sir that was a great video it refreshed my react skills, taught me some new lessons, and my collection got another project. Consider your HW to be done by my side.
@mehr42944 ай бұрын
Could you create a video on how to host your portfolio website in github pages?
@RoadsideCoder4 ай бұрын
Sure
@nishantmoolya4 ай бұрын
Hi
@mehr42944 ай бұрын
@@RoadsideCoder Thanks a lot brother
@sanchitbajaj024 ай бұрын
I don't think it takes much effort to host. Just push all your files in a repo and go to settings and go to pages. Then enable the pages and you are done with it.
@jazibbashar33324 ай бұрын
Bhai agr aap code ko explain krte chalo then it's good for people like me who is new to react
@CppGod-kn3fy2 ай бұрын
Khud samjhle bhai ya fir apna level badha aur fir yeh video
@jazibbashar33322 ай бұрын
@@CppGod-kn3fy yeh aap kisko bol rhe ho samjh nhi ayaa
@jazibbashar33322 ай бұрын
@@CppGod-kn3fy I am viewers mujhe Jo samjh aaiga boloonga TM code likh rahe ho code likho zyda wakeel Mt bno ok.... tumko samajh aa rha h ok Nhi Aaya ok hai
@CppGod-kn3fyАй бұрын
@@jazibbashar3332 tum logo k kaaran hi youtubers easy content banate hai aur easy content ko tum hi log promote karte ho. Easy seekhna h toh freecodecamp par jaa. Idhar timepass mat kar. Level badha aur wapas aa.
@anubhapant52274 ай бұрын
Thanks for sharing this knowledge-packed video on React machine coding! 🚀 Learned a lot and would love to see more content like this 😇
@RoadsideCoder4 ай бұрын
Thanks! You can find more questions here - roadsidecoder.com/course-details
@gunjangidwani42764 ай бұрын
Hi Piyush, this is really good, thanks for sharing
@koppresh4 ай бұрын
Is it possible to attach events without making use addeventlister and outside the onmousedown function?
@saiphaneeshk.h.54824 ай бұрын
Awesome video as always. These kind of real world project examples really help. There was a video where when a person is searched and clicked then the name will be added to the text field and the cursor will move. Had a similar requirement but different UI, but the concept really helped to work on it.
@nitinakuch49734 ай бұрын
Such machine coding questions asked for experienced ones or freshers?
@RoadsideCoder4 ай бұрын
SDE 2 and above
@debarshipal82754 ай бұрын
Hey Piyush, loving your videos keep it up brother❤
@RoadsideCoder4 ай бұрын
Thank you, I will
@MrColins7104 ай бұрын
thank you, it is very interesting task
@RoadsideCoder4 ай бұрын
Glad it was helpful!
@harishgowdabp4 ай бұрын
What is the difference between your course and your KZfaq playlist? You have all the topics in the KZfaq playlist also.... Can you give some information about your course contents?
@RoadsideCoder4 ай бұрын
This has 4 new JS topics, react topic wise questions, lot of new machine coding questions and performance optimisation questions. All these are not on my YT channel Few topics of JS are common between the course and my channel, The reason for including them in this is so that this becomes one stop for Frontend Interview preparation. You check the detailed curriculum in the website. I have mentioned it in this video as well - kzfaq.info/get/bejne/brmXitR81NmxeYE.html PS. You get the access to our premium discord community
@priyasuryawanshi1143Ай бұрын
In my recent interview,I have been asked to create a Kanban Board in react JS
@ajayshankhwar7304 ай бұрын
Great content bro....
@RoadsideCoder4 ай бұрын
Thanks!
@CppGod-kn3fy2 ай бұрын
People asking Piyush to explain things in 'detail' should first get their basics right and then watch this video
@AjithKumarsham4 ай бұрын
Great content 👏
@RoadsideCoder4 ай бұрын
Thank you 🙌
@navneetkumarsharma90924 ай бұрын
Hi Peeyush, Which monitor & keyboard/ mouse do you use with Mac?
@RoadsideCoder4 ай бұрын
I use windows
@OfficeuserUser3 ай бұрын
Can someone tell which vs code theme he is using😊
@RoadsideCoder3 ай бұрын
peacock
@yashvijaybombale68964 ай бұрын
can you upload long videos with slow explaination it was fast ! Drag n Drop logic
@RoadsideCoder4 ай бұрын
you can switch the video speed to 0.75 or 0.50, will be helpful
@harshitsrivastava25834 ай бұрын
@@RoadsideCoder Bro drag and drop logic was not explained in detail. By slow explanation means explaining it in depth as well as the reason of applying some logic. Why mouse event? Why that particular mouse event?
@RoadsideCoder4 ай бұрын
I think using those mouse event was self explanatiory, I would recommend making more HTML,CSS and JS project to improve basics then u will be able to form these logic better. More questions here - roadsidecoder.com/course-details
@sureshalli96024 ай бұрын
emojis in linux ?
@nemo40494 ай бұрын
This worked for me Installed :emojisense: extension press Ctrl + i for opening the extension search bar
@wayofmuhammad4 ай бұрын
bhai app sirf react per video banate ho please angular per bhi banao
@RoadsideCoder4 ай бұрын
bro react is asked much more than angular
@jayprakashyadab55113 ай бұрын
Hey we can make it only in javascript??
@RoadsideCoder3 ай бұрын
how do u wanna make it?
@harshbhardwaj60604 ай бұрын
Copied most of the logic from stack over flow😂. Don't blindly use this in production. There are lots of performance problems with this code.
@RoadsideCoder4 ай бұрын
This is an interview question, obviously no one is going to use it in production 😂
@arora65473 ай бұрын
15:05
@noobgamer7034Ай бұрын
This is not an interview question
@deadlock_332 ай бұрын
RIP for those who watching after react 19
@RoadsideCoder2 ай бұрын
haha, react 19 is not out yet. its just beta
@CppGod-kn3fy2 ай бұрын
Basics don't change bro
@yathishshettigar93443 ай бұрын
Too fast and no explanation. So its difficult to catch as a beginner.
@RoadsideCoder3 ай бұрын
You can start with basics first, so start with this playlist from beginning - kzfaq.info/sun/PLKhlp2qtUcSZiWKJTi5-5r6IRdHhxP9ZU
@Akshat-vp5sg2 ай бұрын
tere ko ye sab smajh kaise aa rha hai :) i want to learn all this things
@RoadsideCoder2 ай бұрын
I have covered all the basics to advance here - roadsidecoder.com/course-details