8 full stack project ideas ^

*منهج مقترح لتعلم برمجة المواقع:*
تحتاج لإتقان وتعلم برمجة المواقع إلى تعلم بعض التقنيات واللغات التي تساعدك في بناء موقع متكامل وهي تنقسم إلى أربعة أقسام على النحو التالي: وسأذكر مع كل قسم دورات ممتازة فيه:

*القسم الأول (تصميم واجهات الموقع):*
وفي هذا القسم تحتاج لتعلم *لغة HTML* وهي لغة هيكلة للموقع بحيث تتيح لك وضع عناصر داخل الصفحة مثل نصوص أوحقول أو صور أو فيديوهات...
بإمكانك تعلمها من هنا:
*المستوى الأول:* https://www.youtube.com/watch?v=PYjyg0LNTfE&list=PLDoPjvoNmBAwClZ1PDcjWilxp9YERUbNt
*المستوى الثاني:* https://www.youtube.com/watch?v=6gjg5n9kyBU&list=PLDoPjvoNmBAyXCAQMLhDRZsLi_HurqTBZ

كذلك ستحتاج لتعلم *لغة CSS* وهي لغة التصميم والتزيين بحيث تتحكم بالألوان والخطوط والأحجام وأماكن العناصر في الصفحة وجميع ما يتعلق بالتصميم...

بإمكانك تعلمها من هنا:
*المستوى الأول:* https://www.youtube.com/watch?v=Iu1T7j2FA4M&list=PLDoPjvoNmBAzAeIcXA3_JsmSkPKOs9W-Y
*المستوى الثاني:* https://www.youtube.com/watch?v=aBlZ_2rGeb4&list=PLDoPjvoNmBAyEyQaHOHO1HJtmSgGt07VC

بعد هذه المرحلة ستحتاج لتعلم شيء يسمى Bootstrap وهو عبارة عن تسهيل لاستخدام HTML و CSS بحيث يوفر لك أكواد جاهزة للعناصر تختصر عليك عناء كتابتها مع إمكانية التحكم الكامل بها وكأنك أنت من صممها ، بالإضافة إلى أنه يعطيك الموقع متوافق مع مختلف أحجام الشاشات...
*لتعلم bootstrap:*
https://www.youtube.com/watch?v=auFVttzUoo8&list=PLDoPjvoNmBAw24EjNUp_88S1VeaNK8Cts

يوجد لديك خيار بديل عن bootstrap وهو أفضل منه بكثير وشخصياً أستعمله ، وهو تصميم موقعك بالكامل بعناصره وألوانه وكل شيء بالإضافة إلى تحكم دقيقة جداً بجميع أحجام الشاشات الموجودة وبدون أن تكتب سطر كود واحد ، وفي الأخير سيقدم لك أكواد الـ HTML و CSS لمشروعك كاملاً بشكل مرتب جداً ، وهو تصميم موقعك من خلال موقع webflow ، أنصح به جداً جداً جداً لأنه سيريحك أكثر من أي شيء آخر في مرحلة تصميم واجهات الموقع بدون الحاجة لكتابة أي كود لأنه يتكفل بها بالكامل..
*رابط الموقع : http://webflow.com*


*القسم الثاني (تعلم لغة التخاطب مع السيرفر):*
بالتأكيد يوجد لديك بيانات تريد تخزينها في قواعد البيانات مثل معلومات الأعضاء المسجلين في موقك ، أو حتى إن كنت تريد جلب بيانات من قاعدة البيانات ، في هذه الحالة ستحتاج إحدى هذه الثلاث لغات للتعامل مع السيرفر وهي (PHP, Python, Ruby) وبالتأكيد سأرشح لك *PHP* كونها الأسهل والأشهر بينهم...
*لتعلم لغة PHP بشكل مميز:*
https://www.youtube.com/watch?v=-u9_T_CLZHY&list=PLDoPjvoNmBAzH72MTPuAAaYfReraNlQgM


*القسم الثالث (تعلم لغة قواعد البيانات):*
وهي *لغة MYSQLI* السهلة والميسرة...
*دورة مميزة لتعلم MYSQLI:*
https://www.youtube.com/watch?v=DftlOK7fCtc&list=PLDoPjvoNmBAz6DT8SzQ1CODJTH-NIA7R9


*القسم الرابع (دمج مرحلة تصميم الواجهات مع مرحلة السيرفر وقواعد البيانات لعمل مشروع متكامل):*
سأرشح لك هذه الدورة الممتازة جداً في هذا الشأن حيث أنه يستخدم php + mysqli + bootstrap لإنشاء مشروع متكامل بطريقة تعليمية...
https://www.youtube.com/watch?v=LsFQrbddCU4&list=PLGrVJ65OeCtMYaVFZHWuC9mn2aB1bhqFI

وكذلك يوجد هذه الدورة الممتازة لتعلم كيفية عمل متجر إلكتروني...
https://www.youtube.com/watch?v=YajM38Dc3Qk&list=PLDoPjvoNmBAxdiBh6J62wOzEnvC4CNuFU

*القسم الخامس (مرحلة الكماليات والتفنن في الموقع):*
تشاهد كثيراً بعض الحركات المميزة في بعض المواقع مثل عندما تضغط على زر معين يحصل حدث معين في الموقع أو تريد عم animation مميز لأحد العناصر أو تأثيرات الدخول والخروج ، في هذه الحالة ستحتاج لتعلم إحدى مكتبات لغة الـ javascript السهلة والمميزة وهي *لغة Jquery...*
لتعلم هذه اللغة بشكل ممتاز:
*المستوى الأول:*
https://www.youtube.com/watch?v=JLm1ELLqJkA&list=PLDoPjvoNmBAwXDFEEpc8TT6MFbDAC5XNB
*المستوى الثاني:*
https://www.youtube.com/watch?v=66QpkBLJ4_k&list=PLDoPjvoNmBAz0_Ujf9ZB9KceUzzSVYDci

*طبعاً ما زلت في بداية الطريق وتحتاج بعد كل هذا إلى تطوير نفسك إلى مستويات أعلى في جميع اللغات والتقنيات المذكورة ، ومع الوقت ستجد نفسك تبحث وتسأل وتتطور شيئاً فشيئاً ، لكن اعقد العزم وابدأ بهذه الخطة وستجد فرق في مستواك مع الأيام إن شاء الله...*

تحياتي لكم 🌺

https://www.udemy.com/course/the-web-developer-bootcamp/
63 ساعه^


https://www.udemy.com/course/the-complete-web-development-bootcamp/
55 ساعه^


هذول دورتين من افضل و اعلى تقيم بين الدورات ب udemy للي بدو يعمل مواقع
(بينزل عليهم عرض كل فتره و فتره بتكون من 11 دولار لغايه 15 دولار)

https://www.projecttopics.org/projects/computer-science-project-topics-materials

افكار لمشاريع التخرج ^

كل البرامج الي تحتاجوها لعمل مشروع التخرج
الجزء النظري
https://icecreamapps.com/
• Icecream Screen Recorder .
• Icecream Video Editor.
شرح طريقة استخدام Icecream Video Editor
https://www.youtube.com/watch?v=ty7xBhmNLbs
• Icecream Image Resizer
• Icecream Slideshow-Maker

لعمل الجدول الزمني Gantt-chart
https://www.officetimeline.com/online/gantt-chart-maker
لعمل الرسومات
https://staruml.io/download
لعمل لوغو
https://www.freelogodesign.org/

لتقليل حجم الصور
https://tinypng.com/

الجزء العملي للويب سايت
لعمل prototype Interface
https://creativecloud.adobe.com/apps/download/xd?promoid=B8NR3RT1&mv=other
xampp
https://www.apachefriends.org/download.html
VS Code
https://code.visualstudio.com/docs/?dv=win
طريقة تنزيل وأهم الأدوات المطلوب تنزيلها لتسهيل كتابة الاكواد vs code
https://www.youtube.com/watch?v=aVwpaBZwysQ

طريقة استخدام وفتح الملف بالمتصفح xxampp و VS Code
https://www.youtube.com/watch?v=-ug7_JdRIqA
php
https://www.php.net/downloads.php
phpmyadmin
https://www.phpmyadmin.net/
ملف يحتوي على bootstrap4,jquery,font-aosome , html5shiv, respond
https://drive.google.com/file/d/1NQPI58JHKQU1ZIuA3N3cQo2HLC664lgY/view?usp=sharing

نصيحة أعملو دائما نسخه احتياطية لأعمالكم بالدرايف
وبتوفيق للجميع

I am sharing 'نصائح عامه للمشروع' with you

#منقول

السلام عليكم
يعطيكم العافية

بكتب لكم كل شي :
- اول شي ترا طريقة الدخول و الاسلوب وايد يفرق وايد لمن تبين انك متوتر يفرق وايد .. ثاني شي صراحة يعتمد على مزاج الدكتور و رد فعله .
يعني في بنات بطل معاها الاكواد و سأل بالتفاصيل هذا الكود حق شنو و طلعيلي كود هذا الزر او هذا الامر ، شلون تضيفين button ، درسوا الكود شلون login مثلا يعني اهم الاوامر وين مكانها مو اكثر ..
- طريقتك اهي اللي تحكم ، الدكتور يحاول يدقر بالكلام
يحاول يستصغرك انك مو فاهم او مألف او مسوي شي ماله معنى و ان الابلكيشن مالك ما منه فايدة و صعب او بشنو بيفيدني يعني ؟
لازم ردك يكون محكم و تعرف تعطيه راي بكل ثقة ان برنامجي جذي و جذي و بالعكس اشوفه زين و متكامل و هالكلام .
- حاول اول ما تدش تتجهز و تركب الواير عاللابتوب عشان الداتا شو و تفتح البوربوينت و تعطيهم نظرة الثقة و انك جاهز ، ابتسم لا تبين الخوف
- بس تبلش حاول مو بس تقرا جنك رجل آلي الاهداف مالت المشروع و الحل و المشكلة مثلا .. لا حاول تسترجل تشرخ بطريقتك يعني انا كنت كاتبة كلام و شلون بشرح دشيت نسيته كله قمت اتكلم بالنقاط بشكل عام من نفسي .. حاول تتفلسف بالانقلش شوي و تبين انك فاهم .
- احنا قروبنا وااايد دققوا عالريبورت و للاسف و لا وحدة فينا كانت مستعدة له او قاريته .. يبونه تغليف حلزوني لا تنسون لان احنا طابعينه بس اوراق و علقوا على هالشي ، وايد يدققون بالريبورت يعني ليش ما حطيت المواقع بس كاتب الريفرنسس ؟ هذا هذا ناقص ؟ وين هذا ليش مو ذاكره ..
- الشي اللي ما تعرف ترد عليه لا تتأتأ او تبين صج ما تعرفه كلش ، حاول تاخذهم بالكلام يعني انا توهقت بهالشي وايد بس لفيت الموضوع و كل ما طلع شي و توهقت فيه قلتله جل من لا يسهو 😂او فعلاً معاك حق ما ادري شلون راحت عن بالي ،، صح كلامك نقطتك مهمة كان المفروض احطها بالبرنامج ، عطوهم موقع القوة ان انتوا صح و انا طالبة و شغلي ناقص بس حاولت اطاع البرنامج بافضل صورة .. تاكدوا من ان برنامجكم شغال هذا اهم شي ترا
- للعلم كلامي مبين اني قوية و انا و الله كانت حايشتني ام الركب و اتراجف ، لكن ابتسمت و بينت اني تمام و كل ما يكلمني بشي الف بالكلام و ابين له انه على حق و حلوة ملاحظته و وجهة نظره جدا واو ..
- وايد حرّصوا على انه ناقص و حان حطيتي و ردي كان بثقة و هدوء ان صح الاكيد ان هذي الملاحظات لمن اعدل على مشروعي عشان اعرضه بالسوق بسويهم راح تنفعني و تزيد من كمالية البرنامج و معطته وضعية هات اللي عنك انا ترا اعرف اجاوب و انا ما اعرف شي 😂

هذا اللي يحضرني
و اي سؤال انا حاضر باللي اعرفه

قناه فيها شرح و نصائح لمشروع التخرج

https://t.me/Imp_T471

أستغفرُ اللهَ العظيمَ الذي لا إلهَ إلَّا هو الحيَّ القيومَ وأتوبُ إليه