رجعنا لعصر بي اتش بي بتاع زمان | PHP Server-Side vs. Next.js Server-Side Rendering
Vložit
- čas přidán 15. 05. 2024
- ---
تابعوني ومتنسوش تعملوا Like وSubcribe لو مش عاملين.
وشاركوني بآراكم في الكومنتات.
===
كورس تطوير تطبيقات الويب باستخدام MERN Stack
www.udemy.com/course/yehiatec...
---
رابط كورس React في 90 دقيقة:
• كورس أساسيات رياكت في...
---
رابط كورس HTML وCSS في 120 دقيقة:
• كورس شرح اساسيات بناء ...
---
تشتغل ايه في البرمجة ؟ | Full Time vs Freelance vs Remote Job (2023)
• تشتغل ايه في البرمجة ؟...
===
أنا يحيى العربي مهندس برمجيات شغال بقالي أكتر من 10 سنين في المجال. هدفي في الفيديوهات اللي بنزلها اني انشر الوعي البرمجي وانقلكم خبرتي وتجاربي في السوق عشان تستفيدوا منها ومتكرروش نفس الاخطاء.
وبتمنى التوفيق للجميع
===
صفحة الانستجرام
/ yehia.tech - Věda a technologie
بصراحة محتوى القناة اقل ما يقال عنه انه عظيم جدا جدا
ربنا يبارك فيك يبشمهندس
الله يعطيك العافية مهندس يحيى مستمع بشرحك وتوصيل المعلومة
كمية معلومات رهيبة , اللهم بارك
استمر بارك الله فيك
والله يا بشمهندس بسم الله مشاء الله عليك افضل محتوى web علي اليوتيوب العربي
معلومات ذهب ...بانتظار كل جديد
الله يجزيك الخير ويوسع عليك رزقك
والله فيديوهاتك جميلة جدا وفيها معلومات قيمة ❤
شرح جمييييل جزاك الله خير
ال content اللي أشبه ب technical articles ده عظيم وجميل ومش موجود كتير، بالنسبة لي هو ال edge بتاعة القناة، عاش 👏👏
جودة التصوير رائعة و كدالك المعلومات تحية من المغرب
انت أقل ما يمكن أن يقال عنك انك مذهل مذهل جدا ❤
ربي يزيدك علم وعمل نافع متقبل
تحية كبيرة على شرحك الرهيب
معلومات اسطورية
وهيدي هي اسئلة المقابلات يا ريت تكتر منهن
جزاك الله خير.
جزاك الله خيرا ❤
حقيقي موضوع اللميتيشين هدا هو الي بفكر فيه دايما في أي فكرة او بروجيكت بعمله
مبدع لله درك
عظيم
ياليت استاذ يحيى تتكلم عن مؤتمر رياكت ،،وايه ابرز المستجدات والتغييرات التي حصلت لرياكت❤
عاش يا يحياوي ❤
يا هندسه الكورس ال react وnode هينزل امتي 😉
ان شاء الله قبل آخر شهر ٥ .. حاليا شغالين في مرحلة المونتاج 💪✌️
هل الكورس يشمل التغييرات الجديدة في React 19. في React compiler و ازالة useMemo الخ...
@yehiatech عااااااش❤❤❤
@@mohamedoussous7242 لا لانه اتصور من شهر .. ولسة اصلا 19 منزلش بشكل official .. مجرد Beta.
@@yehiatech كنت اتابعك من شهور ولسه الكورس ما نزل
انا تعبت من كتر ما انا بنبهر بالمحتوي الجديد اللي بتقدمه في كل فيديو وقد ايه فعلا مفيد جدا وبيضيف اضافه قوبه جدا لكل واحد بيشوفه
شكراااااا بقي شكرا ياا اخي 😅تعبت من الانبهار بجدد 🤩
انت دايما بتقدم محتوي بحس انك حاسس باللي بيدور في دماغي وبتيجي تجاوبني عليه ❤
محتاجين كورسات ادفانسيد للاسف المحتوي العربي كله للمبتدئين
youtube.com/@mohammedsafadi?si=2MWg-wL49bW-kgsu
والله فنان ❤️👌
في بردة full-stack عن طريق Laravel livewire تجربتي لها كانت كويسة جدا وبردة فيها نفس الفكرة انها بتعمل render للكومبوننت المطلوب فقط من غير ريفريش للصفحة, وبردة هو مناسب للمشاريع المتوسطة والي فوق متوسطة ممكن بشوية لكن اكيد الحاجات الضخمة لها وضع تاني
بالتوفيق يا هندسة
عاش
Nice
لكن من مميزات next js بشكل عام انك ممكن تشتغل فيها client side و server side و تلعب على حسب مود الفريق يلي انت شغال معها والله إذا كانت في لغة اسرع من node js مثل go او rust او .net في الفريق خلاص تمام نشتغل client side مثل ما بقول المثل (على حسب السوق بنسوق) ..
أعتقد هو مناسب لشغل ال freelance أكثر
المشكلة الاساساية الي بيحلها nextjs هي موضوع ال SEO
لانه ببساطه ال React بيشتغل في ال client side وبالتالي بتظهر معاه مشكلة ال SEO
فاال nextjs وظيفته الاساسيه انه بيعمل Render للكمبونت تبع ال React في السيرفر و بيحل مشكلة ال SEO
اما فكرت انه بيحل مكان الباكند وبتشتغل Full Stack دي وحده من المميزات الي بيقدمها بس دا مش معناته ابداً انه تبني الباكند كامل بال nextjs دا سيناريو فيه مشاكل كثيرة الا لو النظام صغير
الاستخدام الصح لل nextjs انه يكون للفرونت اند فقط و ممكن تبني معاه شوية services تشتغل في ال backend عشان تخدم الفرونت اند وتساعد في ال UX
يعطيك الف عافية محتوى عظيم ❤
بس سؤال ممكن تحكي عن الاهم في سوق العمل من التقنيات الموجودة حالياً
جزاك الله خير
لكن اقتراح اذا تسمحلي استاذ يحيى
لو يكون هناك digram او image اثناء الشرح مثلاً كيف تجي البيانات من الداتابيس الى السيرفر وهكذا
لان هذه الطريقة فعالة اكثرة وتكون الصورة اوضح لينا
وجزاك الله خير ع مجهودك
مع ذلك سيبقى ال laravel واحد من افضل ال backend freamwork لل api
بدنا فيديو شرح عن ال macro front end ❤
👍👍
❤
فعلاً ما ينفع اتفق معك 👍👍👍
- ممكن لو طاح المشروع ما راح تعرف سبب الخطأ بشكل سريع.
- ميزة الباك اند لما يكون منفصل ممكن تحدثه بدون تغيير سطر واحد في الفرونت اند والعكس صحيح ( مرونه وسهوله أكثر في العمل )
Frontend + api ❤
جزاك اللهُ خيراً على معلومة أن next js عملت ليها باكند خاص فيها ، بس رجاءً تلعبش بحواجبك، حلوين زي ما هم.
لغة PHP تذكرني بألعاب الويب الكلاسيكية مثل Travian و Ikariam و Tribal wars
ياسطا عاوز اذاكر وربنا نا تالته ثانوي وكل لما افتح يوتيوب اشوف فيديو ليك بلاقى نفسي بتشد للفيديو كدا 😂❤.
😂❤️
يارجال الناس تحب تتفلسف زيادة وكل شوي طالعين بتقنية تحل مشكلة واللي هي اصلا هذي المشكلة هم اللي اخترعوها رغم انها مالها داعي, جابولك Next.js على اساس اسرع وانا بنفسي جربت سويت نفس التطبيق الويب بال React وواحد بال Next وكل مرة ال React يطلع اسرع من الNext ماادري على اي اساس قالو اسرع, وتجي تسألهم يقولون لك عشان محركات البحث تتعرف على الصفحات واصلا في الوقت الحالي محركات البحث ماصارت تطلب SSR عشان تحسين محركات البحث بل خلاص صارت تتعرف على ال Javascript code وتصنف الصفحات طبيعي بدون اي مشاكل. الناس تحب تخترع المشاكل عشان يصعبون عليك الموضوع, اشتغل بال React وطز فيهم
فى المشاريع الكبيره Next بتبقى احسن والمميزات اللى بتقدمها بتخليها متميزه عن react لوحدها
@@moezzat نفس المميزات اللي موجودة في next موجودة في الري اكت… اما لو كنت محتاج في جزء من الجزئيات تسوي SSR تقدر ترسل JSX من الباك اند او تقدر ترسل html باستخدم ejs…. بالنسبة لي الراوتر حق الرياكت لقيته افضل، اقدر احط جميع ال routes في كمبوننت واحد وبكذا اقدر اعرف وش الراوتات الموجودة في الابلكيشن والى وين تودي واقدر اشوف حتى ال nested routes واشوف خارطة الراوتر كلها في ملف واحد بدل مااقعد افتح الملفات وملف. اخل ملف وملف داخل ملف واقعد اشوف واحلل الملفات عشان اعرف الراوتر حق next وش فيه. الرياكت من وجهة نظري اكثر تنظيم ووضوح وصديق للمبرمج اكثر من النكست
في ناس متمكنين في الفرونت اند والباك اند بقوة - منين جبت ان مافيش ! في وفي كتير
🙏🙏
والله يا اخوي لو اخبرك اني شغال
Full stack
عن طريق ال
Java server pages
واستخدم
Jquery loader
في تنزيل الصفحات وتغيير ال
Components
ك بديل مؤقت عن
React js
طب ايه رايك في Astro داخل بقوه كبيره وشركات كبيره بتستخدمه
can you do video talking about design patterns
ممكن تعملنا فيديو علي flutter و الصوت واطي شويه
NextJS is now top-noch full stack framework.
ما رأيك بـ htmx tools for html
ممكن حلقة من الحلقات الرائعة بس تكون عن ثورة Laravel في php
تمام باذن الله 💯
كل التوفيق اخي ❤️
في تجربة laravel livewire فيها SSR لكن كل مرة يغير component فقط حتى لمى تغير صفحة تكون smoth يعني تشبهه next js
هو بيستخدم ajax عشان يسوي Singe Page App,, هو بالأخير أدوات الفرونت مثل react اختصار ليك عشان متعبش نفسك وتكتب كود ajax عملاق
عيزين فديو عن ال DevOps
طيب ممكن نقسم functionalities من ال system و نحولهن ل micro services و يكون l system الأساسي next! 🤔🤔 فالموضوع ممكن يتقسم .. شو رأيك ؟ 😅 شكرا
كورس next js لو ممكن
حقيقة والله ال Next.js ممتازة جدا لل frontend
طيب ايه افضل استخدام رياكت كفرونت اند ولا next وايه الفرق الجوهري بينهم
نيكست مبني على رياكت مفيش فرق الا ان نيكست بيقدم ادوات لكل حاجة ممكن تحتاجها بشكل افتراضي على عكس رياكت اللي لازم تنزل كمية مكتبات خارجية كبيرة كمان نيكست يعتبر فول ستاك اكثر
@@Mohassan.99
Next framework انما reactمكتبه ولو اتعلمت Next هتكتب ب react اصلا 😊 @@Mohassan.99
ممكن تعمل لنا Next js full stack app شكرا
فين تحديات البرمجه باقي الفديوهات
You can use Laravel inertia
اعتقد هناك امتداد لهم اطار اسمه nest.js وهذا اطار قوي في الباك اند...
مارايك يابش مهندس ب Bun ، وهل ترى انه فعلا سيسحق النود ام هناك مبالغة؟
انا فري لنس ايه احسن حاجة استخدمها عشان اعمل e commerce متوسطة الصعوبة كدا
حو المحتوى : و لكن اﻷفضل بتشرح بأمثله "و أقصد بكده ان اﻷمثله تكون كود"
100%
ليه ليه 🤨 😂😂 ❤❤
ههههههههه ترجمة جيده جدا لفيديو Maximilian Schwarzmüller عمله من 12 يوم بعنوان Are we going back to PHP with fullstack JavaScript?
حتي لو ترجمه فين المشكله ، مافي ناس مبتفهمش زيك كدا مش عارفه ان في ناس علي قدها ف الانجليزي وممكن ميفهموش فيديو ماكسميليان؟
@@muhamedmahmoud5481 ههههههه زيي
حضرتك ما تعرفش تبقى زيي هههههه
روح أتعالج يا نجم عشان انت مش سالك من جوا لا عجبك الراجل اللي بيشرح حتي لو ترجمه و الراجل اللي بيوضحلك ان مش كل الناس بتفهم بالإنجليزي كويس رديت بغرور اما انت مايسترو بصحيح ركز عالمعلومه الله يهديك
@@mohamedmagdy8505 ريح نفسك انت بس ما ترميش نفسك وخلاص
@@mohamedmagdy8505 أيوه فعلا محتاج أتعالج علشان ابطل اسرق مجهود غيري وبالمرة أبطل ادافع عن الغلطان
محتاجين لشرح بطريقتك السلسة عن micro frontend
حاضر
يا هندسه ما رايك في laravel
انا لسه شغال بال php و بستخدم ال lazyLoad بيعطي نتيجة نفسها
فين يا هندسة كورس ال nextjs
Angular 17 SSR and SSG
ya Ged3an 7ad yfahimna eh "entar preting" di!
huwa ma32oul el bash muhandis y2soud "interpreting"?
شغال انت بتاخد من قناة ماكس على اليوتيوب و تترجم لعربي :D
Php Laravel + Livewire . ❤
يا بشمهندس انا بحب اوي طريقتك في شرح المواضيع
ربنا يكرمك
و عندي سؤال معلش
اسم الكيبورد اللي كانت وراك دي اية معلش
HyperX Alloy
الموضوع كبر خالص وصار لازم نخترع حاجه اسمها middle-end
نيكست بيفكرني بلارافيل جدا
اولا عايز اشكرك لسببين .. انك اكدت لي ان انا فهمت ال server side rendering لوحدي صح .. واكدت لي اني ملهوش لازمة برضو 😂 .. الا اللهم علشان ال seo .. لكن علشان تشتغل في شركة كبيرة فاكيد عندها مشروع كبير فاكيد حيبقو مقسمين الدنيا فرونت وباك ..
react 19 هتكون افضل من next ان شاء الله
يرحم اهلك ما تتكلم على Ext js تفهمنا عنها
استخدمتها فترة وماعجبتني ورجعت لشي اسمه
Kendo framework
احسها افضل ..
على فكرة react js اخذ فكرتها من JSF +primefaces
و الJSF web component
بدون اي صداع و تعب تعلم Jalarta EE
الجافا لها تأثير كبير في الويب حتي عندها عندها حاجة إسمها ال Servlet من التسعينات شغالة بنفس طريقة ال php وأذكي لكن أصعب في التعامل
@@hassanelsayeddiab7822
ال JSP قصدك مشابة لل php
تصدق بالله بعد ما تستخدم التقنية الل قلت لك نادرا ما تستخدم الجافا اسكريبت
راحت و تطوير اسرع
@hassanelsayeddiab7822
قصدك jsp هو مشابهة للphp
الشغل على الJakartaEE يريحك من صداع الجافا اسكريبت
انصح كل شخص يستخدم jsf + primefaces
وال backend ejb or cdi
السلام عليكم اخي يحيى انا طالب برمجه وبشتغل بشركه . ولازم نحنا كفريق نبني تطبيق ويب ويجيب بيانات من السيرفر بدون ماتحدث الصفحه تبع الويب حضرتك ذكرت رياكت جي اس وانا هلق عم اقترح انو نعمل هاد شي بل فيو جي اس شو رأي حضرتك ! شكرا لوقتك
هل هو عيب بناء مشروع بالpure html , pure php , pure css , pure mysql
؟
ولا لازم فريموورك والخ
طب nuxt js بيقولوا اسرع نعمل ايه
احنا تعبنا من كل شوية اجري ورا tech
لاتضيع وقتك بالتفكير وابدأ تعلم اي تقنيه وباقي التقنيات راح تكون سهله لان اصلا كلها متشابهه
تسلم يا هندسه❤️
خليك فرونت اند ديفيلوبر بلاش تكون فريمورك ديفيلوبر
كيف تثبيت اكثر من اصدار من php في xampp ثم تثبيت laravel ثم فتحها على visual studio code
استخدم laragon اسهل حل
استخدم paragon او laravel herd
لمن تشتغل مع frontend منفصل علbackend احسن بكثير من تشتغل الثنين سوا. السبب هوه انو الapi فيك تستعمله في اكثر من مكان بدون حاجة انو ترجع تعيد نص الشغل من السيرفر سايد
نفسي تبل ريقي بكلمه حلوه علي php ياهندسه 😂😂
جاي في الطريق اكتر عن PHP .. وهنا كان كلام حلو على فكرة 😄💪
Do These Things
1: Don't talk to non mahram
2: Pray All Your 5 Daily Salaah's On Time
3: Lower Your Gaze
4: Study & Learn Islamic Knowledge
5: No Arguing Or Fighting & Avoid Sins
6: Recite & Learn The Glorious Qur'aan
7: No Smoking Try Quitting For Good
8: No Swearing & Lying Backbiting
9: Make Lots Of Duaa
10: Don't Waste Time On Useless Activities
11:Give In Charity Help The Poor
12:Do Not listen To Music
13:Do Lots Of Dhikr
Keep your tounge moist with remembrance of allah
Some Dhikr: Subhanallahi Wa Bihamdihi Subhanallahil Azeem
Astagfirullah Subhanallah Alhamdulillah Allahu Akbar La illaha ilallah
Throughout the day Do Dhikr. During Driving, Riding, Walking, Running, Working no matter what are you doing remember allah.
Also Make Dua's: Allahuma inni as'aluka jannah Allahuma ajirni Min'an Naar
Allahumma inni as'aluka husnal khatimah
Share With Others So That This Will Become SADAQAH JARIYA For You.
maximilian schwarzmüller كان قايل الكلام دا من كام يوم
بعد أذنك ممكن تنصحني اتخصص في ايه عايز حاجه مندمش عليها وليها شغل وسوق
هو ليش بتتكلم على ريأكت وانجيولر وظالم فيو
على فكرة Nuxt متل Next واحسن منها
ليش افكار فيديوهاتك دائما متاخرة؟
React Native أو Flutter ??
ليه متتعلمش الاتنين؟
متزنقش نفسك في فريمورك معين
حاول تخلي الوضع بالنسبة لك عندك خبرة في الاتنين لان متضمنش الشغل المطلوب يكون في فريمورك معين و اثناء الشغل تلاقي نفسك مضطر تشتغل على جاجه مختلفه فا متزنقش نفسك
يكفي البي اتش بي انها مفتوحة المصدر ومجانيه وليست من مايكروسوفت مثل اي اس بي ما تدري وش دس لك من فيروسات وبلاوي بالكود الخفي الغير مكشوف للمستخدمين
🤍🖤
مع احترامي ليك .. معلوماتك قديمة شوية عن php بس مش مهم دي مشكلة اغلب الناس اللي بتتكلم عن php على انها لغة جار عليها الزمن ..
Php و laravel عندهم كمان ssr . تخيل ؟؟
تقدر تسيرش عن inertia بتعمل ssr و csr باستخدام vue و الاتنين هيتعملوا جوا laravel framework 😅
نصيحة ليك محتاج تركز شوية على اللغة دي و الفريمورك دي عشان فيهم حاجات جبارة مش موجودين في حاجات تانية . و لو مش مصدقني تقدر تشوف reaction الاجانب على laravel مؤخرا
شكرا ليك على تعليقك واضافتك .. لكن اريد ان تنتبه اني ذكرت في العنوان "php بتاع زمان" مش بتاع انهاردة 😄
فانا لم اذكر اطلاقاً انها عدى عليها الزمن او اذكر انها معيبة او اي كلام سلبي عليها اطلاقاً ..
رغم اني لا افضلها كلغة لكن انا مؤمن انها مستقرة جداً وتقدمت جداً في اخر اصدارين ليها نزلوا ..
فانا على دراية تامة جداً بالامكانيات الهايلة اللي بيقدمها Laravel انهاردة وقد ايه هو عمل تحول حقيقي للPHP من انها تبقى لغة محصورة مع الHTML فقط .. إلى انها تبقى لغة متكاملة Standalone تبني بيها Backend يقدر يعتمد عليه ويطلع Production ويبقى Resilient وScalable.
فباذن الله له خطة في الفيديوهات القادمة هعمله تغطيه بالفكر الحديث له .. واقارنه مع العصر القديم له الذي انا شخصياً جربته ومريت بيه كتجارب في مشاريع عملية.
❤
كيف تثبيت اكثر من اصدار من php في xampp ثم تثبيت laravel ثم فتحها على visual studio code
اكثر من اصدار ل php يبقي تستخدم Laragon مش xampp
جرب حاويات docker المناسبة لما تريد
نزل wampp server بدلا من xampp و بتقلب بالإصدارات براحتك