I'm really amazed by the teaching style here... as many tutors just skip this part by copying the navbar code snippet from bootstrap.. ( uptill navbar, i learned so much from it) thanks alot sir for your efforts in making this available to us. Love from India!
Hello friends. Please note that there are some changes. With the release of v5, the names of all related packages were changed from @material-ui/* to @mui/* as part of updated branding.
@@anindiansquirrel To be honest, I spent 1.5 years studying the code from textbooks. Zero result. I'm not saying that you can't learn from textbooks, it just turned out that it was me, the "visualist". It's easier for me to understand and remember what I've seen faster than what I've read. And Lana Dev is really one of the few who explains the code he wrote super simply and in an accessible language. I repeat, programmers-coders do not sit still, and every day and hour they develop a programming language. It's just that these video lessons are already outdated, and so, those video lessons that he has "fresh", teach and teach a lot. With respect...
@@ToyhonaUz alright got it bro ty. I want to learn react js if u have any recommendations from where should I start or where should I fetch from pls let me know. Thankyou!!
How I finished this video after 4 days I would like to thank God first for energy, then I would like to thank myself for the hard work. Remember guys consistency is key.
i worked with this tutorial for around 5 days , each data i want to add more like to the video.. many many thanks , and now I'll start in the therd part
@@johnkucharsky6927 damn. sorry man. I totally forgot about this comment. I had bad result from fundamental questions about Javascript, so I was hired in next company's interview. These tutorials are helpful for real work from company, but for the interview, make sure you study fundamental javascript knowledges something like Closure, Hoisting, Debouncing, Event loop, async functions, etc... and if you are applying for Frontend position, at least practice some Easy Level Questions from Leetcode!
@@connornuggets5450 damn. sorry man. I totally forgot about this comment. I had bad result from fundamental questions about Javascript, so I was hired in next company's interview. These tutorials are helpful for real work from company, but for the interview, make sure you study fundamental javascript knowledges something like Closure, Hoisting, Debouncing, Event loop, async functions, etc... and if you are applying for Frontend position, at least practice some Easy Level Questions from Leetcode!
What we really like in all your videos is that you do everything with calm and a great patience. If you write the code fast, then you surely explain it. You don't skip and move forward just like other tutorials. ❤️❤️❤️
I will be back ,that Terminator image show how hard he is trying to be creative and still keeping it simple .. thanku so much sir for this awesome piece of art
Nice UI, nice functionality. The most effective way to learn React is by building real-world apps like this. Learned a lot! Over to the last of the series. Thanks bro!
Şafak bey bu tarz paylaşımlarınız olduğu için gerçekten çok minnettarım. Türkiye'de böyle kapsamlı tutorialler yok. sayende başlangıç seviyesinde olan react bilgimi bu video ile biraz daha ilerlettim. Saygı ve sevgilerimle.
Great work Safak! Thank you for putting the hard work. I have been a backend developer for quite some time and now finally trying the full dev scope. These videos are really helpful. Much Appreciated. :)
Thank you so much for sharing your knowledge, I really aprecciate it.The project is awesome! Direct to part III => Greetings from Spain.Good moods for you.
@@UlugbekYoqubjanov-t8t The backend is built using express-node and mongodb database, but the frontend is entirely made in React (Uses some icons from mui but thats it)
Man, thank you so, so much. You have the kind of projects that get people hired and I love the flow of your teaching. Really excited to complete this project -- thanks again and please keep up the awesome work.
I love your simplicity bro, I mean creating such high value content and putting it completely free on internet shows your gratitute and down to earth nature. You videos are extremely great and helpful for the coding community. I hope someday I can contribute for your efforts after getting a job. Let me tell you, there are channels who are doing great stuffs like you, but most of their content are half done for you type means they hide some details of the application. I don't have problem with length and I like such full detailed tutorials like yours. Hence, Thankyou so much for everything you are doing for the community.
Your videos are so greate im learning so many new things but I didnt understand one thing why use margins and wrapper if we have `display:flex, gap and box-sizing: border-box` properties. And you are greate inspiration to me.
You are really experienced, i think it would take me a lot of time to reproduce Facebook like you, but i'm happy that i understood everything you said. It was really cool to see, thank you for the amazing resource.
Amazing really just simple and efficient. The only thing that could have been better is a little bit more explanation like how are you using these shortcuts? Like that CTRL + D multicursor I accidentally found out and a little bit more explanation on things. But it's amazing really how you put this amazing thing together.
I love your tutorials!!! I'm building my final capstone and you are my saving grace! I will definitely buy you coffee soon! :) Thanks for all the tricks and amazing step by step that's better than ANY thing I've done besides following Anna Kubow. lol
I am good at react when creating clean and homogenies component good at handling state but totally shit when it comes to writing my own ui style , this helped me a tone thanks man :D
Hii lama im from india i love ur content that u provide no one can provide like u ....i have some more content with material ui instead of using css only
@@mindplus4917 I recommend you check the github link for his files and just compare to yours. That and make sure your folders aren't organized incorrectly or something. Check imports if you're using the dummy file.
This is amazing, i've been following this tutorial, already did first part, any idea how should we proceed if we wanted all of this to be responsive ? :D
Thanks for video. I have question about moment where you declared HomeRightbar and ProfileRightbar components inside Righbar component. Isnt its antipattern to declaring component inside component as you did (1:53:34)? All info which I read before says: Should never create a component inside another.
I have searched thousands of tutorials and channels, but when I watch your videos I don't need to keep looking, thanks you (l)
I'm really amazed by the teaching style here... as many tutors just skip this part by copying the navbar code snippet from bootstrap.. ( uptill navbar, i learned so much from it)
thanks alot sir for your efforts in making this available to us.
Love from India!
Have u developed it completely?
Hello friends. Please note that there are some changes. With the release of v5, the names of all related packages were changed from @material-ui/* to @mui/* as part of updated branding.
have you made this project?
@@Ak-fd9kd Hi.
No. The project is outdated. Some of the codes that we see in the tutorial video conflict with the new requirements for writing code.
@@ToyhonaUz bro I want to learn react by building real life projects . can you help me get some good study materials?
@@anindiansquirrel To be honest, I spent 1.5 years studying the code from textbooks. Zero result. I'm not saying that you can't learn from textbooks, it just turned out that it was me, the "visualist". It's easier for me to understand and remember what I've seen faster than what I've read.
And Lana Dev is really one of the few who explains the code he wrote super simply and in an accessible language.
I repeat, programmers-coders do not sit still, and every day and hour they develop a programming language. It's just that these video lessons are already outdated, and so, those video lessons that he has "fresh", teach and teach a lot.
With respect...
@@ToyhonaUz alright got it bro ty. I want to learn react js if u have any recommendations from where should I start or where should I fetch from pls let me know. Thankyou!!
How I finished this video after 4 days I would like to thank God first for energy, then I would like to thank myself for the hard work. Remember guys consistency is key.
i worked with this tutorial for around 5 days , each data i want to add more like to the video.. many many thanks , and now I'll start in the therd part
Thats so awesome how you go slowly and type each import starting from the top for the newer devs learning from you. Thank you it means so much!!
Do you know if this project js is 100 percent made in react?
@@UlugbekYoqubjanov-t8t this UI video is react theres a part 2 which is backend (node mongo)
Alhamdulliah, Complete UI part and jump backend part! Thanks Lama Dev.
I really love this guy. I'm having a first interview as a React Frontend developer next week. Hope everything goes well..
How was your interview
How it went
He forgor 💀
@@johnkucharsky6927 damn. sorry man. I totally forgot about this comment. I had bad result from fundamental questions about Javascript, so I was hired in next company's interview. These tutorials are helpful for real work from company, but for the interview, make sure you study fundamental javascript knowledges something like Closure, Hoisting, Debouncing, Event loop, async functions, etc... and if you are applying for Frontend position, at least practice some Easy Level Questions from Leetcode!
@@connornuggets5450 damn. sorry man. I totally forgot about this comment. I had bad result from fundamental questions about Javascript, so I was hired in next company's interview. These tutorials are helpful for real work from company, but for the interview, make sure you study fundamental javascript knowledges something like Closure, Hoisting, Debouncing, Event loop, async functions, etc... and if you are applying for Frontend position, at least practice some Easy Level Questions from Leetcode!
Im so exited to finish all your courses. You truly are a gem. Thank you!
What we really like in all your videos is that you do everything with calm and a great patience. If you write the code fast, then you surely explain it. You don't skip and move forward just like other tutorials. ❤️❤️❤️
Very true.You explain everything from scratch . Really Appreciated! 🔥🔥
Do you know if this project js is 100 percent made in react?
Since you explained in a detailed and understandable way, I watched and accompanied you until the end without getting bored. Thank you.
man loving your projects, I don't have words to even thankyou you are the reason I got the job
.b.i.n.a. .s.a.r.a.n.a. .i.n.f.o.r.m.a.t.i.k.a.
I will be back ,that Terminator image show how hard he is trying to be creative and still keeping it simple .. thanku so much sir for this awesome piece of art
Nice UI, nice functionality. The most effective way to learn React is by building real-world apps like this. Learned a lot! Over to the last of the series. Thanks bro!
Many thanks to Lama for the lessons, you explain and write clearly and clearly even to me who am starting to learn English
Şafak bey bu tarz paylaşımlarınız olduğu için gerçekten çok minnettarım. Türkiye'de böyle kapsamlı tutorialler yok. sayende başlangıç seviyesinde olan react bilgimi bu video ile biraz daha ilerlettim. Saygı ve sevgilerimle.
Really...Really "Time is relative"..this was caught my mind and inspire me to listen attentively...it was awesome
Great work Safak! Thank you for putting the hard work. I have been a backend developer for quite some time and now finally trying the full dev scope. These videos are really helpful. Much Appreciated. :)
Do you know if this project js is 100 percent made in react?
Currently working as front end developer but after this tutorial I believe soon I will be working as Mern stake and handling so called backend ✌️
Really Sir. It's better than facebook.. I had watched thoroughly the whole series.. You are really fabulous 😍
Get a life
Thank you so much for sharing your knowledge, I really aprecciate it.The project is awesome! Direct to part III => Greetings from Spain.Good moods for you.
Your teaching style is absolutely incredible! and your hardwork is really appreciated!!
Do you know if this project js is 100 percent made in react?
@@UlugbekYoqubjanov-t8t The backend is built using express-node and mongodb database, but the frontend is entirely made in React (Uses some icons from mui but thats it)
Man, thank you so, so much. You have the kind of projects that get people hired and I love the flow of your teaching. Really excited to complete this project -- thanks again and please keep up the awesome work.
Do you know if this project js is 100 percent made in react?
@@UlugbekYoqubjanov-t8t yes its react on the front end, 100%
Man the tutorial is just outstanding, and the beautiful girl too 😂😂
Yeah bro bagrid
I love your simplicity bro, I mean creating such high value content and putting it completely free on internet shows your gratitute and down to earth nature. You videos are extremely great and helpful for the coding community. I hope someday I can contribute for your efforts after getting a job.
Let me tell you, there are channels who are doing great stuffs like you, but most of their content are half done for you type means they hide some details of the application. I don't have problem with length and I like such full detailed tutorials like yours. Hence, Thankyou so much for everything you are doing for the community.
Do you know if this project js is 100 percent made in react?
@@UlugbekYoqubjanov-t8t Yes, its made in 100% React.
thank you so much brother .alot of love and respect from Pakistan .we really appreciate your work .thanks once again from depth of my heart.
Your videos are so greate im learning so many new things but I didnt understand one thing why use margins and wrapper if we have `display:flex, gap and box-sizing: border-box` properties.
And you are greate inspiration to me.
Just finished this part of the section. Everything was explained really well. Loving the journey so far. #thankyou
Very useful videos. I develop myself here. Thanks to Lama Dev
You are really experienced, i think it would take me a lot of time to reproduce Facebook like you, but i'm happy that i understood everything you said. It was really cool to see, thank you for the amazing resource.
LAMA DEV, YOU'RE THE GOAT, BROTHER!!!
I have completed the video. what an amazing resource. Thank you for the teaching, I learnt so much.
Please what NodeJs version did you use ?
I am having a lot of dependencies issues
Did you know when you click the add file, you can just type 'components/sidebar/sidebar.css' and it will auto-create the folders for you
Just finished this project ❤️
Amazing really just simple and efficient. The only thing that could have been better is a little bit more explanation like how are you using these shortcuts? Like that CTRL + D multicursor I accidentally found out and a little bit more explanation on things. But it's amazing really how you put this amazing thing together.
Thanks a lot , very useful hope you will get 10 thousands like soon on this video 🚀️🔥🚀️🔥🚀️🔥🚀️🔥
I love your tutorials!!! I'm building my final capstone and you are my saving grace! I will definitely buy you coffee soon! :) Thanks for all the tricks and amazing step by step that's better than ANY thing I've done besides following Anna Kubow. lol
Could you help me out i am stuck in one error i am unable to import the icons
People like u make UA-cam fun ❤️💋
Thanks for creating this video.Hope you become a famous UA-camr!
Love this, needed this with material-ui.
exactly
both you and the project are awesome!!!!
best one for beginner💯
Why do you use and style it that it ends up to be a normal ?
The tutorial is comprehensive. Wow 💻👍🏽
Him: writes codes, runs codes, everything runs perfectly
Me: copy everything pixel by pixel, run codes, " 404 Error "
He make mistakes when he build app first time. When he is familiar ease with code, then he record video
lol =))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))
This is great...
please can I get the link to part 2. I don't seem to find it.
someone can help me with it, thank you
Thanks bro for this wonderful tutorial. Keep making more videos.
you are the best teacher
I am good at react when creating clean and homogenies component good at handling state but totally shit when it comes to writing my own ui style , this helped me a tone thanks man :D
thank you safak🙏
Truly awesome your way of approachment for this social media app....
Awesome. This is so good. Thanks for making this amazing tutorial
If you really want to know why he's best check from 24:55 26:55 27:34 32:25 42:45
crisp and clear..amazing
We need more tutorial like javascript + project
Hii lama im from india i love ur content that u provide no one can provide like u ....i have some more content with material ui instead of using css only
Good job! Your level of pedagogy is just amazing
Do you know if this project js is 100 percent made in react?
greate sir your way of teaching is😍😍😍
Amazing pace, I'm a beginner learning React and I was able to completely follow along and fill gaps in my knowledge. Thanks for sharing!
Did you get any error at 1:29:58 ,when filtering username and profile picture from dummy data .
@@mindplus4917 I didn't follow along all the way because I hadn't learned dynamic data at the time of posting. What kind of error were you having?
@@mindplus4917 I recommend you check the github link for his files and just compare to yours. That and make sure your folders aren't organized incorrectly or something. Check imports if you're using the dummy file.
Thank you so much for this great tutorial.
You are really great at ur work. Thanks a bunch for sharing this beautiful craft
instead of `rfc` shorthand you could use `sfc` to create a stateless functional component.
Thank you so much lama dev. It's helping a lot
Great greetings from Tunisia 👍
one of the best Guy, thanks alot
I like the way when you said it's better than Facebook 😁😁 2:1:59
Thanks very Much , i learned about of things from you 😘🥰
This is pure gold.
Hello!
I'm very excited to start with react. I think I'm going to learn a lot from this course.
How can I get the projects' assets?
Thank you for all your tutorials. Please can you add a comment section feature to this project. Thank you so much.
Great Job, carry on, thank you.
You are just brilliant sir.
awesome tutorial, love you!
Elinize, emeğinize sağlık gayet akıcı ve açıklayıcı tebrik ediyorum
You can create more Local Disks on your machine. If windows gets corrupted, you can save data from being lost.
This is amazing, i've been following this tutorial, already did first part, any idea how should we proceed if we wanted all of this to be responsive ? :D
It's not hard we used flexbox, so you can arrange them easily using media query. You can check responsive section of the last video :)
@@LamaDevI I will try do the last part then do the responsive video then come back to this project to make it responsive :D
@@dr4z359 w3.com is great for learning media query.
@@LamaDev Can you tell which video is that? Are you telling the last part(ie) MERN app
@@dr4z359 did you manage to make it responsive?
"Oh, some albino guy"
Spit my coffee out all over my keyboard.
Great work. I would request you please build educational platform application similar to udemy or linkedin learning using react.
Great work! Thank you!
Your tutorials are amazing Shafak .
👆Send a direct message for help 🆙 ⬆️.
thanks for your awasome video! want to see more : )
Outstanding sir❤
very nice project sir, i learned alot, thank u so much ....
Please what NodeJs version did you use ?
I am having a lot of dependencies issues
8:00
16:00
25:24 end of topbar style (done)
32:02
48:35 (done)
52:46 (done)
1:12:44 (done)
1:19:10 (done)
1:48:06 (done)
2:02:45(done)
(done) :)))))))
Great course. You should create a discord channel too.
Wow Very Beautiful Girl😂😂
Very Useful Tutorial Thank You❤
More than amazing!!!!!!!!
"oh you again, what a coincidence" :)
Just looking through comments for this, I was laughing so hard hahahah
great work sir
😊
nice explanation
thank you so much sir it was really helpful :))
very interesting video for beginners
Thanks for video. I have question about moment where you declared HomeRightbar and ProfileRightbar components inside Righbar component. Isnt its antipattern to declaring component inside component as you did (1:53:34)? All info which I read before says: Should never create a component inside another.
Very Nice, Please what version of Node did you use for this project ?
Best React project only available on your youtube channel 👍
just Waaw< u r tutorial's are great
great work sir
u r amazing bro :) :)
Awesome tutoral, thanks
You are awesome! Could you create a tutorial about creating register system with email confirmation?