مقالات وشروحات مدمن ويب حول أساليب تطوير مواقع الويب والمدونات، تطوير ووردبرس، تطوير بلوجر، قوالب وستايلات ومفتطفات متنوعة حول لغات تصميم المواقع CSS و HTML و PHP.
في هذا المقال، سأحدثكم عن معيار هام يحرص جوجل على تتبعه والتحقق منه عند تصنيفه لمواقع الويب وتحديد ترتيبها ومعدل ظهور صفحاتها على محرك بحث جوجل، وهو إسم نطاق أو دومين موقعك والذي يعتبر من المعايير المهمة التي تعتمد عليها جوجل لتصنيف مواقع الويب وترتيبها ضمن نتائج محرك بحث جوجل.
إستمرار لما كنت قد أطلقته سابقا على مدمن ويب، وهي سلسلة أفضل الأكواد والقوالب والمشاريع الجاهزة (HTML و CSS و Javascript) على موقع CodePen والتي بدأتها بالجزء الأول و الثاني في المقالين السابقين.
أعود إليكم بالجزء الثالث من السلسلة لأفضل أكواد ومشاريع HTML و CSS و JS جاهزة على Codepen للإستفادة منها في مشاريعكم وأعمالكم أو للإلهام والحصول على أفكار جديدة ومبتكرة لتصميم الواجهات الأمامية أو لعناصر في مواقعكم ومشاريعكم في مجال تطوير الويب والواجهات الأمامية.
هذه الأكواد والمشاريع المميزة ستساعدكم بشكل كبير ومذهل في تطوير أعمالكم ومشاريعكم على الويب وتصميم الواجهات الأمامية وكل من يعمل في مجال تطوير الويب والبرمجة.
قد يكون بدء رحلة تعلم واحتراف تطوير الويب أمرًا صعبًا إذا لم تختر الموارد والمصادر المناسبة للتعلم وتطوير المهارات.
أنا مطور ويب تعلم بشكل ذاتي وبخبرة لأكثر من 10 سنوات في العمل على HTML و CSS و JavaScript و Sass و Styled Components.
تحسين منشورات مدونتك لمحركات البحث لا يُعطي قيمة لمتابعيك ولعلامتك التجارية فحسب، بل هو وسيلة لإنشاء محتوى يساعد كل من الأشخاص ومحركات البحث في العثور على مدونتك ومقالاتك بين الكم المهول من المحتوى المتاح على الإنترنت.
إقرأ أيضا: كيفية تحسين موقعك للحصول على ترتيب عالي في نتائج بحث جوجل.
في هذا المقال، سأشرح لكم كيفية إنشاء مدونة بلوجر Blogspot على دومين فرعي مخصص Subdomain. أو بمعنى أخر، سنتعلم كيفية ربط موقع أو مدونة بلوجر Blogspot بنطاق أو دومين فرعي Subdomain لإسم نطاق أو دومين مخصص خاص بك.
بعد قراءة هذا الشرح، سوف تصبح قادر على إنشاء مواقع ويب و مدونات بلوجر وربطها بنطاق (دومين) مخصص واحد من خلال النطاقات الفرعية Subdomains.
في مقال اليوم، سنعرف كيفية تضمين فيديو من يوتيوب بخاصية التحميل الكسول أو البطيء"Lazy Load" داخل صفحة ويب أ, مقال مدونة بشكل صحيح وبعرض متجاوب مع كل الشاشات (How to properly embed a YouTube Video with Lazyload and Responsive) بطرق وأشكال مختلفة والتي من خلال تطبيق أي منها سنتمكن من تضمين فيدوهات يوتيوب في صفحات الويب مع خاصية التحميل الكسول لضمان عدم تأثير فيديو المضمن من يوتيوب على سرعة تحميل صفحة الويب.
في هذا المقال، سنتحدث عن المهارات الأساسية التي تحتاج إليها لتصبح مطور ويب (مطور واجهات أمامية) - تطوير الويب أو تطوير الواجهات الأمامية، والمعروف أيضًا باسم التطوير من جانب العميل [Client-side development] ، هو ممارسة إنتاج صفحات أو واجهات HTML و CSS و JavaScript لموقع ويب أو تطبيق ويب بحيث يمكن للمستخدم رؤيتها والتفاعل معها مباشرة. لذلك إذا كان لديك حلم في أن تُصبح مطور ويب متخصص في الواجهة الأمامية، فلا حاجة لأن تتعلم كل شيء عن تطوير الويب. فأن تكون انتقائيًا هو المفتاح! لذلك سأحاول أن أذكر لك في هذا المقال سبع مهارات إن تعلمتها فستساعدك على أن تصبح مطور واجهات أمامية متمكّن ومحترف.يمكنك أيضا الإستفادة من مقالي السابق حول أهم مجالات واتجاهات تطوير الويب وتصميم المواقع المستقبلية .
إقرأ أيضا: أفضل مواقع العمل المستقل و الحُر المتخصصة لعام 2022.
دورات و كورسات مجانية في البرمجة وتطوير الويب على Udemy - في هذا المقال، سأقدم لكم قائمة لأهم الكورسات المجانية و الدورات المجانية المقدمة من منصة يوديمي Udemy التعليمية الرائدة في مجالات مختلفة.
إقرأ أيضا: دورات مجانية في تطوير الويب و تصميم الواجهات الأمامية .. إلحق بسرعة.
في هذا المقال سأقدم لكم أفضل مصادر إطار العمل TailwindCSS والتي يمكنك من خلالها تعلم استخدام إطار العمل Tailwind بكفاءة، وتسهيل البدء باستخدام إطار عمل TailwindCSS والذي يتميز بكونه Utility-first framework بعيدا عن إطارات العمل ذات المكونات الجاهزة.
إقرأ أيضا: المهارات الأساسية التي تحتاج إليها لتصبح مطور ويب (واجهات أمامية).
أفضل مواقع بودكاست مفيدة لمطوري الويب والمبرمجين - في هذا المقال سأقدم لكم أفضل بودكاست قد تكون مفيدة لك إن كنت مطور ويب في مختلف مجالات تطوير الويب وتصميم المواقع ومشاريع الويب.
لقد قطع الإنترنت شوطا طويلا منذ ظهوره قبل حوالي 40 عاما وإلى يومنا هذا. ففي وقتنا الحالي، يقوم يوميا أكثر من 5.2 مليار مستخدم نشط بزيارة ما يقارب 2 مليار موقع إلكتروني على شبكة الإنترنت. كما أن مجالات واتجاهات تطوير الويب تغيّرت وتطورت بشكل كبير على مر العقود الماضية، وباتت أكثر المواقع نجاحًا هي تلك التي دائمًا ما تكون قادرة على مواكبة التغيرات وتطور التكنولوجيا التي تطرأ في مجال تطوير الويب وتصميم المواقع الإلكترونية بشكل مستمر.
في عالم اليوم، أصبحت مواقع الويب شائعة جدًا، وبات كل نشاط تجاري أو مؤسسة، أو حتى الأفراد يمتلكون مواقع ويب. مع التقدم في التكنولوجيا، أصبح من السهل جدًا إنشاء موقع ويب للشركات من أي حجم. لا تحتاج حتى إلى مصممي ومطوري ويب محترفين لإنشاء موقع ويب.
تحسين موقعك للحصول على ترتيب عالي في نتائج بحث جوجل أمر في غاية الأهمية لضمان الإستفادة المثلى من حركة المرور والزوار القادمون من محرك بحث جوجل، والذي بات أهم المصادر المجانية للحصول على لزيارات وحركة مرور لمواقع الويب وخصوصا المواقع الجديدة والتي ليس لها حضور أو جمهور على مواقع التواصل الإجتماعي.
إذا كنت تبحث عن أفضل قوالب وواجهات مواقع بوتستراب Bootstrap مجانية (Best free Bootstrap Themes)، فأنت في المكان الصحيح، حيث سأقدم لكم أدناه قائمة بأفضل ثيمات وقوالب ويب بوتستراب مجانية لعام 2022م. جميع القوالب أو الثيمات أدناه مجانية بنسبة 100٪، حيث يمكنك إستخدامها كما يحلو لك، فيمكنك إستخدامها مثلا لتصميم موقعك الإلكتروني أو موقع الويب الخاص بشركتك التجارية الجديدة، أو موقع ويب تجاري، أو موقع المحفظة، أو حتى موقع ويب للتجارة الإلكترونية باستخدام قوالب بوتستراب Bootstrap.
كورسات و دورات مجانية لتعلم تصميم وبرمجة الواجهات الأمامية (FREE Courses to Learn Front End Skills) .. إلحق بسرعة 😍 - في هذا المقال، سأقدم لكم قائمة لأهم الكورسات المجانية و الدورات المجانية لتعلم تصميم وتطوير الويب والواجهات الأمامية مجانا، والمتوفرة حاليا على عدد من المناصات التعليمية على الإنترنت.
كما يمكنك أيضا الإستفادة من مقالي الأحدث والذي شاركت فيه أهم دورات و كورسات مجانية في البرمجة وتطوير الويب على Udemy.
إستمرار لما كنت قد أطلقته قبل عدة أيام على مدمن ويب، وهي سلسلة أفضل الأكواد والقوالب والمشاريع الجاهزة (HTML و CSS و Javascript) على موقع CodePen والتي بدأتها بجزأها الأول في المقال أفضل أكواد وقوالب HTML و CSS و JS ومشاريع جاهزة على Codepen (الجزء الأول). أعود إليكم بقائمة جديدة لأفضل أكواد ومشاريع HTML و CSS و JS جاهزة على Codepen (الجزء الثاني) للإستفادة منها في مشاريعكم وأعمالكم أو للإلهام لأي أفكار جديدة لعناصر في مواقعكم ومشاريعكم في مجال تطوير الويب والواجهات الأمامية.
والتي ستساعدكم بشكل كبير ومذهل في تطوير أعمالكم ومشاريعكم على الويب وتصميم الواجهات الأمامية وكل من يعمل في مجال تطوير الويب والبرمجة.
مصممي المواقع ومطوري ويب والواجهات الامامية، دائمًا ما قد يحتاجون إلى استخدام بعض الموارد والأدوات المتوفرة والمجانية التي يمكن أن تجعل حياتهم أسهل وتساعدهم في انجاز أعمالهم ومشاريع الويب الخاصة بهم بالشكل الأمثل، وكذلك لتعزز إنتاجيتهم عند العمل في تصميم وتطوير المواقع ومشاريع الويب أو تعلم شيء ما.
إقرأ أيضا: المهارات الأساسية التي تحتاج إليها لتصبح مطور ويب (واجهات أمامية).
قبل البدء ، يجب أن تعلم بان هنالك العديد من المسارات المتكاملة (Full Stack) المختلفة لتعلّم البرمجة ولتصبح مطور ويب واجهات أمامية وخلفية أي مطور ويب متكامل (Full Stack Web Developer).
إقرأ أيضا: أهم مجالات واتجاهات تطوير الويب وتصميم المواقع المستقبلية.
.png)
.png)
إن كُنت مطور ويب أو واجهات أمامية، فبالتأكيد أنك قد سمعت عن موقع كود بن Codepen، والذي يعتبر من أشهر المواقع المتخصصة في تحرير وإختبار الأكواد HTML و CSS و Javascript أونلاين. والذي يحوي محتوى هائل ومميز من الأكواد والقوالب والمشاريع الجاهزة لواجهات أمامية وعناصر ويب مختلفة.
لذا قررت في مدمن ويب أن أشارككم أفضل الأكواد والقوالب والمشاريع الجاهزة (HTML و CSS و Javascript) على موقع كود بن CodePen في سلسلة من المقالات والتي سيبدأ جزأها الأول من هذا المقال، والتي ستساعدكم بشكل كبير ومذهل في تطوير أعمالكم ومشاريعكم على الويب وتصميم الواجهات الأمامية وكل من يعمل في مجال تطوير الويب والبرمجة.
عادة ما تظهر اللاحقة ?m=1 في رابط مدونات بلوجر عندما يتم تصفح المدونة من أجهزة الجوال الأمر الذي يبدو غريباً بعض الشيء ومعظم المستخدمين لا يحبونه. بالإضافة إلى أن بعض مدونات بلوجر قد تواجه مشكلات تكرار المحتوى في تحسين محركات البحث بسبب m=1 في روابط في مدونة بلوجر. والكثير يرغبون بإزالة اللاحقة m=1 أو m=0 من روابط مدونات بلوجر والتي يواجهوان صعوبة في معرفة كيفية عمل ذلك. لذا في هذا المقال سأقدم لك أسهل طريقة آمنة لحذف ?m=1 من روابط مدونات بلوجر لتحسين محركات البحث وحل مشكلة المحتوى المكرر.
