مرحبًا، أنا TahaPrc

مطور ويب محترف وأحب تحويل الأفكار إلى حلول تقنية.

تواصل معي
صورتك الشخصية

من أنا

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

مهاراتي

HTML

بناء هيكل صفحات الويب.

CSS

تصميم واجهات أنيقة وجذابة.

JavaScript

إضافة التفاعلية وتحسين الأداء.

مشاريعي

مشروع 1

مشروع 1

موقع تفاعلي يعرض البيانات بطريقة مبتكرة.

مشروع 2

مشروع 2

تطبيق ويب ديناميكي لتحسين الإنتاجية.

تواصل معي

أكاديمية تقانة

لغة البرمجة C++







لغة C++ هي واحدة من أشهر وأقوى لغات البرمجة، تُستخدم على نطاق واسع لتطوير البرامج عالية الأداء وتطبيقات النظام والألعاب والتطبيقات البرمجية المتنوعة.
تم تطويرها في أوائل الثمانينيات على يد بيارن ستروستروب كامتداد للغة C، مع إضافة ميزات البرمجة الكائنية (Object-Oriented Programming).
تتميز C++ بمرونتها الكبيرة، حيث تجمع بين القدرة على البرمجة منخفضة المستوى (Low-Level Programming) للحصول على الأداء العالي، والبرمجة عالية المستوى (High-Level Programming) لتسهيل كتابة الأكواد المعقدة.
بفضل قوتها وكفاءتها، تُعد C++ خيارًا شائعًا لتطوير أنظمة التشغيل، وبرامج التحكم بالأجهزة، ومحركات الألعاب، وحتى البرمجيات العلمية والتطبيقات المتقدمة.

مقدمة HTML

 




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



ما هي HTML؟

HTML هي اختصار لـ HyperText Markup Language.

قد يبدو الاسم معقدًا، لكننا سنبسطه لتوضيح الفكرة بشكل أكبر:

    • كلمة Hyper  تعني ' تشعبي أو مرتبط '.
    • كلمة Text تعني  ' نص '.
      إذن، HyperText هو النص الذي يحتوي على روابط يمكن النقر عليها للتنقل بين صفحات الإنترنت أو حتى الانتقال داخل نفس الصفحة.

    على سبيل المثال:

اضغط هنا للانتقال إلى جوجل

في هذا المثال، النص "اضغط هنا للانتقال إلى جوجل" هو HyperText لأنه يحتوي على رابط ينقلك إلى موقع آخر (موقع جوجل). 

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

بدون HyperText، لن يكون الإنترنت كما نعرفه اليوم، حيث تعتمد كل تجربة التصفح على القدرة للانتقال بسهولة بين الصفحات.

مقدمة HTML
2.Markup Language:

  • عندما نقول "Markup Language" أو "لغة توصيف"، فإننا نتحدث عن إعطاء تعليمات واضحة للمتصفح حول كيفية تنظيم وعرض محتوى الصفحة.

لشرح هذا المفهوم، تخيل أنك كتبت مستندًا على ورقة وقلت لشخص:

  • "هذا هو العنوان، أريدك أن تجعله كبيرًا وواضحًا في أعلى الصفحة."
  • "وهذا النص هنا هو فقرة عادية، ضعها أسفل العنوان بخط أصغر قليلاً."

في هذه الحالة، أنت تعطي تعليمات حول كيفية ترتيب النصوص. هذا بالضبط ما تفعله HTML، فهي الطريقة التي نوفر بها هذه التعليمات للمتصفح.

على سبيل المثال:عندما تفتح هذا الكود في المتصفح:

<h1/> هذا هو العنوان   <h1>

<p/>وهذا النص هنا هو فقرة عادية.  <p>

ستظهر كلمة 'هذا هو العنوان' بحجم كبير كعنوان رئيسي، بينما تظهر الجملة الثانية كفقرة صغيرة تحته


11111111111111111111111111111111111

هذا هو العنوان

وهذا النص هنا هو فقرة عادية


Markup Language: تعني أننا نستخدم وسومًا (Tags) لتوصيف المحتوى على الصفحة وتحديد كيفية عرضه. يمكننا تخيلها كأننا نعطي تعليمات للمتصفح حول كيفية تنظيم محتوى الصفحة.

  • على سبيل المثال:
  1. إذا أردنا كتابة عنوان رئيسي، نستخدم الوسم   <h1>.
  2. إذا أردنا كتابة فقرة ، نستخدم الوسم   <p> .
  3. وإذا أردنا إدراج صورة، نستخدم الوسم   <img>."

الوسوم والعناصر في HTML

دورات أكاديمية تقانة

 

مدخل إلى علوم الحاسوب


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


ما هو علوم الحاسوب؟ 

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


أهم مجالات علوم الحاسوب

  1. الذكاء الاصطناعي وتعلم الآلة:    الذكاء الاصطناعي (AI) يُعتبر أحد أعمدة علوم الحاسوب الحديثة. يُستخدم لتطوير أنظمة قادرة على التعلم والتكيف مع البيانات مثل الروبوتات، وتطبيقات معالجة اللغة الطبيعية، وخوارزميات التعرف على الصور. 
  2. هندسة البرمجيات: تشمل تصميم البرامج عالية الجودة وصيانتها لضمان الأداء المثالي. يساعد هذا المجال في تطوير تطبيقات تعمل بكفاءة في الأنظمة المختلفة، سواء كانت لأغراض تجارية أو شخصية. 
  3. علوم البيانات:  مع تزايد البيانات، أصبحت الحاجة إلى تحليلها أمرًا أساسيًا. يساعد هذا التخصص في استخراج المعلومات القيمة من كميات ضخمة من البيانات لاتخاذ قرارات أفضل.
  4. الأمن السيبراني:  يركز هذا المجال على حماية المعلومات والأنظمة من التهديدات الإلكترونية. يشمل تطوير برمجيات دفاعية وخوارزميات تشفير لضمان الأمان الرقمي. 
  5. هندسة الحوسبة:  تختص بتطوير وتصميم الأجهزة المادية مثل المعالجات، وأنظمة التشغيل، والشبكات، مما يجعلها القاعدة التي تُبنى عليها جميع التطبيقات البرمجية.  

  

دور علوم الحاسوب في حياتنا اليومية:

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


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

خطتك لتعلم جافا سكريبت

 


تعلم البرمجة يشبه تعلم أي مهارة أخرى ; يتطلب الأمر بناء أساس متين.... ; فهم الصورة العامة  ; التغلب على التحديات; ثم التدريب المستمر والمثابرة .
أسلوب تعلم البرمجة يختلف من شخص لآخر؛  فالبعض يفضل الكتب;  بينما يفضل الآخرون الدورات. 

هنا، نقدم خطة دراسية متكاملة تعتمد على مصادر مجانية; تبدأ من مستوى المبتدئين وصولاً إلى الاحتراف، مع تغطية الجوانب النظرية والعملية للغة.


لماذا JavaScript ؟

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


المسار الصحيح لتعلم لغة JavaScript


1. تعلم أساسيات JavaScript

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


2. تعلم JavaScript DOM

   مفهوم DOM (نموذج كائن المستند) يشير إلى الأوامر المتعلقة بتصميم وتفاعل صفحات الويب. يشمل ذلك، على سبيل المثال، تحديد الأحداث عند النقر على زر معين أو عرض رسالة أمام المستخدم.


3. تعلم JavaScript BOM

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


بهذه الطريقة، ستكون لديك خطة واضحة وشاملة لتعلم JavaScript حتى الاحتراف باستخدام مصادر مجانية. بالتوفيق!


   يمكنك تعلم هذه الأساسيات بسهولة من خلال الدورة التالية:

  - دورة عربية من يوتيوب: Learn JavaScript In Arabic

خارطة تعلم برمجة المواقع - مرحلة ما قبل البرمجة


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


مرحلة ما قبل البرمجة



1. فهم كيفية عمل الإنترنت:

البنية التحتية للإنترنت تتضمن مجموعة من الأنظمة والتقنيات للاتصال بين الأجهزة المختلفة وتبادل البيانات عبر الشبكة العالمية. تتكون هذه البنية التحتية من عدة عناصر رئيسية:

   - نظام أسماء النطاقات (DNS): تعلم كيفية تحويل أسماء المواقع إلى عناوين IP.

   - الخوادم واستضافة المواقع: افهم كيف تعمل استضافة المواقع وكيف يتم تخزين الملفات على الخوادم ليتم الوصول إليها عبر الإنترنت.


 2. الأساسيات النظرية للويب:

   - الفرق بين العميل (Client) والخادم (Server): افهم الفرق بين ما يحدث في المتصفح (العميل) وما يحدث في الخادم، وكيف يتفاعلان معًا.

   - لغات الويب: تعلم الفروقات بين لغات البرمجة التي تستخدم في الواجهة الأمامية (Front-end) والواجهة الخلفية (Back-end).

Front-end هو الجزء المرئي والتفاعلي من الموقع أو التطبيق الذي يتفاعل معه المستخدم. ويعتمد على لغات مثل:

  1. HTML: لبناء هيكل الصفحة.
  2. CSS: لتنسيق مظهر الصفحة.
  3. JavaScript: لإضافة التفاعل والوظائف الديناميكية.


Back-end هو الجزء الخلفي للموقع أو التطبيق الذي يتعامل مع الخوادم، قواعد البيانات، والمنطق البرمجي. يعتمد على لغات مثل:

  • Node.js (JavaScript)، Python، PHP، Java، وC#.

كما يستخدم قواعد بيانات مثل MySQL، PostgreSQL، وMongoDB.

     


3. تصميم تجربة المستخدم (UX) وواجهة المستخدم (UI):

   - مبادئ التصميم الأساسية: تعلم بعض المبادئ الأساسية في تصميم تجربة المستخدم وواجهة المستخدم، مثل كيفية تنظيم العناصر في الصفحة بشكل فعال لجعلها سهلة الاستخدام.

   - احصل على فكرة عن أدوات تصميم الواجهات مثل Figma أو Adobe XD، والتي قد تساعدك على رسم تصور للموقع قبل البدء في البرمجة.



 4. الأدوات والمحررات النصية:

   - محرر الأكواد: تعلم كيفية استخدام محرر أكواد مخصص مثل Visual Studio Code أو Sublime Text. هذه الأدوات توفر بيئة مناسبة لكتابة الأكواد وتنظيم المشروع.

   - Git وGitHub: تعلم كيفية استخدام Git لإدارة الإصدارات والتحكم في الشيفرات البرمجية. GitHub يساعدك في حفظ المشروع على السحابة والتعاون مع الآخرين.


    5. أساسيات الأمان الإلكتروني:

   - الخصوصية وحماية البيانات: افهم كيف يتم حماية البيانات الشخصية عبر الإنترنت، وتعرف على أساسيات الأمان لحماية موقعك ومستخدميه.

   - التشفير وأمان الاتصالات: تعلم أساسيات HTTPS وكيفية استخدام SSL لتشفير البيانات.



هذه الخارطة تعطيك فكرة شاملة عن المهارات التي تحتاج لتطويرها في المرحلة ما قبل البرمجة الفعلية.

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