TG Telegram Group Link
Channel: تطوير تطبيقات الويب
Back to Bottom
يستخدم مطور الويب الكونسول (Console) بشكل دائم لتعقب حركات موقعه و الأخطاء الناتجة و سرعته و التحذيرات و الكثير من الأشياء لإبقاء كل شيئ تحت السيطرة، فإليك دليلك الكامل لطريقة إستخدام الكونسول مثل المحترفين :D

كيف تستخدم أكواد الـ Console في الجافاسكربت مثل المحترفين
https://link.aqweeb.com/Use-Web-conslole-like-pro
إن كنت طالب، فيمكنك الحصول على مجموعة من البرمجيات المجانية من العديد من الشركات من بينها Github و أيضا Jetbrains بملأ إستمارة تفيد بأنك طالب :)

إليك مجموعة من المعلومات التقنية التي لم تكن تعرفها من قبل :
https://link.aqweeb.com/20-tips-you-should-know
⠀‏❃.࿐ ❥
⁧‏ليكن عام ٢٠١٩م هو عام تحقيق الأهداف والنجاح ان شاء الله
‏العمر المديد والحياة السعيدة لكم جميعا رفاقي..
‏⠀⠀⠀┄༻💗༺┄
⠀•
تطوير تطبيقات الويب
Photo
السلام عليكم ورحمة الله وبركاتة



♠️ماهو البوتستراب؟
♠️ و لماذا عليك إستخدامه كمصمم و مطور مواقع؟ كيف أتعلمه؟


أخي مصمم أو مطور المواقع ..

♠️♦️هل فكرت يوما في اختزال ساعات من عملك في غضون دقائق ؟

♠️هل تريد تنفيذ فكرة قد تراها معقدة , بأسرع وقت ؟

♠️هل تطمح إلى برمجة و تصميم موقع الكتروني متجاوب مع جميع الأجهزة بكل سهول و بساطة ؟


🛡أنت في المكان الصحيح ..





ماهو البوتستراب ؟


البوتستراب أو "bootstrap" أصبح حتما أشهر إطارات العمل للواجهات الأمامية في الويب "frontend framework" منذ إطلاقه سنة 2011 من قبل تويتر .

و بفضل التطورات و التحسينات التي شهدها , أثبت البوتستراب أن أي مصمم مواقع , يمكنه إنشاء موقعه التجاوبي  بتصميم جذاب حتى لو كان لا يجيد إلا القليل من الـ html و الـ css .

بإستعمالك إطار bootstrap , ستوفر وقتك و جهدك و تضمن نتيجة فعالة .


الموقع الرسمي للبوتستراب .

لماذا عليك إستخدامه كمصمم و مطور مواقع


🔴من بين الأسباب التي تجعلك تتعلم البوتستراب و تستعمله في مشاريعك :


- التجاوب مع الأجهزة اللوحية و الهواتف الذكية

bootstrap سهل و مرن في الإستخدام , و يمكنك من جعل الموقع سهل متوافق ليس مع الحواسيب فقط بل أيضا مع الهواتف و التابليت و الشاشات الصغيرة .


- التوافق مع المتصفحات

البوتستراب متوافق ليس فقط مع المتصفحات الحديثة , بل أيضا يشكل حلا لمستخدمي "interner explorer 8" .

تابع إرشادات البوتستراب و تقيد بها ليكون موقعك متوافقا مع كل المتصفحات .


- مفتوح المصدر

بوتستراب مشروع مفتوح المصدر Open Source .. تم إصداره تحت رخصة أم أي تي "MIT" .و هو مستضاف على github .


و هذه أسباب تجعل من البوتستراب أداة قد لا يمكن الإستغناء عنها عند عدد هام من مصممي المواقع .
🍥🍥

#BOOTSTRAP
#تصميم_صفحات_الويب
#wanDering


@web_applications
تطوير تطبيقات الويب
https://play.google.com/store/apps/details?id=com.shodrs.codeTube
تطبيق متاكد انه راح يفيد كل مبر مج ومطور.


يحتوي على احدث الدورات وكل مايخص التقنيه
✳️يعتبر لارافيل Laravel من أشهر إطارات العمل التي تبنى بها المواقع الإلكترونية في العالم، ففي غضون سنوات قليلة أصبح واحدا من أكثر إطارات العمل طلبا في سوق الشغل، فماهي خصوصيات هذا الفريموورك Framework ؟ وما هي أبرز نقاط قوته ؟

✳️ما معنى إطار العمل ؟

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

لكل لغات البرمجة المعروفة إطارات عمل خاصة بها، و PHP واحد من هذه اللغات، فهناك العديد من المهام التي نقوم بها في كل مشروع تقريبا تم دمجها في إطارات العمل الخاصة بهذه اللغة، لارافيل واحد منها، كآليات التسجيل والدخول (Authentication)، الكاش Cache، الإتصال بقاعدة البيانات إلخ… مما يجعل هذه العمليات أكثر سهولة في الإستعمال وإعادة الإستعمال وتكون بذلك في غنى عن إعادة اختراع العجلة التي اخترعها آخرون قبلك 🙂

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

✳️مميزات إطار العمل لارافيل

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

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


✳️نقاط قوة لارافيل

لعل نقطة قوة لارافيل هي تواضعه واستلهامه أفكارا جميلة وإبداعية عند إطارات العمل المنافسة، فلقد أخذ نظام Routing الخاص بسيمفوني وقام بالتعديل عليه ليصنع نظاما خاصا به سهل الإستعمل مقارنة بنظام سيمفوني (بالنسبة للمبتدئين) مع الحفاظ على نقاط قوة الأخير. لارافيل يعتمد أيضا على مكتبة سيمفوني Symfony/Console القوية الخاصة بكتابة سطور الأوامر Command lines ويستعملون كذلك مكتبة SwiftMailer لإرسال والتعامل مع الإيميلات…

فريق عمل لارافيل فهموا أن لا جدوى من إعادة اختراع ما سبقك إليه الآخرون، عوضا عن ذلك استفد مما عند غيرك وأضف عليه لمستك لتخلق الفارق.

💎كخلاصة، لارافيل يقدم لنا مجموعة من الإمكانيات :

🔰نظام لإرسال الإيميلات.
🔰نظام قوالب قوي (Blade).
🔰نظام التعامل مع الروابط Routing System فعال وقوي.
🔰وحدة تجريد والتعامل مع قواعد البيانات Eloquent ORM جد فعالة وسهلة جدا في الإستعمال.
🔰نظام للإثبات الهوية Authentication System جميل ومتطور.
إلخ…
🔰حقن التبعية

🔰كما أن نظام إدارة حقن التبعية Dependency Injection والمسمى IoC يعد من أقوى الأنماط (IoC Design Pattern) المتبعة ويمنح للمطور ليونة ومرونة في التعامل مع الكلاسات والتبعيات. ولتكوين نظرة عن مدى قوة ومدى فعالية هذا النمط يرجى زيارة هذا الرابط.

🔰نمط Model-View-Controller أو MVC

وبطبيعة الحال لارافيل يتبع نظام MVC في ترتيب الكود وتوزيع المهام حيث أن :

Model : يهتم بالتعامل مع قاعدة البيانات.
View : كل ما يراه للمستخدم.
Controller : شرطي المرور الذي ينظم حركة المرور بين Model و View 🙂


💎خلاصة 💎

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

🍥🍥

#web_applications
#تطبيقات_الويب
#احتراف
📲كل مبتدى تابع من البداية 📂
🔝تابعنا تجد كل جديد
@web_applications
Forwarded from تطوير تطبيقات الويب ( ‟ مهہٰٰྀ̲ہٰٰٰنہدس‟┇Ab◉⁾⋮)
كيف تصبح مطور ويب ناجح؟

قبل كل شئ المال لن يقودك الى النجاح فإن كان هدفك هو جمع المال من خلال تعلمك برمجة الويب فـ للاسف لن تنجح ?

ان كان لديك رغبة  وصبر وحُب لتعلم برمجة الويب فستصبح مطور ناجح وكل ماعليك فعله هو ان تثابر وتصبر وتمارس ماتتعلمه اولاً بأول.

لدي الرغبة واريد ان اصبح مطور ويب ولكن ماهو الطريق؟

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

برمجة الويب تختلف عن برمجة تطبيقات سطح المكتب فـ عادتاً تطبيق سطح مكتب لاتحتاج الا للغة واحدة سواء كانت java, C#, vb او غيرها, ولكن تطبيقات الويب قد تدمج من لغة الى سبع لغات على سبيل المثال في موقع واحد, وسأوضح في هذه المقالة بعض اللغات البرمجية بالاضافة الى ماهو السيرفر والاستضافة.

لغات البرمجة

في معظم الاحيان لغات البرمجة تنقسم الى ثلاث مجموعات رئيسية ويوجد بعض اللغات المشتركة, فاللغات الرئيسية هي php, .net, Java EE واللغات والتقنيات المشتركة قد تكون html, css, ajax, javaScript ويوجد ايضا قواعد البيانات mySql, MS-Sql.

مثال:

لنفرض مثلا اردت بناء مبنى, فأول ماستقوم به هو بناء هيكل المبنى, هذا الهيكل يمثل الشكل الخارجي للمبنى ولايقدم اي خدمة اطلاقاً, الهيكل هنا يمثل لغة HTML, ثم بالتاكيد ستضيف لون للمبنى وتقوم تعديل تصميم المبنى ليبدو بشكل افضل “CSS”, بعد ذلك ستقوم بتوصيل الكهرباء والماء وربط الغرف ببعض عن طريق كيابل او انابيب مياه “PHP”, وبالتاكيد الكهرباء والماء سيكون لها مركز رئيسي خارج المبنى وهو من يزود المبنى بالمصادر “Database”, واخيرا انت مخير باضافة بعض التفاصيل التي تريحك في غرف المبنى لزيادة الرفاهية والراحة لمن يسكن المبنى, مثلاً اضافة جهاز تحكم للمكيف او اضاءة تعمل بشكل تلقائي مع غروب الشمس وغيرها من الامور “Ajax & JavaScript” .

من أين أبدا؟
Forwarded from تطوير تطبيقات الويب ( ‟ مهہٰٰྀ̲ہٰٰٰنہدس‟┇Ab◉⁾⋮)
🔰🔍4🔍🔰

💡كيفية مساعدة Google في العثور على محتوى موقعك

🔲تتلخص الخطوة الأولى لتضمين موقعك في Google في التأكد من إمكانية عثور Google عليه. وأفضل طريقة لإجراء ذلك هي إرسال ملف sitemap (خريطة الموقع). وخريطة الموقع عبارة عن ملف على موقعك لإعلام محركات البحث بالصفحات الجديدة أو التي تم تغييرها على موقعك.

يعثر Google أيضًا على الصفحات من خلال الروابط من الصفحات الأخرى.

✳️إخبار Google بالصفحات التي لا ينبغي الزحف إليها

#أفضل_الممارسات

بالنسبة إلى المعلومات غير الحساسة، يمكنك منع الزحف غير المرغوب فيه باستخدام ملف robots.txt

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

قد لا ترغب في الزحف إلى صفحات معينة على موقعك لأنها قد لا تكون مفيدة للمستخدمين إذا ظهرت في نتائج البحث على محرك البحث. وإذا كنت تريد منع محركات البحث من الزحف إلى صفحاتك، فإن خدمة Google Search Console لديها منشئ ملفات robots.txt سهل الاستخدام لمساعدتك في إنشاء هذا الملف. يُرجى ملاحظة أنه إذا كان موقعك يستخدم نطاقات فرعية وكنت ترغب في عدم الزحف إلى صفحات معينة على نطاق فرعي معين، ستحتاج إلى إنشاء ملف robots.txt منفصل لهذا النطاق الفرعي. لمزيد من المعلومات حول ملف robots.txt، نقترح الرجوع إلى دليل مركز مساعدة مشرفي المواقع هذا حول استخدام ملفات robots.txt 13.



‼️تجنب ما يلي:

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

بالنسبة إلى المعلومات الحساسة، يجب استخدام طرق أكثر أمانًا

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

في هذه الحالات، استخدم علامة noindex إذا كنت تريد فقط عدم ظهور الصفحة في Google ولا تمانع إمكانية وصول أي مستخدم لديه رابط إلى الصفحة. أما في حال الرغبة في تحقيق الأمان التام، يجب استخدام طرق مناسبة لمنح الأذونات، مثل طلب كلمة مرور المىستخدم أو إزالة الصفحة من موقعك تمامًا
🍥🍥
#تحسين_محرك_البحث
#محرك_البحث
#تطوير_تطبيقات_الويب

@web_applications
دورة jQuery Effect


أقدم لكم أحبتي دورة jQuery Effect .. هذه الدورة المتواضعة ستتحدث عن صنع تأثيرات ..غير التأثيرات المعروفة والمتداولة وإعطاء حركات جديدة 

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

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

 

المواضيع التي تتحدث عنها الدورة هي:

—addClass

—removeClass

—Blind

—Bounce

—Clip Effect

—Drop effect

—fadeTo

—Explode

—fold

—Hide Effect

—Show Effect

—Highlight Effect

—Puff Effect

—Pulsate Effect

— Scale Effect 

—Shake Effect

—Size Effect

—toggleClass

—transfer Effect

—Animate Effect

 

رابط التحميل 👇👇

https://drive.google.com/file/d/1UUTy-ASg3yb6FIEgHUaoIFeg_RzlyHLz/view?usp=drivesdk

@web_applications
AdminLTE Control Panel Template

open source admin dashboard & control panel theme. Built on top of Bootstrap 3, AdminLTE provides a range of responsive, reusable, and commonly used components.
AdminLTE-2.3.0.zip
6.6 MB
Integrate AdminLTE with Laravel 5
HTML Embed Code:
2025/07/08 10:29:45
Back to Top