-->
مقالات حول تطزير الويب

تطوير ويب

مقالات وشروحات مدمن ويب حول أساليب تطوير مواقع الويب والمدونات، تطوير ووردبرس، تطوير بلوجر، قوالب وستايلات ومفتطفات متنوعة حول لغات تصميم المواقع CSS و HTML و PHP.

أفضل مواقع ومصادر الإلهام في تصميم الويب والواجهات الأمامية

أفضل مواقع ومصادر الإلهام في تصميم الويب والواجهات الأمامية

أفضل مواقع ومصادر الإلهام في تصميم الويب والواجهات الأمامية

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

كيفية تضمين فيديو YouTube Shorts على صفحة ويب أو مدونة

كيفية تضمين فيديو YouTube Shorts على صفحة ويب أو مدونة

كيفية تضمين فيديو يوتيوب قصير YouTube Shorts على صفحة ويب أو مدونة

تعرف كيف يمكنك تضمين فيديو يوتيوب YouTube Shorts على صفحة ويب أو مدونة وكيفية إدراج مقاطع يوتيوب القصيرة داخل صفحة ويب أو مشاركة/موضوع مدونة بكل سهولة. Learn How You Can Embed YouTube Shorts on Your Website or Blog Post.

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

أفضل الأكواد HTML و CSS و JS الجاهزة على موقع Codepen (الجزء الرابع)

أفضل الأكواد HTML و CSS و JS الجاهزة على موقع Codepen (الجزء الرابع)

أفضل الأكواد HTML و CSS و JS الجاهزة على موقع Codepen (الجزء الرابع)

اليوم نستكمل سلسلة أفضل الأكواد والقوالب والمشاريع الجاهزة (HTML و CSS و Javascript) على موقع CodePen والتي بدأتها بالجزء الأول و الثاني والثالث .

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

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

معدل الارتداد Bounce Rate - تحسين تفاعل المستخدم مع موقعك

معدل الارتداد Bounce Rate - تحسين تفاعل المستخدم مع موقعك

معدل الارتداد Bounce Rate - تحسين تفاعل المستخدم مع موقعك

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

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

عوامل تصنيف جوجل لمواقع الويب على مستوى النطاق "الدومين"

عوامل تصنيف جوجل لمواقع الويب على مستوى النطاق "الدومين"

عوامل تصنيف جوجل لمواقع الويب على مستوى النطاق الدومين

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

أفضل الأكواد والمشاريع HTML و CSS و JS الجاهزة على Codepen (الجزء الثالث)

أفضل الأكواد والمشاريع HTML و CSS و JS الجاهزة على Codepen (الجزء الثالث)

أفضل الأكواد والمشاريع HTML و CSS و JS الجاهزة على Codepen (الجزء الثالث)

إستمرار لما كنت قد أطلقته سابقا على مدمن ويب، وهي سلسلة أفضل الأكواد والقوالب والمشاريع الجاهزة (HTML و CSS و Javascript) على موقع CodePen والتي بدأتها بالجزء الأول و الثاني في المقالين السابقين.

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

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

أهم المصادر المجانية التي أستخدمها لتعلم البرمجة وتطوير الويب

أهم المصادر المجانية التي أستخدمها لتعلم البرمجة وتطوير الويب

أهم المصادر المجانية لتعلم البرمجة وتطوير الويب

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

أنا مطور ويب تعلم بشكل ذاتي وبخبرة لأكثر من 10 سنوات في العمل على HTML و CSS و JavaScript و Sass و Styled Components.

نصائح لتحسين منشورات مدونتك لمحركات البحث

نصائح لتحسين منشورات مدونتك لمحركات البحث

نصائح لتحسين منشورات مدونتك لمحركات البحث

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

إقرأ أيضا: كيفية تحسين موقعك للحصول على ترتيب عالي في نتائج بحث جوجل.

كيفية إعداد مدونة بلوجر على نطاق فرعي (دومين فرعي) مخصص

كيفية إعداد مدونة بلوجر على نطاق فرعي (دومين فرعي) مخصص

كيفية إعداد مدونة بلوجر على نطاق فرعي (دومين فرعي) مخصص

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

بعد قراءة هذا الشرح، سوف تصبح قادر على إنشاء مواقع ويب و مدونات بلوجر وربطها بنطاق (دومين) مخصص واحد من خلال النطاقات الفرعية Subdomains.

كيفية تضمين فيديو يوتيوب في صفحة ويب مع خاصية Lazyload و عرض متجاوب

كيفية تضمين فيديو يوتيوب في صفحة ويب مع خاصية Lazyload و عرض متجاوب

تضمين فيديو يوتيوب في صفحة ويب مع خاصية Lazyload

في مقال اليوم، سنعرف كيفية تضمين فيديو من يوتيوب بخاصية التحميل الكسول أو البطيء"Lazy Load" داخل صفحة ويب أ, مقال مدونة بشكل صحيح وبعرض متجاوب مع كل الشاشات (How to properly embed a YouTube Video with Lazyload and Responsive) بطرق وأشكال مختلفة والتي من خلال تطبيق أي منها سنتمكن من تضمين فيدوهات يوتيوب في صفحات الويب مع خاصية التحميل الكسول لضمان عدم تأثير فيديو المضمن من يوتيوب على سرعة تحميل صفحة الويب.

المهارات الأساسية التي تحتاجها لتصبح مطور ويب (واجهات أمامية)

المهارات الأساسية التي تحتاجها لتصبح مطور ويب (واجهات أمامية)

في هذا المقال، سنتحدث عن المهارات الأساسية التي تحتاج إليها لتصبح مطور ويب (مطور واجهات أمامية) - تطوير الويب أو تطوير الواجهات الأمامية، والمعروف أيضًا باسم التطوير من جانب العميل [Client-side development] ، هو ممارسة إنتاج صفحات أو واجهات HTML و CSS و JavaScript لموقع ويب أو تطبيق ويب بحيث يمكن للمستخدم رؤيتها والتفاعل معها مباشرة. لذلك إذا كان لديك حلم في أن تُصبح مطور ويب متخصص في الواجهة الأمامية، فلا حاجة لأن تتعلم كل شيء عن تطوير الويب. فأن تكون انتقائيًا هو المفتاح! لذلك سأحاول أن أذكر لك في هذا المقال سبع مهارات إن تعلمتها فستساعدك على أن تصبح مطور واجهات أمامية متمكّن ومحترف.يمكنك أيضا الإستفادة من مقالي السابق حول أهم مجالات واتجاهات تطوير الويب وتصميم المواقع المستقبلية .

إقرأ أيضا: أفضل مواقع العمل المستقل و الحُر المتخصصة لعام 2022.

دورات و كورسات مجانية في البرمجة وتطوير الويب على Udemy

دورات و كورسات مجانية في البرمجة وتطوير الويب على Udemy

دورات و كورسات مجانية في البرمجة وتطوير الويب على Udemy - في هذا المقال، سأقدم لكم قائمة لأهم الكورسات المجانية و الدورات المجانية المقدمة من منصة يوديمي Udemy التعليمية الرائدة في مجالات مختلفة.

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

أفضل مصادر Tailwind CSS لتصميم الواجهات الأمامية

أفضل مصادر Tailwind CSS لتصميم الواجهات الأمامية

أفضل مصادر Tailwind CSS لتصميم الواجهات الأمامية

في هذا المقال سأقدم لكم أفضل مصادر إطار العمل TailwindCSS والتي يمكنك من خلالها تعلم استخدام إطار العمل Tailwind بكفاءة، وتسهيل البدء باستخدام إطار عمل TailwindCSS والذي يتميز بكونه Utility-first framework بعيدا عن إطارات العمل ذات المكونات الجاهزة.

إقرأ أيضا: المهارات الأساسية التي تحتاج إليها لتصبح مطور ويب (واجهات أمامية).

أفضل بودكاست مفيدة في تطوير الويب وتعلم البرمجة

أفضل بودكاست مفيدة في تطوير الويب وتعلم البرمجة

أفضل مواقع بودكاست مفيدة في تطوير الويب وتعلم البرمجة

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

أهم مجالات واتجاهات تطوير الويب وتصميم المواقع المستقبلية

أهم مجالات واتجاهات تطوير الويب وتصميم المواقع المستقبلية

أهم مجالات واتجاهات تطوير الويب وتصميم المواقع المستقبلية

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

اختبار الويب Web Testing - ماهو ولم؟ وكيف يتم اختبار مواقع الويب؟

اختبار الويب Web Testing - ماهو ولم؟ وكيف يتم اختبار مواقع الويب؟

اختبار الويب Web Testing

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

كيفية تحسين موقعك للحصول على ترتيب عالي في نتائج بحث جوجل

كيفية تحسين موقعك للحصول على ترتيب عالي في نتائج بحث جوجل

كيفية تحسين موقعك للحصول على ترتيب عالي في نتائج بحث جوجل

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

أفضل قوالب و واجهات مواقع ويب مجانية لعام 2022

أفضل قوالب و واجهات مواقع ويب مجانية لعام 2022

أفضل قوالب و واجهات مواقع ويب مجانية لعام 2022

إذا كنت تبحث عن أفضل قوالب وواجهات مواقع بوتستراب Bootstrap مجانية (Best free Bootstrap Themes)، فأنت في المكان الصحيح، حيث سأقدم لكم أدناه قائمة بأفضل ثيمات وقوالب ويب بوتستراب مجانية لعام 2022م. جميع القوالب أو الثيمات أدناه مجانية بنسبة 100٪، حيث يمكنك إستخدامها كما يحلو لك، فيمكنك إستخدامها مثلا لتصميم موقعك الإلكتروني أو موقع الويب الخاص بشركتك التجارية الجديدة، أو موقع ويب تجاري، أو موقع المحفظة، أو حتى موقع ويب للتجارة الإلكترونية باستخدام قوالب بوتستراب Bootstrap.

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

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

دورات مجانية في تطوير الويب و تصميم الواجهات الأمامية

كورسات و دورات مجانية لتعلم تصميم وبرمجة الواجهات الأمامية (FREE Courses to Learn Front End Skills) .. إلحق بسرعة 😍 - في هذا المقال، سأقدم لكم قائمة لأهم الكورسات المجانية و الدورات المجانية لتعلم تصميم وتطوير الويب والواجهات الأمامية مجانا، والمتوفرة حاليا على عدد من المناصات التعليمية على الإنترنت.

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

أفضل الأكواد والمشاريع HTML و CSS و JS الجاهزة على Codepen (الجزء الثاني)

أفضل الأكواد والمشاريع HTML و CSS و JS الجاهزة على Codepen (الجزء الثاني)

أفضل الأكواد والمشاريع HTML و CSS و JS الجاهزة على Codepen (الجزء الثاني)

إستمرار لما كنت قد أطلقته قبل عدة أيام على مدمن ويب، وهي سلسلة أفضل الأكواد والقوالب والمشاريع الجاهزة (HTML و CSS و Javascript) على موقع CodePen والتي بدأتها بجزأها الأول في المقال أفضل أكواد وقوالب HTML و CSS و JS ومشاريع جاهزة على Codepen (الجزء الأول). أعود إليكم بقائمة جديدة لأفضل أكواد ومشاريع HTML و CSS و JS جاهزة على Codepen (الجزء الثاني) للإستفادة منها في مشاريعكم وأعمالكم أو للإلهام لأي أفكار جديدة لعناصر في مواقعكم ومشاريعكم في مجال تطوير الويب والواجهات الأمامية.

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

DMCA.com Protection Status
جميع الحقوق محفوظة لـمدمن ويب ©