-
دورات لغات برمجه شرح تقنيات جديده في عالم الحاسوب شرح مواضيع متعلقه بالحاسوب للاستفسار أو السؤال التواصل معنا عبر الرابط http://t.me/alsharai11
https://youtu.be/DerQYUqx_Kw
سيتم تصميم قائمة جانبية حيث تم استخدام
html
css
display:block
background-color
color
Padding
margin
لمشاهدة الفديو السابق
https://youtu.be/_NTRuQS7TkQ
لمتابعتنا على التيليجرام
/channel/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
https://youtu.be/_NTRuQS7TkQ
طريقة التعامل مع القوائم
ul
ol
li
dl
لمشاهدة الفديو السابق
https://www.youtube.com/watch?v=JSJ_0zy3Vn0
لمتابعتنا على التيليجرام
/channel/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
تطبيق لتبديل وجه اي شخص من اي صورة مفعل مدي الحياة اخر اصدار نسخة تعمل بها جميع المميزات 🔥
لينك التحميل ✅↙️
https://download2337.mediafire.com/q7xblw6ain9g/1v5a2jpvj7xhcjs/Reface%28techdaiily.com%29.apk
برنامج تحويل الاعداد الى نصوص باستخدام c++
#include<iostream>
#include<string>
using namespace std;
int main()
{
string digits[20]={"Zero ","One ","Two ","Three ","Four ","Five ",
"Six ","Seven ","Eight ","Nine ","Ten ","Eleven ","Twelve ",
"Thirteen ","Fourteen ","Fifteen ","Sixteen ","Seventeen ",
"Eighteen ","Nineteen "};
string tens[8]={"Twenty ","Thirty ","Forty ","Fifty ","Sixty ","Seventy ","Eighty ","Ninety "};
int n;
cout << "Insert a Number : ";
cin >> n;
int num[9];
for(int i=8 ; i>=0 ; i--)
{
num[i]=n%10;
n=n/10;
}
bool a=(num[0]+num[1]+num[2] > 0);
bool b=(num[3]+num[4]+num[5] > 0);
bool c=(num[6]+num[7]+num[8] > 0);
cout<<"\n";
for(int k=0 ; k<=6 ; k+=3)
{
if(num[k] != 0)
cout << digits[num[k]] << "Hundred ";
if(num[k+1] > 1)
cout << tens[num[k+1] - 2];
if(num[k+1] == 1)
cout << digits[10 * num[k+1] + num[k+2]];
if(num[k+1]!=1 && num[k+2]!= 0)
cout << digits[num[k+2]];
if(k==0 && a)
{
cout << "Million ";
if(b || c) cout << ",\n";
}
if(k==3 && b)
{
cout << "Thousand ";
if(c) cout << ",\n";
}
}
cout << "\n\n";
return 0;
}
https://youtu.be/G4xeR_-PeDc
استكمالا لشرح الخاصيه background و الخواص التابعه لها
background-size
background-repeat
background-position
لمشاهدة الفديو السابق
https://youtu.be/aGDNhk9GNv4
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمتابعتنا على التيليجرام
/channel/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
نهنئكم بمناسبة حلول شهر رمضان المبارك اعاده الله علينا و عليكم باليمن و الإيمان.
و كل عام و انتم بخير
كيف تعمل CSS ؟
لفهم أساسيات كيفية عمل CSS ، يجب أولاً فهم القليل عن لغة HTML. حيث تكون عناصر صفحات الويب عبارة عن وحدات على أشكال مربعة يحتوي كل منها على عناصر عديدة ويتم تخصيص حجمها وشكلها عن طريق لغة ال CSS .
على سبيل المثال ، رأس الصفحة عبارة عن مربع ، ويحتوي على العديد من الوحدات الأخرى الأصغر التي تضم جميع العناصر التي تشكل رأس الصفحة ، مثل الشعار ، و الناف بار ، و أيقونات التواصل الاجتماعية وما إلى ذلك. باستخدام CSS ، يقوم المطور بتخصيص الشكل والحجم إلى رأس الصفحة .
في هذا المثال ، دعنا نفترض أن المطور يريد جعل النص داخل الرأس أرجوانيًا ، بخط من نوع Arial حجمه 15px .
يمكننا عمل ذلك باستخدام هذا السطر البسيط:
.PageHead{ font-family : Arial , sans-serf; font-size: 15px; color : purple; }
وفي لغة ال CSS يتم تطبيق الخصائص على كل العناصر التي تحمل ال Class or Id المختار في ال CSS، مثلا في الHTML لو تم تعيين Selector واحد لأكثر من عنصر في الصفحة وتم تعيين شكل وخصائص لهذا ال Selector فكل العناصر الحاملة له ستاخذ نفس الخصائص .
اعزائي المتابعين ما هي css و ما الفرق بينها هي و html ؟
Читать полностью…
🌹🌹لاتنسى الاشتراك بقناتنا على يوتيوب تشجعيا لنا لتقديم المزيد باذن الله🌹🌹
Читать полностью…
ماهي لغة الترميز HTML؟
الحروف هي إختصار HyperText Markup Language، وهي ليست لغة برمجية بالمعنى المتعارف عليه للغات البرمجة، ولكنها لغة أو طريقة لوصف محتويات صفحة الويب لبرامج التصفح، حيث أن أي برنامج متصفح انترنت يحتاج لمعرفة محتويات الصفحة من عناوين ونصوص وصور وروابط و غير ذلك من مكونات صفحة الويب، حتى تتمكن من عرضها بالشكل الصحيح، ولغة الترميز HTML، هي اللغة الرئيسية التي يتكون منها أي موقع أو صفحة على شبكة الإنترنت.
وتتكون صفحة الويب من مجموعة من العناصر (Tags) أو تعرف كــ الوسوم، يكتب كل وسم بين (angle brackets) أو كما تسمى علامة أصغر من > وعلامة أكبر من <. ولا يقوم المتصفح بعرض هذه الوسوم، ولكن يقوم بعرض محتوياتها، وهناك نوعين من الوسوم.
https://youtu.be/H4Ve1yyt3Kc
#03 هيكلية تصميم الصفحة و تصميم الهيدر للصفحة (١)
الوصف
في هذه الحلقة سوف نتحدث عن هيكلية تصميم الصفحة .
و تصميم الهيدر الخاص بالصفحه و تم استخدام العناصر <h1>,<nav>,<a>,<div> مع ضبط بعض الخصائص الخاصه بها
للاشتراك في قناتنا على التليجرام
/channel/toptech11
للتواصل او الاستفسار
http://t.me/alsharai11
https://youtu.be/XSDKeue-diw
سيتم تصميم قائمة افقية حيث تم استخدام
html
css
display:inline-block
background-color
color
Padding
margin
لمشاهدة الفديو السابق
https://youtu.be/DerQYUqx_Kw
لمتابعتنا على التيليجرام
/channel/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
ما هو Bootstrap ؟
Bootstrap عبارة عن إطار عمل (Framework) مجاني يستخدم لتسهيل عملية تصميم صفحات الويب على المطور حيث يوفر له كلاسات CSS جاهزة يمكنه إستخدامها لإظهار العناصر (Components) التي نضيفها في الصفحات بشكل جميل جداً و متجاوب مع حجم الصفحة (Responsive) مثل الأزرار (Buttons), مربعات النص (Text Fields), القوائم المنسدلة (Drop Down Menus) و غيرها من الأشياء المساعدة مثل رسائل التنبيهات التي نظهرها للمستخدم.
إذاً التصميم الذي تعتمد على Bootstrap لبنائه, سيظهر بشكل جميل على جهاز المستخدم سواء كان يستخدم هاتف, حاسوب أو تابلت أو أي جهاز آخر.
هذا الإطار مدعوم من شركة Twitter و هو متاح بشكل جاهز و مجاني للجميع و دائماً ما يتم تطويره و إضافة المزيد من المزايا عليه, و حتى هذه اللحظة الإصدار 4.4.1 هو آخر إصدار رسمي له.
معلومة تقنية
إطار Bootstrap يعتبر Front-End لأنه يستخدم في تصميم واجهة المستخدم و ليس في برمجته.
بشكل عام, إطار Bootstrap يتكون من لغة HTML و لغة CSS و لغة Javascript و هو يعتمد على مكتبات أخرى متوفرة مثل مكتبة Jquery و PopperJs و لكن طبعاً أنت كمطور لا يهمك إطلاقاً معرفة طبيعة العلاقة بينهم لأنها مسؤولية مطوري Bootstrap و ليس المطورين الذين يستخدموه.
و للعلم فإن Bootstrap يعتمد على Jquery من أجل المؤثرات التي يضيفها للتصاميم و أي شيء يتعلق بالإخفاء و الإظهار, و يعتمد على PopperJs من أجل تحسين تجربة المستخدم بالنسبة لشاشات اللمس (Touch Screen) كأن يتعامل المستخدم مع صفحتك من خلال هاتفه أو أي جهاز لوحي.
تحميل تطبيق Mimo تطبيق لتعلم البرمجة باللغة بايثون والجافا والجافا سكربت و php و HTML من الصفر للمبتدئين حتي الاحتراف 😱💯
لينك تحميل التطبيق 💯✅↙️
https://download2264.mediafire.com/n8z8ghnjv10g/g59ue6bwjgs0ctp/Mimo+%28techdaiily.com%29.apk
كتاب تعلم البرمجة باللغة بايثون من الصفر للمبتدئين حتي الاحتراف
Читать полностью…
https://www.youtube.com/watch?v=JSJ_0zy3Vn0
سنستخدم في هذا الدرس تاق a مع ضبط الخصائص الخاصة بها لكي يظهر لدينا button
a
color
background-color
hover
active
-webkit-drag-user
لمشاهدة الفديو السابق
https://youtu.be/a2SzwZz-Jkg
لمتابعتنا على التيليجرام
/channel/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
https://youtu.be/a2SzwZz-Jkg
سيتم شرح التاق a و طرق استخدامه
لمشاهدة الفديو السابق
https://youtu.be/G4xeR_-PeDc
لمتابعتنا على التيليجرام
/channel/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
لعشاق الرسم
https://youtu.be/TZdyQfoV6x8
رابط تحميل اللغة
https://developerinsider.co/download-turbo-c-for-windows-7-8-8-1-and-windows-10-32-64-bit-full-screen/
رابط تحميل برنامج رسمة هلال و نجمه و رمضان مبارك :
https://drive.google.com/file/d/1e-7FbRzevlSSeXA64sqxXt_mU_dY6Y8-/view?usp=drivesdk
لمتابعتنا على التيليجرام
/channel/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
https://youtu.be/aGDNhk9GNv4
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمشاهدة الفديو السابق
شرح بسيط لعملية كتابة css بطرقه الثلاث
https://youtu.be/QI3gGTkQpuo
لمتابعتنا على التيليجرام
/channel/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
اعزائي المتابعين ما هي الخصائص التي تاتي مع الخاصيه background الموجوده في css ؟ و ما الفرق بين الخاصيه background الموجودة في css و التاق image الموجود في تاقات html ؟
Читать полностью…
https://youtu.be/QI3gGTkQpuo
سيتم في هذا الفيديو شرح بسيط لعملية كتابة css بطرقه الثلاث
١) الطريقة الاولى
inline css
٢)الطريقه الثانيه
Embedded css
٣)الطريقه الثالثه
External css
لمشاهدة الفديو السابق
شرح بسيط لعملية تصميم header و footer و content للصفحه مع عمليات التحكم بها (٢)
https://youtu.be/Cw8qCaUck6A
لمتابعتنا على التيليجرام
/channel/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
نرجو تفاعلكم معنا في قناتنا على اليوتيوب و على هذه القناة شاكرين لكم تعاونكم معنا
Читать полностью…
ما هي أنواع الوسوم Tags؟
النوع الأول: وهو عبارة عن وسم يتم عرض محتواه مباشرة في صفحة الويب، مثال <img /> و <input />.
النوع الثاني: وهو عبارة عن وسم يصف ما بداخله من نصوص مثال <p>نص بداخل الوسم</p>، وقد يحتوي هذا الوسم بداخله على وسم آخر كعنصر فرعي لهذا الوسم ومثال على ذلك <p>نص <i>مائل</i></p> وسوف تلاحظ في هذا النوع أن كل وسم يتكون من جزئين (وسم البداية) و (وسم النهاية) وبينهما المحتوى الذي يتم عرضه في المتصفح.
٣- اصنع حلولك الخاصة
تصحيح البرنامج (Debugging) هو أصعب بكثير من كتابة البرنامج نفسه ، و لكن اذا كتبت برنامج بذكاء و حاولت تفادي الأخطاء ، فأنت لست بذكي كفاية لتصحيح البرنامج . ( براين كيرنغان - بروفسور في علوم الكمبيوتر )
أنت تعرف الحل لكنه لا يعمل ، بسبب Bug أو خطأ برمجي فإن يومك قد يتم تعكيره بل إن ذلك الError يا صديقي المبرمج قد يأتيك في أحلامك 😊 ؛ لذلك فإن مهارة ال Debugging أو حل المشكلة البرمجية للكود من أهم المهارات التي يجب عليك اكتسابها كمبرمج ، كذلك يا صديقي في أي مقابلة عمل لك كمبرمج في إحدى الشركات فستجد ذلك السؤال " ما الذي تفعله حينما تجد Error في الكود " ، في الحقيقة إيجاد الحلول البرمجية ليس بمحض الصدفة أو الحظ ، بل عليك أن تبدأ في إيجاد ورقة وقلم وتحليل الكود ومعرفة سبب الخطأ ، ليس دائمًا أن يكون قرارك الأول هو الولوج إلى موقع Stack Overflow والبحث عن الحل ، قد تجد الحل لكن لا تجعل جوجل هو وسيلتك الأولى ، عليك أن تشقى لتتعلم ... وكونك مبرمج مبتدئ فلا تقلق يا صديقي من قضاء وقتٍ كثيرٍ في تصحيح الأخطاء ، فتلك الأخطاء هي من ستصل بك إلى مستوى احتراف البرمجة .