كتاب تعلم html و css من الصفر الى الاحتراف🔥🔥🔥

متوفر الان استشارة على الزوم لمدة ساعة بسعر بسيط للاستفسار
@Abojoodnema

يوجد العديد من المصادر المجانية لتعلم لغة بايثون. إليك بعض المصادر المجانية التي يمكنك الاستفادة منها:

1. Codecademy: يقدم هذا الموقع دورات تعليمية مجانية للغة بايثون، حيث يتضمن الموقع دروسًا تفاعلية وتمارين تطبيقية لتعلم اللغة بشكل فعال.

2. موقع LearnPython.org: يوفر هذا الموقع دورات تعليمية مجانية للغة بايثون، بالإضافة إلى تمارين تطبيقية وشروحات مفصلة للمفاهيم الأساسية.

3. موقع Python.org: يتضمن هذا الموقع مجموعة من الدروس التعليمية المجانية للغة بايثون، بالإضافة إلى وثائق ودليل المستخدم ومعلومات مفصلة عن اللغة.

4. موقع SoloLearn: يقدم هذا الموقع دورات تعليمية مجانية للغة بايثون، مع تمارين تطبيقية ومنتدى للمناقشة والتواصل مع المتعلمين الآخرين.

5. موقع Udemy: يوفر هذا الموقع دورات تعليمية مجانية ومدفوعة للغة بايثون، ويتضمن الموقع مجموعة من الدروس التفاعلية والتمارين التطبيقية.

6. موقع GitHub: يحتوي هذا الموقع على العديد من البرامج والمشاريع التعليمية للغة بايثون، ويمكن الاستفادة منها كمصدر لتعلم اللغة.

7. موقع PyCharm Edu: يوفر هذا الموقع برنامج PyCharm المجاني الذي يتضمن محررًا للغة بايثون، بالإضافة إلى العديد من الدروس التعليمية والتمارين التطبيقية.

8. موقع Real Python: يوفر هذا الموقع مقالات ودروسًا تعليمية مجانية للغة بايثون، مع شروحات مفصلة وأمثلة تطبيقية.

تذكر، الممارسة العملية والتجربة العملية هي المفتاح لتعلم اللغة بايثون بشكل فعال، لذا ينصح بالاستفادة من الدروس التفاعلية والتمارين التطبيقية في هذه المصادر المجانية.

HTML و CSS هما لغتان مختلفتان تستخدمان في تطوير صفحات الويب. يتم استخدام HTML لبناء هيكل الصفحة وتحديد محتواها، بينما يتم استخدام CSS لتنسيق وتصميم الصفحات الإلكترونية. هناك بعض الفروق الأساسية بين HTML و CSS:

1. HTML (HyperText Markup Language) هي لغة تستخدم لبناء هيكل الصفحة، وتتكون من عناصر المحتوى مثل النص والصور والروابط والجداول والنماذج والفيديو وغيرها. يتم استخدام عناصر HTML لتحديد وتنظيم محتوى الصفحة.

2. CSS (Cascading Style Sheets) هي لغة تستخدم لتنسيق وتصميم الصفحات الإلكترونية، وتستخدم لتحديد الألوان والخطوط والخلفيات والحواف والتدرجات وغيرها من الخصائص التي تؤثر على شكل الصفحة.

3. يتم استخدام HTML لبناء هيكل الصفحة، بينما يتم استخدام CSS لتنسيق الصفحة وتحديد مظهرها.

4. HTML يتم استخدامه لإنشاء عناصر المحتوى، بينما يتم استخدام CSS لتعديل مظهر هذه العناصر.

5. كلا اللغتين تعمل معًا لتطوير صفحات الويب المتكاملة، حيث يتم استخدام HTML لتحديد محتوى الصفحة وتنظيمه، ويتم استخدام CSS لتنسيق هذا المحتوى وتجميل الصفحة.

دورة بايثون من الصفر الى الاحتراف😍😍
https://youtube.com/playlist?list=PLb6ZzJ93PVwpRVdX9yg8tQ1SMC4DSECjz

📌هذا الموقع تقدر تصمم من خلاله شعارات باستخدام الذكاء الاصطناعي 🔥
كل اللي عليك تدخل الاسم اللي تبيه ،ومن ثم تختار اشكال مقاربة للشعار مع اللون  والايقونات وراح يعرض لك مجموعة من الشعارات 👌

https://looka.com/

تعالو نتكلم شوية عن اطار العمل Laravel


ما هو Laravel؟
Laravel هو إطار عمل لتطوير تطبيقات الويب بلغة PHP. يتميز Laravel بسهولة التعلم والاستخدام، ويوفر العديد من الميزات المفيدة لتسريع وتبسيط عملية تطوير التطبيقات.

الميزات الرئيسية لـ Laravel:

نظام توجيه قوي: يتيح لك Laravel تعريف وإدارة طرق التوجيه بسهولة، مما يسهل توجيه طلبات المستخدم إلى الوظائف المناسبة في التطبيق.
نظام قاعدة بيانات Eloquent ORM: يوفر طريقة برمجية أنيقة للتفاعل مع قواعد البيانات، مما يسمح بتنفيذ عمليات الاستعلام بسهولة ويسر.
نظام محتوى Blade Templating: يتيح لك تصميم وإعادة استخدام العرضات بسهولة، ويدعم مفاهيم التكوين والاستدعاءات الجزئية والوراثة.
نظام مكتبة للمهام الجدولية: يسمح لك بجدولة وتنفيذ المهام المبرمجة بشكل دوري، مثل مهام الصيانة أو الاستيراد.
أمان قوي: يتضمن Laravel نظامًا شاملاً للمصادقة والترخيص، مما يجعل من السهل حماية تطبيقك والتحكم في وصول المستخدمين إلى الوظائف المحددة.
البيئة والأدوات:

Composer: أداة لإدارة الاعتماديات وتثبيت حزم الإضافات اللازمة.
Artisan: واجهة سطر الأوامر المدمجة في Laravel، توفر أوامر لتسهيل مهام التطوير والإدارة.
Laravel Mix: أداة لبناء وإدارة الملفات الأصلية للنصوص الأمامية (CSS و JavaScript) بسهولة.
المجتمع والدعم:
Laravel يتمتع بمجتمع نشط وداعم، حيث يتم تحديث الإطار بانتظام وتوفير التوثيق الشاملة والشروحات والنصائح عبر الإنترنت. يمكنك الاستفادة من المنتديات والمجموعات البريدية والمواقع المتخصصة للحصول على المساعدة وتبادل المعرفة مع مجتمع Laravel.

الاستخدامات الشائعة لـ Laravel:
Laravel يستخدم على نطاق واسع في تطوير مجموعة متنوعة من تطبيقات الويب، بما في ذلك:

تطبيقات الأعمال ونظم إدارة المحتوى.
المتاجر الإلكترونية ومنصات التجارة الإلكترونية.
تطبيقات الويب الاجتماعية والشبكات الاجتماعية.
منصات التعليم عبر الإنترنت والأكاديميات الرقمية.
التطبيقات الحكومية والمؤسسية.

إذا كنت مبتدأ في برمجة الويب، فإنه من المهم أولاً أن تتعلم الأساسيات جيدًا. وفيما يلي بعض النصائح التي ستساعدك في البداية:

1- ابدأ بتعلم لغة HTML: هذه هي اللغة الأساسية لجميع صفحات الويب. يُعتبر تعلم HTML هو الخطوة الأولى في برمجة الويب. يمكنك البحث على الإنترنت عن الكورسات المجانية لتعلم لغة HTML.

2- تعلم CSS و JavaScript: بعد تعلم لغة HTML، عليك التوجه إلى تعلم CSS و JavaScript. تعلم CSS يساعدك على إضفاء الجمالية والتصميم الجيد على صفحات الويب، بينما تعلم JavaScript يساعدك في تحريك العناصر وتوفير تجربة استخدام مميزة للمستخدم.

3- استخدم الأدوات المناسبة: يمكنك استخدام أدوات مثل Sublime Text أو Notepad++ أو Visual Studio Code للكتابة والتعديل على الكود. كما يمكنك استخدام Frameworks مثل Bootstrap أو Foundation لتسهيل عملية تصميم صفحات الويب.

4- اقرأ كثيرًا: لا تنسَ القراءة عن التقنيات الجديدة والمميزة في مجال برمجة الويب. يمكنك اتباع المتخصصين في هذا المجال على تويتر أو حتى قراءة بعض المدونات التي تتحدث عن هذا الموضوع.

5- قم ببرمجة مواقع ويب بنفسك: لا تتأخر في البدء في تصميم وبرمجة بعض المواقع الصغيرة بنفسك. قم بالتفرغ للعمل بشكل منتظم على مشروعك الخاص وستتطور مهارتك بشكل كبير.

6- التواصل مع المبرمجين الآخرين: حاول التواصل مع المبرمجين الآخرين والقراءة عن التجارب والتحديات التي يواجهونها. قد يتمتع أحدهم ببعض الأفكار التي تساعد في تحسين مهارات البرمجة الخاصة بك.

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

برمجة الويب واحدة من أكثر المهارات الحديثة والمطلوبة على مستوى العالم. ولكن بداية الرحلة في هذا العالم يمكن أن يكون صعباً للمبتدئين. لمساعدتك على البدء، نقدم لك أفضل النصائح لمبتدئين برمجة الويب.

موقع مهم لكل مبرمجين الفرونت اند | FrontEnd
لينك الموقع : uiverse.io
الموقع يحتوي علي اشكال لـ Buttons , Checkboxes , Toggle switches , Cards , Loaders , Inputs , Radio buttons
يمكنك اقتباس وعمل تغذيه بصريه عليها وعمل مثلها في موقعك او تصميمك
او يمكنك ايضا اخذ كود الشكل الذي يناسبك
يمكنك ايضا عمل تصميمات ورفعها علي هذا الموقع ليستفيد منها جميع الناس
موقع مفيد جدا لجميع مبرمجين الفرونت اند ومفيد جدا اذا كنت مبتدئ في هذا المجال
قم بدراسه الاشكال والتصميمات التي توجد عليه

دورة رياكت من الصفر الى الاحتراف مجانا 😍😍
https://youtube.com/playlist?list=PLpr1Lg_f0v3ojNKR4WzZ_SEXhiKBHDQmB

موقع CodePen يعد أيضًا موقعًا مهمًا لمصممي المواقع. يتيح لك هذا الموقع إنشاء ومشاركة صفحات الويب والتطبيقات المختلفة، ويوفر لك العديد من الأدوات والمكتبات والإطارات التي يمكن استخدامها في تصميم وتطوير المواقع. كما يتيح للمستخدمين التفاعل مع بعضهم البعض والتعلم من خلال الأعمال التي يتم نشرها على الموقع.

📌نصائح للمبتدئين بمجال FrontEnd 👨‍💻

ابدأ بتعلم كيف يعمل الويب Web .
ابدأ وتعلم HTML و CSS جيدا .
لاتتعلم اطر العمل Bootstrap  و Tailwind قبل معرفتك ل CSS . ❌

استخدم أطر العمل مثل React و Next Js لانها تسهل وتختصر عليك الكثير من الوقت✅  

لاتنسى الاهتمام بمعرض اعمالك✅

كتاب تعلم لغة السي من الصفر الى الاحتراف🔥🔥

‎أفضل لينكات github لازم وحتما تحفظهم عندك ايا كان تخصصك في البرمجة

1 - Tech Interview Handbook
https://github.com/yangshun/tech-interview-handbook

2 - The Algorithms
https://github.com/TheAlgorithms

3 - Free Programming Books
https://github.com/EbookFoundation/free-programming-books

4 - 1000+ Free APIs
https://github.com/public-apis/public-apis

5 - Coding Interview University
https://github.com/jwasham/coding-interview-university

6 - 30 Seconds of Code
https://github.com/30-seconds/30-seconds-of-code

‏تعالو نعرف يعنى ايه API ؟

‏كلنا عارفين انه اختصار ل Application Programing Interface

‏وفى اغلب الاحيان بنسمعه دايما لما بنكون بن develope backend و بالتالى فى frontend بيعمل call لل API دة

‏بص المصطلح دة اشمل من كدة. باختصار اى مستخدم عادى وليس مطور برمجيات مش هيقدر يتعامل مع اى جزء من البرنامج بشكل تقنى وبالتالى هو محتاج وسيط او واجهة يقدر يتعامل مع البرنامج من خلاله.

‏خلينا نقول مثال بسيط بعيدا دلوقتى عن ال software
‏اى عميل بيروح بنك وبيقف على شباك علشان يتكلم مع موظف يساعده فى طلبه. السؤال هنا هو ليه الموظف دة موجود ؟! وليه العميل ميقدرش بنفسه يدخل المكتب وينفذ بنفسه طلبه ؟

‏لان اولا العميل معندوش ولا المهارة ولا المعرفة الى تقدر يخليه يعمل كدة، ولو افترضنا انه يقدر فمش المفروض اى حد يدخل على اى نظام يعمل فى اى حاجه.

‏لو قولنا أن نظام البنك هو ال Application و الموظف هو ال Interface فكدة اى عميل يقدر يتعامل مع ال system بشكل غير مباشر عن طريق الموظف.
‏ودة يخلينا نقول ان ال Interface مش مفهومها هنا "واجهة رسومية" مش شرط تبقى frontend خلينا نقول بشكل أدق انها مجرد اداة بتعمل كوسيط.

‏هو دة بالضبط الى بيحصل فى اى مرة هتسمع فيها API

‏لو اتكلمنا عن مثال تانى ونقول اننا عندنا web application و فيه database مستخدمة.
‏هو ليه المستخدم الطبيعى ميقدرش يدخل على ال database بشكل مباشر ويقدر ينقذ عليها ال queries الى هو محتاجها ؟؟
‏لنفس السبب ،تقنيا مش هيعرف ولو هيعرف لازم ال database دى تبقى secured
‏وبالتالى ال developers بيكتبوا شوية code يقدروا هما يتعاملوا مع ال database .. وبعد كدة اى action ال user هياخدوا .. ال code دة هيتنفذ ويرجعله الداتا الى هو محتاجها .. وبكده ال user اتعامل مع ال database بشكل غير مباشر.

أخيرًا اضافة Postman في VS Code.

‏Postman هي أداة تطوير لواجهات برمجة التطبيقات تسمح للمطورين بتصميم واختبار وتوثيق ونشر واجهات برمجة التطبيقات بسهولة. يتضمن واجهة مستخدم بسيطة ومرئية تتيح للمستخدمين إنشاء طلبات واستجابات API واختبار تلك الطلبات. بالإضافة إلى ذلك ، يسمح Postman للمستخدمين بإنشاء مجموعات من الاختبارات وإدارتها ومشاركتها مع فريقهم.

كل شخص مهتم في تعلم تصميم المواقع فينا نحكي مكالمة مجانية وبشرحلك كيف رح ساعدك وابنيلك نظام من الصفر إلى الاحتراف ال حابب يحجر موعد يراسلني خاص🔥🔥