TechOucha

Instagram يتفوق على TikTok باعتباره التطبيق الأكثر تنزيلًا في العالم

بعد مواجهة منافسة شديدة من TikTok، عاد Instagram من خلال ميزة Reels لمقاطع الفيديو المقلدة. وتم تنزيل تطبيق مشاركة الصور والفيديو 767 مليون مرة حول العالم في عام 2023، بزيادة قدرها 20% عن العام السابق. ويتجاوز هذا عدد تنزيلات TikTok البالغة 733 مليونًا، والتي نمت بنسبة 4٪ فقط.

إحياء الإنستغرام

وفقًا لشركة استخبارات السوق Sensor Tower، يمكن أن تُعزى شعبية Instagram إلى ميزة Reels، بالإضافة إلى وظائفه الأخرى مثل مشاركة الصور والقصص. كما ساهم الرد السريع على تهديد TikTok وجذب جمهور ديموغرافي أوسع في نجاح Instagram.

تفاعل المستخدم

في حين أن Instagram لديه عدد أقل من المستخدمين النشطين من TikTok (1.5 مليار مقابل 1.1 مليار)، فإن المستخدمين يقضون وقتًا أطول على Instagram، بمتوسط 62 دقيقة يوميًا مقارنة بـ TikTok البالغ 95 دقيقة.

المعارضة السياسية

وتواجه TikTok معارضة سياسية في الولايات المتحدة بسبب مخاوف بشأن ملكيتها الصينية. اقترحت مجموعة من المشرعين الأمريكيين من الحزبين الجمهوري والديمقراطي تشريعًا من شأنه أن يجبر ByteDance، الشركة الأم لـ TikTok، على سحب التطبيق أو مواجهة الحظر في غضون ستة أشهر.

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

أخبار تكنولوجيا

محفوظ مامي مارس 08, 2024

تطبيق حساب فاتورة الغاز والكهرباء. في الجزائر. أونلاين

يمكنكم تغير قيمة معامل الغاز بالنقر على الخلية، لا تتوفر بيانات دقيقة حول القيمة الجديدة

الكهرباء :

الغاز :

	التسعيرة	البيان الجديد	البيان السابق	الفرق	المعامل	الاستهلاك
كهرباء	54M	0	0		1.00
غاز	23M	0	0		8.80

العنصر	التسعيرة	الشطر	الاستهلاك	سعر الوحدة	المجموع HT	TVA	المجموع TTC
كهرباء	54M	الشطر 1	0	1.7787	0	9%	0
		الشطر 2	0	4.1789	0	9%	0
		الشطر 3	0	4.8120	0	19%	0
		الشطر 4	0	5.4796	0	19%	0
تكاليف ثابتة					78.66	9%	0
مجموع الكهرباء (1)	54M
غاز	23M	الشطر 1	0	0.1682	0	9%	0
		الشطر 2	0	0.3245	0	9%	0
		الشطر 3	0	0.4025	0	19%	0
		الشطر 4		0.4599	0	19%	0
تكاليف ثابتة					59.28	9%
مجموع الغاز (2)	23M
مستحقات ثابتة					100		100
ر.مسكن					150		150
مجموع م.ر (3)					250		250
				مجموع العناصر 1+2+3		المبلغ المستحق
						ضريبة الطابع
						المبلغ الاجمالي للدفع نقدا

WebApp

محفوظ مامي فبراير 25, 2024

الدرس الاول - قالب بلوجر خام | دورة تصميم قالب بلوجر

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

انشاء قالب بلوجر يحتوي على خصائص القوالب الاحترافية

تعلم التعديل على قالب بلوجر من أجل تصميم قالب بلوجر متميز

تعلم تضمين مشاريع (html,css,javascript) الصغيرة، مثل معرض الصور، ساعة....

انشاء قالب متجاوب باستخدام اساسيات Bootstrap’s grid system

انشاء قالب بلوجر احترافي بدون استخدام مكتبات خارجية للحفاظ على سرعة القالب

قالب تنظيف

يتسخدم قالب تنظيف بلوجر من اجل محو الانماط السابقة لقوالب بلوجر المستخدمة من قبل، فيما يلي قالب تنظيف بلوجر، نقوم بنسخه ولصقه في المظهر > تعديل html

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateVersion='1.3.0' expr:class='data:blog.languageDirection' expr:dir='data:blog.languageDirection' expr:lang='data:blog.localeUnderscoreDelimited' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
	<head>
		<meta charset='UTF-8'/>
		<meta content='width=device-width, initial-scale=1' name='viewport'/>
		<meta content='ie=edge' http-equiv='X-UA-Compatible'/>
		
      
      <!--title-->
    <title>
      <b:if cond='data:blog.pageType == "index"'>
        <data:blog.pageTitle/>
        <b:else/>
        <b:if cond='data:blog.pageType != "error_page"'>
       <data:blog.pageName/> - <data:blog.title/>
          <b:else/>
          Page Not Found - <data:blog.title/>
         
        </b:if>
      </b:if>
    </title>
    <b:include data='blog' name='all-head-content'/>
      
		<b:skin version='1.3.0'><![CDATA[

]]></b:skin>
  </head>
  <body>
    <b:section id='header' class='header'  showaddelement="yes">

</b:section>
    <div class="container">
      <div class="row">
        
      
    <main class='main col-7'>
    <b:section id='main' class='main'  showaddelement="yes">
<b:widget id="Blog1" type="Blog" title="Blog Post"></b:widget>
</b:section>
    </main>
    <aside class='sidebar col-3'>
    <b:section id='sidebar' class='sidebar'  showaddelement="yes">

</b:section>
    </aside>
    </div>
    </div>
    
    <b:section id='footer' class='footer'  showaddelement="yes">

</b:section>
    
    
  </body>
</html>

نقوم بنسخ هذا الكود ضمن <b:skin version='1.3.0'></b:skin> لتفعيل خاصية Bootstrap’s grid system

/*bootstrap css basic*/

  html{line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;scroll-behavior: smooth;} 
  *, ::after, ::before { box-sizing: border-box;font-family: sans-serif; }
  body{margin: 0; font-weight: 400;     font-size: 1.15rem;line-height: 1.7; color: #212529;word-break: break-word;background-color: white; color: #505050;}
div,li, a, p,span{text-transform: math-auto;}
 
   /*container*/
.container { width: 90%; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }
  @media (max-width: 768px){.col-2  {display:none} .container { width: 100%}}

  
/*container*/
  /*row*/
.row {  display: flex;  flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
/*row*/
  
/*col*/ 
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10{position: relative; width: 100%; padding-left: 10px; padding-right: 10px;}
@media (min-width: 768px) {.col-1 {  flex: 0 0 10%; max-width: 10%; }}
  @media (min-width: 768px) {.col-2 {  flex: 0 0 20%; max-width: 20%; }}
  @media (min-width: 768px) {.col-3 {  flex: 0 0 30%; max-width: 30%; }}
  @media (min-width: 768px) {.col-4 {  flex: 0 0 40%; max-width: 40%; }}
  @media (min-width: 768px) {.col-5 {  flex: 0 0 50%; max-width: 50%; }}
  @media (min-width: 768px) {.col-6 {  flex: 0 0 60%; max-width: 60%; }}
  @media (min-width: 768px) {.col-7 {  flex: 0 0 70%; max-width: 70%; }}
  @media (min-width: 768px) {.col-8 {  flex: 0 0 80%; max-width: 80%; }}
  @media (min-width: 768px) {.col-9 {  flex: 0 0 90%; max-width: 90%; }}
  @media (min-width: 768px) {.col-10 {  flex: 0 0 100%; max-width: 100%; }}
/*col*/
/*img*/
img, video { width: 100%; border-radius: 8px; margin: 0; box-shadow: 2px 5px 7px 0px black;transition: 2s; }

بلوجر

محفوظ مامي ديسمبر 22, 2023

فتح حساب gmail جديد ( مع شرح مفصل بالصور)

سنشرح بالصور كيفية فتح حساب gmail جديد على جوجل.

الخطوةالاولى

التوجه الى موقع جوجل لفتح حساب جيميل جديد خاص بك من خلال هذا الرابط https://accounts.google.com/signup
ملاجظة: لا يمكن انشاء حساب جيميل للقصر دون 18 سنة الا بعد أخذ موافقة ابائهم من خلال تأكيد ذلك عن طريق حسابهم gmail الخاص

الخطوة الثانية

بعد الانتقال الى صفحة التسجيل يطلب منك ملئ البيانات كما هو موضح في الصورة التالية:

ملاحظة: username: هو اسم المستخدم ويجب أن يكون متميز حتى عن باقي الحسابات الموجودة، ومن الاضل ان يكون اسم المستخدم له معنى عندك
مثلا: الاسم واللقب ahmed omar وتاريخ ازديادك هو سنة 2003، نكتب ahmedomar03@gmail.com، وان وجد حساب مثل هذا الذي قمت بادخاله يمكنك اضافة حرف او رقم مثلا:ahmedomar2003@gmail.com

الخطوة الثالثة

بعد ملئ بياناتك الشخصية ستظهر لك هذه النافذة، يطلب منك ادخال رقم الهاتف الخاص بك والغرض من ذلك هو التأكد بأنك لست روبوت، وتستطيع استرجاع حسابك gmail من خلال رقم هاتفك، بعدما تقوم بكتابة رقم الهاتف الخاص بك وتضغط على next ستصل رسالة الى هاتفك تحتوي على 6 أرقام للتحقق من هويتك كما هو موضح:

الخطوة الرابعة

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

الخطوة الخامسة

بعد ذلك ستظهر لك هذه النافذة، توضح لك اضافة بعض المزايا على رقم هاتفك مثل الرسائل والفيديوهات

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

اذا كنت لاترغب في ذلك اضغط على skip

الخطوة السادسة

بعد ذلك ستظهر لك نافذة سياسة الخصوصية اضغط على i agree أي اوافق على هذه السياسة في الاسفل

الخطوة الاخيرة

ألف مبروك لقد قمت بفتح حساب gmail جديد ويمكنك الاستفادة من خدمات google وانشاء بريد الكتروني وقناة على youtube كما يمكنك الاستفادة من خدمات جوجل الاخرى المتميزة

مقالات

محفوظ مامي نوفمبر 24, 2023

تصميم زر التحميل بلغة html-css

ستنعلم في هذا الدرس كيفية تصميم زرالتحميل باستخدام مكتبة material-icons وهي الايقونات المستخدمة في المواقع المشهورة مثل يوتيوب ومواقع جوجل.

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

<!doctype html>
<html dir="rtl">
  <head>
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
    <style>
      .material-icons{vertical-align:middle} .material-icons:hover{transform:rotate(360deg); transition:0.5s}
      a{color:white; text-decoration:none} button{background:#016886; border:0px; border-radius:3px; }
      
    </style>
        </head>
  <body>
      <button>
        <a href="#">تحميل <i class="material-icons">file_download</i> </a>
    </button>
    </body>
     </html>

front end languages

محفوظ مامي نوفمبر 24, 2023

الفرق بين الموقع الالكتروني والمدونة

من الاسئلة الشائعة في مجال الانترنت هي "الفرق بين الموقع الالكتروني والمدونة الالكترونية"، ولمعرفة الفرق لا بد من التطرق الى تعريف كل منهما على حدى.

تعريف المدونة الالكترونية:

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

تعريف الموقع الالكتروني:

الموقع الالكتروني يتكون من عنصرين اساسين وهما (domain, host)، ومعنى ذلك ان الدومين هو المتعارف لدى الجميع مثل

www.google.com، وهذا الشكل يدعى دومين والشكل العام له www.domainName.com، ويوجد عدة نطاقات اخرى مثل: (.net,.org) وغيرها من النطاقات، اما الهوست فهو يحدد هل ان الموقع محمي من الاختراقات"القرصنة" الالكترونية، حيث نجد شكلين:

(http:// موقع ضار، اي ان استخدام بيناتك الشخصية في هذا الموقع تعرض حساباتك للاختراق)
(https:// موقع آمن، اي ان استخدام بيناتك الشخصية في هذا الموقع لا تعرض حساباتك للاختراق)

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

خلاصة:

اذن المدونة الالكترونية هي موقع الكتروني يقدم خدمات غير ملموسة غالبا تتمثل في محموعة من المقالات والمواضيع التي يبحث عنها مستخدمي الانترنت.

مقالات

محفوظ مامي نوفمبر 24, 2023

اهم المواقع الالكترونية التي تقدم دروس في تعلم البرمجة

قائمة باهم المواقع الالكترونية التي تقدم دروس في تعلم البرمجة

موقع plunker
موقع codepen
موقع w3schools
موقع MDN
موقع stackoverflow
موقع github

مقالات front end languages

محفوظ مامي نوفمبر 24, 2023

Instagram يتفوق على TikTok باعتباره التطبيق الأكثر تنزيلًا في العالم

Instagram Has Overtaken TikTok as the World’s Most Downloaded App

إحياء الإنستغرام

تفاعل المستخدم

المعارضة السياسية

تطبيق حساب فاتورة الغاز والكهرباء. في الجزائر. أونلاين

الدرس الاول - قالب بلوجر خام | دورة تصميم قالب بلوجر

قالب تنظيف

فتح حساب gmail جديد ( مع شرح مفصل بالصور)

الخطوةالاولى

الخطوة الثانية

الخطوة الثالثة

الخطوة الرابعة

الخطوة الخامسة

الخطوة السادسة

الخطوة الاخيرة

تصميم زر التحميل بلغة html-css

الفرق بين الموقع الالكتروني والمدونة

تعريف المدونة الالكترونية:

تعريف الموقع الالكتروني:

خلاصة:

اهم المواقع الالكترونية التي تقدم دروس في تعلم البرمجة

تطبيق حساب فاتورة الغاز والكهرباء. في الجزائر. أونلاين

فتح حساب gmail جديد ( مع شرح مفصل بالصور)

موقع تحميل صور بجودة عالية، مجانية، بدون حقوق الملكية (3×1)

تصميم زر التحميل بلغة html-css

انشاء موقع ويب لصفحة فيس بوك (طريقتان مختلفتان)