📌4 مواقع توفر API للمطورين 🔥
يمكنك استخدامها لتعلم استخدام الـAPI او الاستفادة من البيانات بشكل عام ..
🟥 JSON Placeholder
JSON Placeholder خدمة توفر لك بيانات API وهمية تقدر من خلالها تستخدم API بشكل مباشر.
🔗jsonplaceholder.typicode.com
🟥 Open Weather Map
تتيح لك هذه الخدمة الوصول لبينات الطقس عبر API ,توجد العديد من الخطط لتجربة الخدمة.
🔗openweathermap.org/api
🟥REST Countries
توفر لك هذه الخدمة API لبيانات الدول مثل اسم الدولة ورأس المال والسكان والمنطقة والعملات واللغات والمزيد...
🔗 restcountries.com
🟥 IP API
خدمة تظهر لك معلومات عنوان IP عبر API يوفر معلومات مثل الدولة والمنطقة الزمنية وغيرها من البيانات الأخرى...
🔗 ipapi.co
يمكنك استخدامها لتعلم استخدام الـAPI او الاستفادة من البيانات بشكل عام ..
🟥 JSON Placeholder
JSON Placeholder خدمة توفر لك بيانات API وهمية تقدر من خلالها تستخدم API بشكل مباشر.
🔗jsonplaceholder.typicode.com
🟥 Open Weather Map
تتيح لك هذه الخدمة الوصول لبينات الطقس عبر API ,توجد العديد من الخطط لتجربة الخدمة.
🔗openweathermap.org/api
🟥REST Countries
توفر لك هذه الخدمة API لبيانات الدول مثل اسم الدولة ورأس المال والسكان والمنطقة والعملات واللغات والمزيد...
🔗 restcountries.com
🟥 IP API
خدمة تظهر لك معلومات عنوان IP عبر API يوفر معلومات مثل الدولة والمنطقة الزمنية وغيرها من البيانات الأخرى...
🔗 ipapi.co
👍3🔥3❤1
📌موقع مفيد جدا لمطورين FrontEnd..
تقدر تعرف هل المتصفح يدعم المميزات او الخصائص للغات HTML , CSS ,JS او لا يدعمها.
فمثلا استخدمت خاصية جديدة بـCSS تقدر تعرف وش المتصفحات التي تدعم الخاصية✅
كل اللي عليك تبحث عن الخاصية وراح يعرض لك هل هي مدعومة او لا.👇
caniuse.com
تقدر تعرف هل المتصفح يدعم المميزات او الخصائص للغات HTML , CSS ,JS او لا يدعمها.
فمثلا استخدمت خاصية جديدة بـCSS تقدر تعرف وش المتصفحات التي تدعم الخاصية✅
كل اللي عليك تبحث عن الخاصية وراح يعرض لك هل هي مدعومة او لا.👇
caniuse.com
🔥4👍1
افضل مجالات البرمجة مع شرح بسيط😍:-
1 – مجال تطوير الويب
و المقصود به تطوير و برمجة تطبيقات الويب و يعني ذلك ببساطة تصميم و برمجة مواقع الأنترنت و هذا مجال واسع جدا و فيه الكثير من اللغات و التقنيات التي يجب دراستها و هي : لغة تصميم صفحات الويب أو ما يطلق عليها بلغة ترميز الناص التشعبي (أو النص الفائق) Hyper Text Markup Language و تعرف اختصار ب html و هي لغة وصفية تستخدم لبناء و تصميم صفحات الويب، بعدها تأتي لغة css و هي اللغة المسؤولة عن تنسيق الألوان و الأشكال في صفحات الويب المختلفة، و بعد ذلك تأتي لغة الديناميكية و التفاعل مع المستخدم و هي لغة جافاسكريبت Javascript و بعد دراسة هذه اللغات الثلاث تكون قد أتقنت بشكل ما تصميم صفحات الويب. يأتي بعد ذلك الجزء الأهم في هذا المجال و هو اللغة التي تستعمل في ال Back-End يعني اللغة التي تتعامل مع قواعد البيانات في الموقع و هنا يمكنك دراسة لغة بايثون Python أو لغة PHP واحدة منهما فقط تكفي اضافة الى دراسة قواعد البيانات بالتأكيد SQL و هناك العديد منها يمكنك اختيار واحدة فقط تفي بالغرض.
المكتبات و اطارات العمل
بعد ذلك يجب دراسة بعض المكتبات الخاصة بمجال الويب مثل Bootstrap و كذلك مكتبة الجافاسكريبت Jqueyو بعض أطر العمل الأخرى مثل اطار العمل الخاص بلغة بايثون و هو فلاسك Flask أو اطار جانغو Django واحد من هذه الأطر يكفي.
التقنيات الضرورية
بعد ذلك يجب عليك تعلم التقنيات الضرورية التي يحتاجها كل مطور و هي مختلف المنصات التعليمية و المنتديات و مواقع العمل الحر و مجتمعات اللغة البرمجية التي تستعملها كما أنه يجب دراسة برنامج اداردة الاصدارات Git و منصة Github لأنها هي البوابة الرئيسية للمشاريع التي تقوم بها.
2 – مجال تطبيقات سطح المكتب
هذا المجال يتطلب منك دراسة احدى اللغات الآتية : java, #C, Pyhton,VB.NET اضافة الى ذلك يجب دراسة قواعد البيانات مثل MySql أو Sql Server أو Sqlite3 و غيرها
3 – مجال تطبيقات الموبايل
و هذا المجال رائج جدا في وقتنا الحالي و يتطلب الدخول اليه تعلم احدى اللغات الآتية : اما لغة جافا Java مع برنامج أندرويد ستوديو (بيئة تطوير)، و اما لغة سي شارب #C مع بيئة Xamarin و اما لغة كوتلن مع بيئة أندرويد ستوديو و بطبيعة الحال يجب تعلم قواعد البيانات كما تمت الاشارة اليه من قبل.
4 – مجال علم البيانات
هذا المجال رائع جدا و مطلوب كثيرا جدا في سوق الشغل في أيامنا هذه كما أنه من المجالات الصعبة نوعا ما و التي تتطلب جهدا كبير من أجل احترافه و هذا المجال يتطلب الكثير من الأمور و المهارات التي يجب دراستها و هي : أولا يجب تعلم لغة البرمجة بايثون Python ثم بعدها يجب دراسة بعض مباديء الرياضيات مثل الاحصاء، ثالثا يجب دراسة مكتبات بايثون المتخصصة في هذا المجال و هي مكتبة numpy، مكتبة pandas، مكتبة scikit-learn، مكتبة matplotlib، مكتبة seaborn و مكتبة Scipy و بعد ذلك يمكنك البدء بالتطبيق على بعض المشاريع الصغيرة و نشرها على منصة Github.
5 – مجال تحليل البيانات
و هذا المجال كذلك من أفضل مجالات البرمجة و أكثرها طلبا في سوق الشغل و هو يتطلب دراسة أمور قريبة من المجال الذي سبقه (علم البيانات) و هي : أولا دراسة لغة بايثون Python و القليل من الاحصاء و مكتبات لغة بايثون التي تمت الاشارة اليها سابقا و بعد ذلك التطبيق على بعض المشاريع و نشرها على منصة Github من أجل اثراء معرض أعمالك.
6 – مجال الذكاء الاصطناعي
هذا المجال فعلا من المجالات الرائعة التي تتميز فيها لغة بايثون بامتياز حيث يتم استعمال هذه اللغة لبناء برامج ذكاء اصطناعي ضخمة جدا كما أنها تستعمل من طرف أكبر الشركات التقنية على مستوى العالم مثل Google، Youtube، Netflix، NASA و غيرها من الشركات. و من أجل دراسة هذا المجال يجب اولا تعلم لغة بايثون Python و بعد ذلك تعلم المكتبات الخاصة بالذكاء الاصطناعي و كذلك الخوارزميات.
7 – مجال تطوير ألالعاب
تطويرألعاب الفيديو هي عملية تطوير برمجيات يتم فيها تطوير لعبة فيديو. التطوير يتم من قبل مطور لعبة فيديو, والذي قد يكون شخصا واحدا فقط إلى شركة ضخمة. الألعاب السائدة يتم تمويلها عادة من قبل ناشر أو عدة ناشطين وتستلزم أعواما للتطوير. الألعاب المستقلة يمكن أن تستغرق وقتا أقل ويمكن أن تنتج بثمن من طرف الأفراد والمطورين الصغار. صناعة الألعاب المستقلة عرفت ازدهارا واضحا في هذه الأعوام مع نمو أنظمة التوزيعات الشبكية الجديدة وسوق ألعاب الهاتف المحمول.
1 – مجال تطوير الويب
و المقصود به تطوير و برمجة تطبيقات الويب و يعني ذلك ببساطة تصميم و برمجة مواقع الأنترنت و هذا مجال واسع جدا و فيه الكثير من اللغات و التقنيات التي يجب دراستها و هي : لغة تصميم صفحات الويب أو ما يطلق عليها بلغة ترميز الناص التشعبي (أو النص الفائق) Hyper Text Markup Language و تعرف اختصار ب html و هي لغة وصفية تستخدم لبناء و تصميم صفحات الويب، بعدها تأتي لغة css و هي اللغة المسؤولة عن تنسيق الألوان و الأشكال في صفحات الويب المختلفة، و بعد ذلك تأتي لغة الديناميكية و التفاعل مع المستخدم و هي لغة جافاسكريبت Javascript و بعد دراسة هذه اللغات الثلاث تكون قد أتقنت بشكل ما تصميم صفحات الويب. يأتي بعد ذلك الجزء الأهم في هذا المجال و هو اللغة التي تستعمل في ال Back-End يعني اللغة التي تتعامل مع قواعد البيانات في الموقع و هنا يمكنك دراسة لغة بايثون Python أو لغة PHP واحدة منهما فقط تكفي اضافة الى دراسة قواعد البيانات بالتأكيد SQL و هناك العديد منها يمكنك اختيار واحدة فقط تفي بالغرض.
المكتبات و اطارات العمل
بعد ذلك يجب دراسة بعض المكتبات الخاصة بمجال الويب مثل Bootstrap و كذلك مكتبة الجافاسكريبت Jqueyو بعض أطر العمل الأخرى مثل اطار العمل الخاص بلغة بايثون و هو فلاسك Flask أو اطار جانغو Django واحد من هذه الأطر يكفي.
التقنيات الضرورية
بعد ذلك يجب عليك تعلم التقنيات الضرورية التي يحتاجها كل مطور و هي مختلف المنصات التعليمية و المنتديات و مواقع العمل الحر و مجتمعات اللغة البرمجية التي تستعملها كما أنه يجب دراسة برنامج اداردة الاصدارات Git و منصة Github لأنها هي البوابة الرئيسية للمشاريع التي تقوم بها.
2 – مجال تطبيقات سطح المكتب
هذا المجال يتطلب منك دراسة احدى اللغات الآتية : java, #C, Pyhton,VB.NET اضافة الى ذلك يجب دراسة قواعد البيانات مثل MySql أو Sql Server أو Sqlite3 و غيرها
3 – مجال تطبيقات الموبايل
و هذا المجال رائج جدا في وقتنا الحالي و يتطلب الدخول اليه تعلم احدى اللغات الآتية : اما لغة جافا Java مع برنامج أندرويد ستوديو (بيئة تطوير)، و اما لغة سي شارب #C مع بيئة Xamarin و اما لغة كوتلن مع بيئة أندرويد ستوديو و بطبيعة الحال يجب تعلم قواعد البيانات كما تمت الاشارة اليه من قبل.
4 – مجال علم البيانات
هذا المجال رائع جدا و مطلوب كثيرا جدا في سوق الشغل في أيامنا هذه كما أنه من المجالات الصعبة نوعا ما و التي تتطلب جهدا كبير من أجل احترافه و هذا المجال يتطلب الكثير من الأمور و المهارات التي يجب دراستها و هي : أولا يجب تعلم لغة البرمجة بايثون Python ثم بعدها يجب دراسة بعض مباديء الرياضيات مثل الاحصاء، ثالثا يجب دراسة مكتبات بايثون المتخصصة في هذا المجال و هي مكتبة numpy، مكتبة pandas، مكتبة scikit-learn، مكتبة matplotlib، مكتبة seaborn و مكتبة Scipy و بعد ذلك يمكنك البدء بالتطبيق على بعض المشاريع الصغيرة و نشرها على منصة Github.
5 – مجال تحليل البيانات
و هذا المجال كذلك من أفضل مجالات البرمجة و أكثرها طلبا في سوق الشغل و هو يتطلب دراسة أمور قريبة من المجال الذي سبقه (علم البيانات) و هي : أولا دراسة لغة بايثون Python و القليل من الاحصاء و مكتبات لغة بايثون التي تمت الاشارة اليها سابقا و بعد ذلك التطبيق على بعض المشاريع و نشرها على منصة Github من أجل اثراء معرض أعمالك.
6 – مجال الذكاء الاصطناعي
هذا المجال فعلا من المجالات الرائعة التي تتميز فيها لغة بايثون بامتياز حيث يتم استعمال هذه اللغة لبناء برامج ذكاء اصطناعي ضخمة جدا كما أنها تستعمل من طرف أكبر الشركات التقنية على مستوى العالم مثل Google، Youtube، Netflix، NASA و غيرها من الشركات. و من أجل دراسة هذا المجال يجب اولا تعلم لغة بايثون Python و بعد ذلك تعلم المكتبات الخاصة بالذكاء الاصطناعي و كذلك الخوارزميات.
7 – مجال تطوير ألالعاب
تطويرألعاب الفيديو هي عملية تطوير برمجيات يتم فيها تطوير لعبة فيديو. التطوير يتم من قبل مطور لعبة فيديو, والذي قد يكون شخصا واحدا فقط إلى شركة ضخمة. الألعاب السائدة يتم تمويلها عادة من قبل ناشر أو عدة ناشطين وتستلزم أعواما للتطوير. الألعاب المستقلة يمكن أن تستغرق وقتا أقل ويمكن أن تنتج بثمن من طرف الأفراد والمطورين الصغار. صناعة الألعاب المستقلة عرفت ازدهارا واضحا في هذه الأعوام مع نمو أنظمة التوزيعات الشبكية الجديدة وسوق ألعاب الهاتف المحمول.
🔥3👍2❤1
مواقع اكيد هتفيدك لو انت مطور ويب 🥰️👏
CodePen (https://codepen.io/) - الموقع دا بيساعدك تعمل وتشوف وتشارك تطبيقات ومشاريع صغيرة
Dribbble (https://dribbble.com/) - دا موقع للمصممين ومطوري الواجهات الأمامية عشان يشاركوا أعمالهم ويستلهموا أفكار جديدة
Awwwards (https://www.awwwards.com/) - موقع لتقييم وعرض أفضل تصميمات المواقع والتطبيقات الرائعة والمبتكرة هتلاقي افكار كتيرة
Smashing Magazine (https://www.smashingmagazine.com/) - دا موقع للمقالات والأدوات والموارد المفيدة لمطوري الواجهات الأمامية والمصممين
CSS-Tricks (https://css-tricks.com/) - موقع يوفر مقالات ودروس وأمثلة عملية حول CSS و HTML وجافا سكريبت وغيرها
SiteInspire (https://www.siteinspire.com/) - موقع بيعرض مجموعة من المواقع اللي تصميمها جذاب وإبداعي وبيشجع على التأثير منها.
CSS Design Awards (https://www.cssdesignawards.com/) - دا موقع لجوائز تصميم CSS لأفضل التصميمات المواقع والتطبيقات
Webflow (https://webflow.com/) - موقع يسمحلك بإنشاء مواقع وتطبيقات ويب بدون كتابة أي كود
GitHub (https://github.com/) - موقع تقدر من خلاله تشارك وتحمل المشاريع والأكواد المصدرية وتتعاون مع فرق العمل
Frontend Mentor (https://www.frontendmentor.io/) - موقع بيقدم تحديات تصميم وتطوير لمطوري الواجهة الأمامية وبيسمحلهم إنهم يشاركوا حلولهم.
CodePen (https://codepen.io/) - الموقع دا بيساعدك تعمل وتشوف وتشارك تطبيقات ومشاريع صغيرة
Dribbble (https://dribbble.com/) - دا موقع للمصممين ومطوري الواجهات الأمامية عشان يشاركوا أعمالهم ويستلهموا أفكار جديدة
Awwwards (https://www.awwwards.com/) - موقع لتقييم وعرض أفضل تصميمات المواقع والتطبيقات الرائعة والمبتكرة هتلاقي افكار كتيرة
Smashing Magazine (https://www.smashingmagazine.com/) - دا موقع للمقالات والأدوات والموارد المفيدة لمطوري الواجهات الأمامية والمصممين
CSS-Tricks (https://css-tricks.com/) - موقع يوفر مقالات ودروس وأمثلة عملية حول CSS و HTML وجافا سكريبت وغيرها
SiteInspire (https://www.siteinspire.com/) - موقع بيعرض مجموعة من المواقع اللي تصميمها جذاب وإبداعي وبيشجع على التأثير منها.
CSS Design Awards (https://www.cssdesignawards.com/) - دا موقع لجوائز تصميم CSS لأفضل التصميمات المواقع والتطبيقات
Webflow (https://webflow.com/) - موقع يسمحلك بإنشاء مواقع وتطبيقات ويب بدون كتابة أي كود
GitHub (https://github.com/) - موقع تقدر من خلاله تشارك وتحمل المشاريع والأكواد المصدرية وتتعاون مع فرق العمل
Frontend Mentor (https://www.frontendmentor.io/) - موقع بيقدم تحديات تصميم وتطوير لمطوري الواجهة الأمامية وبيسمحلهم إنهم يشاركوا حلولهم.
codepen.io
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
🔥2
تعلم لغة بايثون من الصفر الى الاحتراف مجانا😍😍
https://youtu.be/pdsc9SVW-S8
https://youtu.be/pdsc9SVW-S8
🔥3
مجموعة افكار لمن يرغب في التدرب على لغة php
1- إنشاء موقع ويب ديناميكي باستخدام PHP وقواعد البيانات MySQL.
2- إنشاء نظام إدارة المحتوى (CMS) باستخدام PHP وقواعد البيانات MySQL.
3- إنشاء منتدى على الإنترنت باستخدام PHP وقواعد البيانات MySQL.
4- إنشاء تطبيق ويب للتسوق الإلكتروني باستخدام PHP والدفع الإلكتروني.
5- إنشاء تطبيق ويب للتواصل الاجتماعي باستخدام PHP وقواعد البيانات MySQL.
6- إنشاء لوحة تحكم للمستخدم باستخدام PHP وقواعد البيانات MySQL.
7- إنشاء تطبيق لإدارة المواعيد باستخدام PHP وقواعد البيانات MySQL.
8- إنشاء تطبيق لمراقبة الأسهم باستخدام PHP وAPIs المتاحة للأسواق المالية.
1- إنشاء موقع ويب ديناميكي باستخدام PHP وقواعد البيانات MySQL.
2- إنشاء نظام إدارة المحتوى (CMS) باستخدام PHP وقواعد البيانات MySQL.
3- إنشاء منتدى على الإنترنت باستخدام PHP وقواعد البيانات MySQL.
4- إنشاء تطبيق ويب للتسوق الإلكتروني باستخدام PHP والدفع الإلكتروني.
5- إنشاء تطبيق ويب للتواصل الاجتماعي باستخدام PHP وقواعد البيانات MySQL.
6- إنشاء لوحة تحكم للمستخدم باستخدام PHP وقواعد البيانات MySQL.
7- إنشاء تطبيق لإدارة المواعيد باستخدام PHP وقواعد البيانات MySQL.
8- إنشاء تطبيق لمراقبة الأسهم باستخدام PHP وAPIs المتاحة للأسواق المالية.
🔥5❤1
🌟 مميزات لغة بايثون (python) عن باقي لغات البرمجة 💻
◐ مادياً
لن تدفع أي مبلغ لتعمل على لغة بايثون, فهي مصدر مفتوح و مجانية و ستبقى مجانية مدى الحياة.
◐ تقنياً
تستطيع البرمجة بها حتى و لو كان حاسوبك ضعيفاً أو قديماً.
◐ سهولة القراءة و التعديل
تعلمها سهل جداً و يمكن قراءة و تعديل الكود المكتوب فيها بسهولة.
◐ العمل على أكثر من منصة
البرنامج الذي تبنيه بواسطة لغة بايثون يعمل على كما على أهم أنظمة التشغيل مثل Windows, Mac OS, Linux, Unix.
◐ كائينة التوجه
تدعم مفهوم الكلاس, الكائن, التغليف, الوراثة إلخ..
◐ تعدد المهام
بايثون توفر لك تقنية الـ Multithreading و التي تسمح لك بجعل برنامجك قادراً على تنفيذ عدة أوامر مع بعض و بنفس الوقت.
◐ قواعد البيانات
بايثون توفر إنترفيسات جاهزة للتعامل مع أهم قواعد البيانات.
◐ واجهة المستخدم
يمكن بناء تطبيقات فيها واجهة مستخدم فيها.
◐ التعامل مع لغات برمجة أخرى
يمكنك التعامل مع لغات برمجة أخرى ( مثل C, C++, Java ) ضمن برنامجك المكتوب في الأساس بلغة بايثون.
◐ تعامل لغات البرمجة الأخرى مع لغة بايثون
أغلب لغات البرمجة تدعم التعامل مع لغة بايثون, أي أنهم يتيحون لك إستخدام كود مكتوب بلغة بايثون في برامج مكتوبة في الأساس بلغات برمجة أخرى ( مثل C, C++, Java ).
◐ المناهج التعليمية
العديد من المعاهد و الجامعات سواء كانت أجنبية أو عربية أصبحت تدرسها للطلاب.
◐ مادياً
لن تدفع أي مبلغ لتعمل على لغة بايثون, فهي مصدر مفتوح و مجانية و ستبقى مجانية مدى الحياة.
◐ تقنياً
تستطيع البرمجة بها حتى و لو كان حاسوبك ضعيفاً أو قديماً.
◐ سهولة القراءة و التعديل
تعلمها سهل جداً و يمكن قراءة و تعديل الكود المكتوب فيها بسهولة.
◐ العمل على أكثر من منصة
البرنامج الذي تبنيه بواسطة لغة بايثون يعمل على كما على أهم أنظمة التشغيل مثل Windows, Mac OS, Linux, Unix.
◐ كائينة التوجه
تدعم مفهوم الكلاس, الكائن, التغليف, الوراثة إلخ..
◐ تعدد المهام
بايثون توفر لك تقنية الـ Multithreading و التي تسمح لك بجعل برنامجك قادراً على تنفيذ عدة أوامر مع بعض و بنفس الوقت.
◐ قواعد البيانات
بايثون توفر إنترفيسات جاهزة للتعامل مع أهم قواعد البيانات.
◐ واجهة المستخدم
يمكن بناء تطبيقات فيها واجهة مستخدم فيها.
◐ التعامل مع لغات برمجة أخرى
يمكنك التعامل مع لغات برمجة أخرى ( مثل C, C++, Java ) ضمن برنامجك المكتوب في الأساس بلغة بايثون.
◐ تعامل لغات البرمجة الأخرى مع لغة بايثون
أغلب لغات البرمجة تدعم التعامل مع لغة بايثون, أي أنهم يتيحون لك إستخدام كود مكتوب بلغة بايثون في برامج مكتوبة في الأساس بلغات برمجة أخرى ( مثل C, C++, Java ).
◐ المناهج التعليمية
العديد من المعاهد و الجامعات سواء كانت أجنبية أو عربية أصبحت تدرسها للطلاب.
🔥4👍1
أقوى كتاب لتعلم أساسيات البرمجة باستخدام لغة السي بلس بلس
🔥4
واخيرا 1k بفضل الله ثم بفضلكم استطعنا الوصول شكرا لكم اخ واخت على ثقتكم ومحبتكم😍 والقادم أجمل ان شاءالله🔥🔥
🔥2👏2❤1
لية نتعلم چافاسكريبت ؟ 😌
✅ الچافاسكريبت من أكثر لغات البرمجة انتشاراً في العالم و خصوصا في بناء و تطوير المواقع الإلكترونية ..
✅ نسبة كبيرة من ال websites بتستخدم الچافاسكريبت في بناءها ، شركات كبيرة زى Facebook و Google و Amazon و Netflix و PayPal بتستخدم الچافاسكريبت في بناء ال applications الخاصة بيها .
📌 و زى ما احنا عارفين ان :
☑️ ال HTML بنستخدمها لبناء ال website structure او هيكل الموقع .
☑️ و ال CSS بنستخدمها عشان يكون شكل الموقع أفضل لانها بتنسق عناصر الHTML و تهتم بال presentation.
☑️ ف الچافاسكريبت بتخلي الموقع بتاعنا dynamic و دا لانها بتسمح لنا بال interactivity ( التفاعلية ) بين المستخدم و الموقع ، و بنقدر نعمل update لجزء من الصفحة بُناءاً على action معين يعمله ال user على الwebsite بتاعنا .
✅ بنقدر نستخدم الچافاسكريبت في اية ؟ 😌
ممكن نستخدمها :
📌 في ال Client Side Interface و دا اللى بيظهر لل user (المستخدم ) من خلال لل Browser(المتصفح) .
📌 في ال Server Side من خلال ال Node.js
📌 في الموبايل ابلكيشن من خلال React Native .
📌 في تطوير الألعاب الإلكترونية عن طريق HTML Game Engine و من أشهرهم phaser.js
📌 فى تطوير ال IOT APPs عن طريق استخدام احد الچافاسكريبت IOT Frameworks أو الچافاسكريبت IOT platforms و أشهرهم IOT.js و Cylon.js
✅ طبعا ممكن نفكر نتعلم library جاهزة او framework على طول لتطوير ال website بتاعك بس الحقيقة عشان تكون شاطر في الچافاسكريبت و تقدر تحل المشاكل اللى هتواجهك و تقدر تتنقل من framework للتانى ، فأنت محتاج تتعلم اساسيات الچافاسكريبت و اللى بتسمي Native JavaScript او Vanilla JavaScript.
✅ الچافاسكريبت من أكثر لغات البرمجة انتشاراً في العالم و خصوصا في بناء و تطوير المواقع الإلكترونية ..
✅ نسبة كبيرة من ال websites بتستخدم الچافاسكريبت في بناءها ، شركات كبيرة زى Facebook و Google و Amazon و Netflix و PayPal بتستخدم الچافاسكريبت في بناء ال applications الخاصة بيها .
📌 و زى ما احنا عارفين ان :
☑️ ال HTML بنستخدمها لبناء ال website structure او هيكل الموقع .
☑️ و ال CSS بنستخدمها عشان يكون شكل الموقع أفضل لانها بتنسق عناصر الHTML و تهتم بال presentation.
☑️ ف الچافاسكريبت بتخلي الموقع بتاعنا dynamic و دا لانها بتسمح لنا بال interactivity ( التفاعلية ) بين المستخدم و الموقع ، و بنقدر نعمل update لجزء من الصفحة بُناءاً على action معين يعمله ال user على الwebsite بتاعنا .
✅ بنقدر نستخدم الچافاسكريبت في اية ؟ 😌
ممكن نستخدمها :
📌 في ال Client Side Interface و دا اللى بيظهر لل user (المستخدم ) من خلال لل Browser(المتصفح) .
📌 في ال Server Side من خلال ال Node.js
📌 في الموبايل ابلكيشن من خلال React Native .
📌 في تطوير الألعاب الإلكترونية عن طريق HTML Game Engine و من أشهرهم phaser.js
📌 فى تطوير ال IOT APPs عن طريق استخدام احد الچافاسكريبت IOT Frameworks أو الچافاسكريبت IOT platforms و أشهرهم IOT.js و Cylon.js
✅ طبعا ممكن نفكر نتعلم library جاهزة او framework على طول لتطوير ال website بتاعك بس الحقيقة عشان تكون شاطر في الچافاسكريبت و تقدر تحل المشاكل اللى هتواجهك و تقدر تتنقل من framework للتانى ، فأنت محتاج تتعلم اساسيات الچافاسكريبت و اللى بتسمي Native JavaScript او Vanilla JavaScript.
👍3🔥3
📌اكثر مايشتت اللي يريد يبدأ بتعلم البرمجة انه مايعرف وش يتعلم ⁉️
هذا موقع تحصل فيه خارطة طريق لكل مجال تريد تتعلمه مثلا مطور ويب FrontEnd و Backend و Android و Flutter وفيه مجالات كثير ...
كل اللي عليك تختار المسار اللي تبيه ويعطيك كل الأشياء اللي لازم تتعلمها ✅
https://roadmap.sh
هذا موقع تحصل فيه خارطة طريق لكل مجال تريد تتعلمه مثلا مطور ويب FrontEnd و Backend و Android و Flutter وفيه مجالات كثير ...
كل اللي عليك تختار المسار اللي تبيه ويعطيك كل الأشياء اللي لازم تتعلمها ✅
https://roadmap.sh
roadmap.sh
Developer Roadmaps - roadmap.sh
Community driven roadmaps, articles and guides for developers to grow in their career.
🔥5👍2
الفرق بين لغه JavaScript و مكتبه react Js:
لغه JavaScript و مكتبه ReactJS هما لغة برمجة ومكتبة برمجية على التوالي، ولكنهما يختلفان في الغرض الرئيسي والطريقة التي يستخدمان بها.
لغه JavaScript هي لغة برمجة تستخدم لتطوير تطبيقات الويب وتطبيقات الهاتف المحمول وتطبيقات سطح المكتب. وهي لغة برمجة عالمية وتستخدم في جميع أنواع البرامج التي تعمل على الإنترنت.
مكتبه ReactJS هي مكتبة JavaScript تستخدم لبناء واجهات المستخدم. وتركز ReactJS على العرض والجزء الأمامي للتطبيق. يساعد ReactJS المطورين في إنشاء تطبيقات الويب التفاعلية بسرعة باستخدام العديد من المكونات التي يمكن إعادة استخدامها.
بمعنى آخر، يتم استخدام JavaScript للتحكم في العديد من جوانب التطبيقات، بينما يتم استخدام ReactJS لتطوير الجزء الأمامي للتطبيقات الويب وإنشاء واجهات المستخدم بسرعة وسهولة. يمكن استخدام ReactJS بشكل مستقل أو مع مكتبات وإطارات أخرى في تطوير تطبيقات الويب. ....
لغه JavaScript و مكتبه ReactJS هما لغة برمجة ومكتبة برمجية على التوالي، ولكنهما يختلفان في الغرض الرئيسي والطريقة التي يستخدمان بها.
لغه JavaScript هي لغة برمجة تستخدم لتطوير تطبيقات الويب وتطبيقات الهاتف المحمول وتطبيقات سطح المكتب. وهي لغة برمجة عالمية وتستخدم في جميع أنواع البرامج التي تعمل على الإنترنت.
مكتبه ReactJS هي مكتبة JavaScript تستخدم لبناء واجهات المستخدم. وتركز ReactJS على العرض والجزء الأمامي للتطبيق. يساعد ReactJS المطورين في إنشاء تطبيقات الويب التفاعلية بسرعة باستخدام العديد من المكونات التي يمكن إعادة استخدامها.
بمعنى آخر، يتم استخدام JavaScript للتحكم في العديد من جوانب التطبيقات، بينما يتم استخدام ReactJS لتطوير الجزء الأمامي للتطبيقات الويب وإنشاء واجهات المستخدم بسرعة وسهولة. يمكن استخدام ReactJS بشكل مستقل أو مع مكتبات وإطارات أخرى في تطوير تطبيقات الويب. ....
🔥3❤1👍1
ايه هي ال react ؟
ال react هي عباره عن open-source javascript library بنستخذمها عشان ن build user interfaces
ال عمل react هي شركه facebook وبدأ ال developers يستخدموها عشان يعملوا dynamic and single page app وكمان بسبب ال performance ال بتقدمها ال react
ال react بتعتمد علي approach مهم جدا وهو ال component-based approach
وال من خلاله ال react بتقسم ال project ل components وكل component بيبقي ليه logic خاص بيه وتقدر تعمل عليه modify و update بشكل مستقل
ال react بتستخدم مبدأ مهم جدا وهو virtual dom وده عشان لو حصل اي تغير ف ال data يحصل update ع طول من غير reload
ال react بتتميز ب reusability و efficiency عاليه جدا وده بسبب ال react component based-architecture ال بيسمح لل developers ان هما يعملوا reusable component تقدر تستخدمه ف كذا مكان ف project وده هيسهل عليك جدا ف ال maintenance
تاني حاجه هتقدمهالك ال react هي ال flexability وده لان انت ممكن تستخدمها ف web developement وكمان تقدر تسخدمها ف mobile development وده عن طريق ال react native
وتقدر كمان تستخدمها ف مجال ال desktop development عن طريق ال electron. js
تالت حاجه وهي ال performance العاليه ال بتقدمها ال react وده بسبب ان هي بتستخدم virtual dom و efficient rendering system ودول مهمين جدا خصوصا لو انت شغال ع large-scale project
ف هي كويسه جدا لو هتتعلمها وهتساعدك كتير جدا ف شغلك
ال react هي عباره عن open-source javascript library بنستخذمها عشان ن build user interfaces
ال عمل react هي شركه facebook وبدأ ال developers يستخدموها عشان يعملوا dynamic and single page app وكمان بسبب ال performance ال بتقدمها ال react
ال react بتعتمد علي approach مهم جدا وهو ال component-based approach
وال من خلاله ال react بتقسم ال project ل components وكل component بيبقي ليه logic خاص بيه وتقدر تعمل عليه modify و update بشكل مستقل
ال react بتستخدم مبدأ مهم جدا وهو virtual dom وده عشان لو حصل اي تغير ف ال data يحصل update ع طول من غير reload
ال react بتتميز ب reusability و efficiency عاليه جدا وده بسبب ال react component based-architecture ال بيسمح لل developers ان هما يعملوا reusable component تقدر تستخدمه ف كذا مكان ف project وده هيسهل عليك جدا ف ال maintenance
تاني حاجه هتقدمهالك ال react هي ال flexability وده لان انت ممكن تستخدمها ف web developement وكمان تقدر تسخدمها ف mobile development وده عن طريق ال react native
وتقدر كمان تستخدمها ف مجال ال desktop development عن طريق ال electron. js
تالت حاجه وهي ال performance العاليه ال بتقدمها ال react وده بسبب ان هي بتستخدم virtual dom و efficient rendering system ودول مهمين جدا خصوصا لو انت شغال ع large-scale project
ف هي كويسه جدا لو هتتعلمها وهتساعدك كتير جدا ف شغلك
🔥4❤1👍1
خطة تعلّم لكل لغة من لغات الـ Frontend من أكاديمية الزيرو.. رهيبة جدًا 🥹👇🏻
1️⃣ خطة دراسة لغة HTML
https://elzero.org/study/html-2021-study-plan/
2️⃣ خطة دراسة لغة CSS
https://elzero.org/study/css-2021-study-plan/
3️⃣ خطة دراسة لغة جافاسكريبت
https://elzero.org/study/javascript-bootcamp-2021-study-plan/
4️⃣ خطة دراسة لغة تايب سكريبت
https://elzero.org/study/typescript-study-plan/
5️⃣ خطة دراسة Sass
https://elzero.org/study/sass-2021-study-plan/
1️⃣ خطة دراسة لغة HTML
https://elzero.org/study/html-2021-study-plan/
2️⃣ خطة دراسة لغة CSS
https://elzero.org/study/css-2021-study-plan/
3️⃣ خطة دراسة لغة جافاسكريبت
https://elzero.org/study/javascript-bootcamp-2021-study-plan/
4️⃣ خطة دراسة لغة تايب سكريبت
https://elzero.org/study/typescript-study-plan/
5️⃣ خطة دراسة Sass
https://elzero.org/study/sass-2021-study-plan/
🔥4❤1
📌موقع Colorhub يساعدك على اختيار الوان متناسقة لتصميمك القادم 👌
اختر Palette جاهز وتقدر تعدل عليه ومن ثم تستخرج اكواد الألوان بسهولة وتصديرها كملف CSS 😍
https://colorhub.vercel.app/
اختر Palette جاهز وتقدر تعدل عليه ومن ثم تستخرج اكواد الألوان بسهولة وتصديرها كملف CSS 😍
https://colorhub.vercel.app/
🔥3
دورة تعلم لغة البرمجة C من الصفر إلى الاحتراف 🔥🔥
https://youtube.com/playlist?list=PLfK5X-fTOAT4-kUfJLKWfcLeYQ_iOI2J4
https://youtube.com/playlist?list=PLfK5X-fTOAT4-kUfJLKWfcLeYQ_iOI2J4
🔥3❤1👍1
📌موقع Colorhub يساعدك على اختيار الوان متناسقة لتصميمك القادم 👌
اختر Palette جاهز وتقدر تعدل عليه ومن ثم تستخرج اكواد الألوان بسهولة وتصديرها كملف CSS 😍
https://colorhub.vercel.app/
اختر Palette جاهز وتقدر تعدل عليه ومن ثم تستخرج اكواد الألوان بسهولة وتصديرها كملف CSS 😍
https://colorhub.vercel.app/
🔥2