Web Design

لماذا يستعمل الـ Bootstrap نظام الـ 12 عمود؟

ما السبب في أن إطار العمل “بووتستراب” يستعمل أعمدة يصل عددها إلى 12؟ لعلك تساءلت سابقًا ما هو سبب الرقم 12 في Bootstrap Framework دونًا عن غيره من اﻷرقام..؟ اﻹجابة: البوتستراب يستعمل نظام 12 عامود ﻷن العدد 12 قابل للقسمة على مجموعة مختلفة من تقسيمات الصفحات والشاشات (Layouts)، هذا يعني أنه قابل للقسمة على اﻷعداد …

Q&A

لماذا تقوم الجامعات بتدريس أحد اللغتين C/C++ ؟

لماذا تقوم الجامعات -كبداية- بتعليم لغة C أو C++ للطلاب، على الرغم من وجود لغات أحدث؟ هنالك العديد من اﻷسباب التي تجعل لغتي C/C++ خيارًا أولًا ورئيسًا في الجامعات حول العالم: 1. ﻷنه من اﻷسهل أن تبدأ من اﻷسفل، من مستوى منخفض (low-level)، يجب أن تتعلم كيف يعمل الحاسوب خلف الكواليس، على الرغم من أن …

JavaScript

حول أي موقع إلى PWA فقط في 3 خطوات

ما هو PWA؟ اختصارًا لـ Progressive Web Apps (تطبيقات الويب الصاعدة)، وهي تطبيقات ويب عند عرضها على الموبايل تبدو (وكأنها) تطبيقات مصممة للموبايل. هذا يعني أنها بالنهاية مواقع إنترنت اعتيادية، ولكن باستعمال بعض الوظائف اﻹضافية نستطيع أن نجعلها تُعطي أفضل تجربة على الموبايل. تستعمل الـ PWAs ما يسمى الـ Services Workers وهي تقوم بالمزايا التالية …

Python Web Scraping

استخراج المعلومات من مواقع الويب باستخدام Python عبر Web Scraping

ما هو الـ Web Scraping؟ أو بالعربية استخراج أو تجريف أو تقشير أو تحليل البيانات، وهي عملية هدفها الحصول على البيانات من مواقع الويب المختلفة. ولكن قبل عمل scrape لموقعٍ ما، يجب أن تأخذ بعين الاعتبار ما إذا كان صاحب الموقع يسمح لك القيام بهذا وما هية شروط الخدمة لديه، حتى تتجنب المشاكل. كما أريد …

Programs

أفضل 7 بدائل لبرنامج ZOOM

انشر الاعتماد على برامج المؤتمرات والمحاضرات المرئية في اﻵونة اﻷخيرة، خصوصا بعد أزمة فيروس كورونا المستجد (كوفيد-19). لعل أحد أبرز البرامج في الساحة هو برنامج ZOOM الغني عن التعريف، ولكن برنامج زووم قد تعرض مؤخرًا لمشاكل أمنية واختراقات. ولذلك في هذه المقالة سوف نستعرض أفضل 7 بدائل مقترحة لبرنامج زووم، وهي بدائل قوية وناجعة جدا. …

Hybrid Apps Ionic Mobile Development

مقدمة إلى التطبيقات الهجينة وإلى إطار العمل Ionic

خلال السنين القليلة الماضية وبعد اكتساح أندرويد وiOS لسوق اﻷجهزة الذكية والتنامي المهول في طلبات تطوير تطبيقات جديدة، ظهرت الحاجة لابتكار طريقة حديثة أكثر سهولة وأسرع وتيرة في بناء التطبيقات الصغيرة\والمتوسطة، اﻷمر الذي قاد بعض المطوّرين إلى ابتداع مفهوم جديد في عالم تطوير تطبيقات الموبايل وهو “التطبيقات الهجينة (Hybrid Apps)” وهو على العكس من المصطلح …

Tips

لا تتحدث عن أهدافك أمام اﻵخرين!

انتبه! لا تتحدث عن أهدافك أمام اﻵخرين! لعلك تتساءل كيف أن البوّح باﻷهداف قد يؤدي إلى عدم تحقيقها؟! إليك بعض اﻷسباب: 1. تلقي الثناء قبل اﻷوان يجعل قدرتك على مواصلة الهدف أضعف، فالحصول على مكافأة المديح قبل وقوع الهدف له اﻷثر في الفتور عن المواصلة. 2. مدح الشخص يجعله أقل دافعيّة، بل يجب مدح العمليّة …

JavaScript React Web Design

جافاسكربت لمطوري React

يُعدّ إطار العمل الشهير React من اﻹطارات التي تعتمد على لغة JavaScript، ولذلك سيكون من اﻹلزامي عليك الحصول على معرفة جيدة بلغة جافاسكربت (خصوصا مفاهيم ES6 الحديثة) قبل الخوض والشروع في تعلّم رياكت. يُغطي هذا الدرس نحو 20% من مفاهيم جافاسكربت، إلّا أن هذه الـ 20% وعلى قلتها إلا أنها تُمثّل الغالبية الساحقة -بما يصل …

CSS Web Design

ما الفرق بين Relative position و Absolute position في CSS؟

تموضع العناصر في CSS إن تعلّم موضعة العناصر (Positioning) في لغة CSS أمر مهم لمصممي صفحات الويب، ﻷنها تعدّ من الخصائص المهمة للتحكم بأماكن ومواضع العناصر داخل صفحة الويب. وبطبيعة الحال لدينا 5 أنواع لموضعة العناصر في CSS وهم على النحو التالي: Static: وهي الحالة الطبيعية والافتراضية، حيث تظهر العناصر كما ينبغي لها أن تظهر …

React Web Design

توثيق مكونات React عبر StoryBook

ما هو StoryBook؟ بحسب الموقع الرسمي، يسوّق StoryBook لنفسه على أنه أرضيّة أو ملعب لمكونات واجهة المستخدم (UI Components)، ويرتكز بشكل أساسي على كتابة القصص (Stories). ويمكننا القول أن StoryBook يستخدم مفهوم القصص لتوثيق كل ما يتعلق بحالات المكوّن (Component States)، وبالتالي فإن يفرز جميع الحالات الخاصة بالمكون في صورة قصص متتالية، إنه شكل من …