تطوير تطبيقات الويب
1.07K subscribers
73 photos
5 videos
43 files
137 links
اهلا بك في قناة تعلم برمجة وتطوير تطبيقات الويب من الصفر الى الاحتراف




🌟سلسله من الدورات التعليمية🌟

🌟 ترتيب النشر لتسهيل التعلم 🌟

🌟تناول كل مايوصلك الىالاحتراف 🌟

#تعلم_تطوير_تطبيقات_الويب

اشترك في القناة لتطوير قدراتك البرمجيه
Download Telegram
تطبيق لتعلم HTML ,Css,JavaScript
base.apk
6.6 MB
base.apk
5.4 MB
learn ajax.pdf
2 MB
🔰كتاب المرجع الكامل في لغة تصميم المواقع HTML👇👇
#تطوير_تطبيقات_الويب
#كتب_مفيده_ويب
المرجع الكامل في HTML.pdf
1.2 MB
كتاب حول CSS.pdf
7.6 MB
​​تعتبر الووردبريس واحدة من أشهر الـ CMS او انظمة إدارة المحتوى المشهورة على الصعيد العالمي و ما تقدمه من تقنيات مستجدة و تحديثات تساعد أي شخص على إبتكار او صناعة او إستضافة تطبيق الويب الخاص به على الووردبريس مهما كان نوعه، سواء مدونة، او موقع خدمات او موقع تجارة إلكترونية و غيرها، فالووردبريس شهرته اليوم واسعة و كبيرة، و تحديثاته و إضافاته ( Plugins ) تُعد بالآلاف، حتى ان الشركات الكبرى و المواقع اصبحت تستخدم الووردبريس Wordpress من أجل إستضافة مواقعها او مدوناتها على هذه المنصة، فما رأيك ان تتعلم أنت ايضا هذه المنصة، ليس فقط معرفتها و تصفحها و كيفية تنصيب ثيم عليها، بل تعلم صناعة القوالب الخاصة بها :) ... كل ما ستحتاج إليه هو دفعة بسيطة، و التي سيقدمها لك المقال التالي
🔰كتاب تعلم تعلم تصميم موقع اخباري👇👇

#تطوير_تطبيقات_الويب
#سلسلة_كتب_تعليمية
#كتب_مفيده_ويب
Design news_web.pdf
4.9 MB
♦️اهلا بكم 🌹

احبتي متابعين قناه تعلم تطوير تطبيقات الويب
تم انشأ بوت لتواصل معكم
لتلقي
مقترحات ,تعليقات, مشاكل
ارائكم حول القناه
بوت تواصل ب الأرمن
@En_Abbot
شاكرين تعاونكم وتفاعلكم لانجاح الاهداف الذي انشئت القناه لاجله
👍👍من افضل المواقع لتحميل صفحات ويب مصممه بافضل تقنيات مجاناااا

https://www.html5xcss3.com/yourwedding-bootstrap-responsive-html5-template.html
ماتريد معرفته عن الحوسبة السحابية

🔰🔰

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

مصطلح الحوسبة السحابية أو الـCloud Computing يمكن أن تعريفه بأنه عبارة عن مجموعة من الخدمات التى تقدم من مزود الخدمة إلى عميل أو عدة عملاء أو لجمهور من العملاء عبر الإنترنت بهدف استغلال قدرات وإمكانيات مزود الخدمة الفائقة دون الحاجة إلى شراء أجهزة باهظة الثمن فى الشركة للقيام بنفس المهام.

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

تطبيقات الحوسبة السحابية

لكى يتضح الأمر بشكل أكبر نأخد العديد من الأمثلة على الحوسبة السحابية




خدمات الحوسبة السحابية

خدمات البريد الإليكترونى
هل تستخدم خدمات البريد الإليكترونى المتنوعة مثل Gmail و Yahoo mail أو حتى Hotmail داخل شركتك أو لاستخدامك الشخصى؟ 
إذا كان الجواب نعم فينبغى أن تعلم أن هذا هو خير مثال على الحوسبة السحابية Cloud Computing لأنك ببساطة تتشارك مع مقدم الخدمة – والذى هو فى هذه الحالة Google أو Yahoo مثلاً – فى توفير خوادم يبنى عليها بريد الإليكترونى الشخصى و تأخد من سعة التخزين الخاصة بخوادمه أيضاً لرفع و إرسال ملفاتك على بريدك الإليكترونى. فأنت فى هذه الحالة لم تضطر لشراء خادم خاص بسعة تخزينية معينة وبسعر باهظ بل أنك أيضاً لم تتحمل تكلفة إنشاؤة و تحميلة و صيانته الدورية. فكل هذا يتكفل به مقدمى الخدمة المختلفين.خدمات التخزين السحابى Cloud Storage
ربما تعاملت مع أحد هذه الخدمات من قبل بل وربما تعرفهم حق المعرفة أيضاً فمن منا لم يتعامل مع الخدمة المشهورة للتخزين على الإنترنت المسماه Drop box وماذا عن Google Drive؟ كل هذه الخدمات هي خدمات تخزين سحابية، أى أنها تستخدم الحوسبة السحابية فى توفير سعات تخزينية للملفات على الإنترنت بدون الحاجة إلى إمتلاك أقراص تخزينية فعلية على جهازك أو فى شركتك.التطبيقات السحابية Cloud Applications
ومن أشهرها Google Docs و Photoshop express وهى تطبيقات تستخدم لأداء بعض الوظائف المطلوبة مثل التعديل على البيانات والصور وانشاء الملفات النصية والجداول تماماً مثل برامج الأوفيس والفوتوشوب وغيرها وكن بدون الحاجة إلى تنزيل البرنامج على جهازك وبدون استهلاك لسعتك التخزينية أو معالجات جهازك الشخصى أو المكتبى.أنظمة التشغيل السحابية Cloud Operating Systems
وتسعى شركة جوجل إلى السبق فى هذا المجال عن طريق طرح برنامجها الشهير الـGoogle Chrome لنظام تشغيل سحابى يعرف بإسم Chrome os و من المتوقع أن يحدث طفرة فى عام الحوسبة السحابية و أن يقفز بها إلى أبعاد جديدة تماماً
🔰🔰

#الحوسبة_السحابية
#تطوير_تطبيقات_الويب

@web_applications
ماهو API وما فائدته ؟
 
🔰🔰

API او Application Programming Interface وباللغة العربية واجهة برمجة التطبيقات وما عليك من الترجمة العربية لانها غير دقيقة . API ببساطة هى نقطة الوصل بين بيئة تطويرية معينة والمطورين , حتى تتيح لهؤلاء المطورين الاستفادة من خدامات هذه البيئة بدون الحاجة إلى بناء كل شئ من الصفر . وبشكل عام هدف API هو اخفاء التفاصيلEncapsulation و ابراز طريقة الاستفادة من الكود .

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

هذا بالضبط ما يحدث فى البرمجة عندما نستخدم كلاس او دالة او Plugin فى مشروعنا , فما يهمنا فعلًا هو كيف نستخدمه ليخدم مشروعنا وليس كيفية عمله .


وإليك بعض الامثلة عن API

يوجد الكثير من الامثلة API’s مشهورة نصادفها كل يوم مثلا الفيسبوك يتيح API للمواقع لتسجيل الدخول عن طريقه بدون الحاجة إلى بناء نظام تسجيل دخول من الصفر , فانت عندما تريد اضافة هذه الاضافة إلى موقعك لن تطلع على كيفية بنائها ولكن ما يهمك كيفية استخدامها لاضافتها لموقعك او تطبيقك , ويوجد الكثير من الامثلة الاخرى لل API مثل خرائط جوجل Google Maps التى تسمح للمطورين بعرض اجزاء من الخرائط لامكان معينة على تطبيقهم او موقعهم .

 

مثال اخر عندم تقوم بشراء شئ على الانترنت من موقع معين فهذا الموقع يستخدم API الخاصة بشركة VISA ليقوم بالتواصل معه وخصم المال من بطاقتك .

مثال اخر ولكن هذه المرة من تطبيقات سطح المكتب , فاذا اردت بناء برنامج وهذا البرانامج يريد بعض التحكم فى جهاز الكموبيوتر فانه يستخدم API التى توفرها نظم التشغيل للتحكم فى الجهاز بدون الحاجة إلى الكثير من العمل للحصول على هذه الصلاحيات والدخول فى البرمجة في مستويات أدنى وتقوم بإستخدام لغة Assembly او التجميع لكي تقوم بهذه العملية .

مثال اخير MySQL API فى لغةPHP فانت عندم تكتب استعلام مثل :

mysql_query(‘SELECT * FROM tablename’);

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

و يوجد الكثير من الامثلة الاخرى ولكن كانت هذه امثلة شهيرة ولكن مفهوم API الشامل غير مقصور على هذه الامثلة ولكن كما ذكرنا فهو بشكل عام اخفاء وتغليف اجزاء معينة لاستخدامها بطريقة او باخرى , وشكرً.
🔰🔰
#API
#ApplicationProgrammingInterface
#تطوير_تطبيقات_الويب
@web_applications
ما هو البوت في تطبيق تيليغرام؟
🔰♦️🔰


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

.

ربطها مع مواقع الانترنت وسحب المعلومات من خاصية النشر الـ RSS.

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

ربطها مع قناة من قنوات التيليجرام, فيقوم البوت تلقائياً بسحب المعلومات و إعادة نشرها ضمن البوت

يمكن ربط البوت بقناة من قنوات التيليجرام , ويمكن أن يكون داخل البوت أكثر من قناة.

ربطها مع حساب تويتر أو مع قناة يوتيوب:

وهنا سيتم نشر أي تغريده يتم نشرها, وأي فيديو يرفع على قناة اليوتيوب

ربطها بمجيب آلي

و هي خاصية جميلة جداً, فقد يكون المجيب الآلي عبارة عن بوت فيه تطبيقات والعاب للجوال, مثال على ذلك أدخل على هذا الرابط .

https://telegram.me/Phones_bot

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

🔰♦️🔰

#whatBot
#تطوير_تطبيقات_الويب
#بوت_تلجرام
@web_applications
مقدمة قصيرة في Composer

🔰♦️🔰

بقلم محمد طاهر الموسوي

12 نوفمبر 2017
#اكاديمية_حاسوب


Composer هو أداة لإدارة الاعتماديات في لغة PHP، تخيل أنّك تعمل على مشروع يتضمن العديد من الاعتماديات التابعة لمشاريع أو مكتبات أخرى. سيدير Composer بالطرق التالية:

تحميل مكتبة الاعتمادية من مستودعاتها إلى مشروعك بصورة تلقائية.يمكنك وبكلّ سهولة تحديث مكتبتك عند ظهور إصدار جديد منها.عند تحميل مكتبة الاعتمادية يتحقّق composer من المتطلبات الدنيا للخادوم.سينشئ Composer ملف autoloader.php لجميع المكتبات المحمّلة وسيحمّل الاعتمادية كاملةً في المشروع الذي تعمل عليه.

ماذا سيحصل إن لم تستخدم Composer؟

ستضطرّ إلى تحميل مكتبة الاعتمادية يدويًّا.يجب عليك التحقّق من الإصدارات الجديدة للمكتبات دوريًّا، وتحميل الملفات إلى المشروع يدويًّا.يجب عليك تحميل جميع المكتبات إلى مشروعك باستخدام دالتي require أو include.

إليك المثال التالي لتوضيح ما سبق:

لديك مشروع تعمل عليه باستخدام إطار عمل Cakephp أو Laravel، وترغب في إضافة خاصية إرسال الرسائل إلكترونية إلى المشروع وتحتاج إلى اتصال من نوع SMTP. ستقوم حينها بتحميل إحدى المكتبات المتخصّصة في هذا المجال مثل Phpmailer أو Swiftmailer.

إن استخدمت composer للحصول على هذا المكتبات، فسيكون بميسورك تحميل المكتبة المطلوبة مباشرة إلى مجلد vendor ضمن المشروع. وإن حصلت هذه المكتبة على تحديث جديد، يكفي أن تنفّذ أمرًا واحدًا في سطر الأوامر، ولن تكون بحاجة إلى التحقّق ممّا إذا كان التحديث متوافقًا مع الإصدار 5.4 أو 5.3 من php.

سيتّضح الأمر أكثر فأكثر من خلال الأمثلة التالية.

كيف يتم تثبيت Composer في النظام

قبل تثبيت composer يجب التحقّق من أنّك تعمل على الإصدار 5.4 وما بعده من لغة PHP.

إن كنت من مستخدمي نظام ويندوز فيمكنك تحميل الملف التنفيذي الخاص بتثبيت Composer وذلك من الرابط: https://getcomposer.org/، وتنصيب Composer في نفس المجلد الذي قمت بتثبيت php.exe فيه. (C:\wamp\bin\php\php5.5.12 مثلاً).

أما مستخدمو نظامي Linux و Mac فيمكنهم فتح الطرفية وكتابة الأمر التالي فيها:

curl -sS https://getcomposer.org/installer | php

سيقوم هذا الأمر بتحميل ملف composer.phar(phar تعني php archive) بواسطة الأداة curl، وللوصول إلى composer من أي مكان في حاسوبك يجب عليك نقل هذا الملف إلى المجلد /usr/bin/composer، وذلك بتنفيذ الأمر التالي في الطرفية:

sudo mv composer.phar /usr/bin/composer

للتحقق من وجود Composer يكفي الدخول إلى سطر الأوامر في ويندوز أو الطرفية في Linux و Mac وكتابة كلمة composer والضغط على زر الإدخال Enter. إن كان Composer مثبّتًا في جهازك ستظهر شاشة الترحيب التالية إضافة إلى جميع ا لأوامر المستخدمة في composer.

🔰♦️🔰
#composer
#laravel
#php_frameworks
#تطوير_تطبيقات_الويب
#منقول
@web_applications
نقدم لكم احبتي دوره حلوه لتعلم
Laravel framework
من خلال عمل موقع سكربت عقارات


https://m.youtube.com/playlist?list=PLicG9_eWbqMP0_JpY6Dwn0-JhyQbAADtg#searching
كيف يختار مصمم المواقع الألوان المناسبة

🔰♦️♦️🔰
علي مصممي المواقع ان يتبعوا المراحل الأساسية عند تنفيذ مشاريعهم و هذه المراحل هي:

1-      Requirement Specification and Analysis  - تحديد المتطلبات و تحليلها
2-      Design your Layout  - تصميم شكل الموقع
3-      Implementation (Coding) – تنفيذ (تكويد) الموقع 

 اولي خطوات مرحلة التصميم هي اختيار الألوان المستخدمة في الموقع .. و تعتبر من اهم و اصعب جزئيات التصميم. لان اختيار الألوان الصحيحة والمتناسقة يشعر المستخدم بالراحة والسهولة اثناء تصفح الموقع فضلا عن اهميتها في توضيح ووصول المعلومة. ايضا تستخدم الألوان في تثبيت الbranding  والتسويق.

الطريقة الأنسب و الأسهل لأختيار الألوان هي اقتباسهم من اللوجو (Logo). بعض الLogos تحتوي علي لون واحد فقط (monocolor) ..  و بعضها علي لونين او أكثر. بالنسبة للmonocolor يستخدم اللون مع ألوان من اختيار المصمم شرط ان تكون متناسقة مع بعضها. ينصح بأستخدام 3 الوان في الموقع كحد اقصي. لو احتوي اللوجو علي اكثر من لون فيتم اختيار اللونين الغالبين فيه مع مراعاة التناسق(و دا امر طبيعي لأن الgraphic designer اللي صمم اللوجو يختار الوان متناسقة مع بعضها) و يختار المصمم اللون الثالث.

دائما ما يقع مصممي المواقع في فخ اختيار الألوان فيؤدي الي تصميم فقير الشكل يعكس عدد زوار الموقع او قابلية العملاء  للتعامل معه علي رغم من قوته في التكويد. لو اهتم الweb designer  ببعد فنيات التصميم لن يحتاج الي graphic designer  يصمم له مشاريعه و يكون قادر علي تصميم اروع الtemplates علي الاطلاق و تبدأ من اختيار الألوان .. يوجد بعد الأدوات التي تساعدك علي اختيار الألوان و دراجتها المتناسقة لتستخدمها في مشروعك و هم:

1-      https://color.adobe.com/explore/newest

 adobe color themes هي مجموعة من الألوان المتناسقة مع بعضها. يقوم الuser بالوقوف بالmouse علي مجموعة الألوان اللي اختارها و يضغط علي ايقونة info .. فالinfo بمجرد الوقوف علي اللون يظهر الhexadecimal code الخاص بيه .. مثال: #00000  للون الأسود.  

2-      http://paletton.com

من اقوي الtools اللي هتستخدمها في تحديد الالوان المتناسقة مع بعض. Palleton.com فيه color wheel(عجلة الألوان) و بيها جميع الألوان بدراجتها المختلفة.  اضغط في الcolor wheel علي اللون اللي في اللوجو مثلا او اللون اللي حابب تجدله درجات متناسقة معاه و عاليمين هتجد اللون اللي اختارته مع الوان من نفس الدرجة تقدر تستخدمها معاه. بمرور الmouse في المساحة اللي فيها الألوان علي اليمين بيديك الhexadecimal code الخاص بكل لون عشان تستجدمه في التصميم. بنفس الطريقة كان من الممكن كتابة الcode الخاص باللون بدل من الضغط عليه في الcolor wheel. بأخيارك من القائمة الموجودة جانب الlogo العنصر قبل الأخير(عنصر القائمة اللي قبلmore info) اضغط عليه  يمكنك اختيار unlike و ده بيعمل combination من الألوان المختلفة(مش نفس الدرجة) المتناسقة مع بعضها.

 3-      http://www.colorblender.com
4-      http://www.colourlovers.com/copaso
 💎♦️♦️💎

#تصميم_صفحات_الويب
#front-end
#تطوير_تطبيقات_الويب