TOP-TECH

Channel
Logo of the Telegram channel TOP-TECH
@toptech11Promote
1.68K
subscribers
دورات لغات برمجه شرح تقنيات جديده في عالم الحاسوب شرح مواضيع متعلقه بالحاسوب للاستفسار أو السؤال التواصل معنا عبر الرابط https://t.center/alsharai11
Please open Telegram to view this post
VIEW IN TELEGRAM
ما هو 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://download2337.mediafire.com/q7xblw6ain9g/1v5a2jpvj7xhcjs/Reface%28techdaiily.com%29.apk
البرمجة بلغة بايثون.pdf
2.8 MB
كتاب تعلم البرمجة باللغة بايثون من الصفر للمبتدئين حتي الاحتراف
ما هي انواع القوائم المستخدمه في html ؟
TOP-TECH pinned «https://youtu.be/a2SzwZz-Jkg سيتم شرح التاق a و طرق استخدامه لمشاهدة الفديو السابق https://youtu.be/G4xeR_-PeDc لمتابعتنا على التيليجرام https://t.me/toptech11 للتواصل والاستفسار http://t.me/alsharai11»
برنامج تحويل الاعداد الى نصوص باستخدام 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
لمتابعتنا على التيليجرام
https://t.center/toptech11
للتواصل والاستفسار
https://t.center/alsharai11
نهنئكم بمناسبة حلول شهر رمضان المبارك اعاده الله علينا و عليكم باليمن و الإيمان.
و كل عام و انتم بخير
اعزائي المتابعين ما هي الخصائص التي تاتي مع الخاصيه background الموجوده في css ؟ و ما الفرق بين الخاصيه background الموجودة في css و التاق image الموجود في تاقات html ؟
Telegram Center
Telegram Center
Channel