مواقع css لا غني عنها لأي مبرمج (الجزء الأول).
ده موقع فيه كمية Buttons رهيبة وجميع الاشكال اللي تخطر ع بالك وجاهزة.
https://cssbuttons.app/
وده موقع بيقدملك svg backend جاهزة وجميلة.
https://bgjar.com/
وده موقع بيديك شكل أمواج جاهزة بألوان كتيرة جدا واكتر من الشكل
https://bgjar.com/
وده موقع بيعملك clip path جاهزة وبيديك الكود جاهز
https://bennettfeely.com/
وده موقع بيديك Text جاهزة و input
بس للاسف مش متوفر علي الموبيل
https://enjoycss.com/
ده موقع فيه كمية Buttons رهيبة وجميع الاشكال اللي تخطر ع بالك وجاهزة.
https://cssbuttons.app/
وده موقع بيقدملك svg backend جاهزة وجميلة.
https://bgjar.com/
وده موقع بيديك شكل أمواج جاهزة بألوان كتيرة جدا واكتر من الشكل
https://bgjar.com/
وده موقع بيعملك clip path جاهزة وبيديك الكود جاهز
https://bennettfeely.com/
وده موقع بيديك Text جاهزة و input
بس للاسف مش متوفر علي الموبيل
https://enjoycss.com/
cssbuttons.app
cssbuttons.app | Over 60+ Free CSS Buttons To Use
Collection of over 60+ handpicked and custom made CSS buttons for your website.
🔥4😁1
خطوات تعلم HTML و CSS بالترتيب: 🔥
1. تعلم HTML وخذ وقتك
2. تعلم أساسيات CSS وخذ وقتك
3. تعلم التصميم المتجاوب Responsive design
4. تعلم Media queries
5. تعلم Grid / Flexbox
6. تعلم واحد من إطارات عمل CSS مثلًا Bootsrap
7. تعلم Sass
والباقي راح تتعلمه تدريجيًا بالممارسـة 🚀
1. تعلم HTML وخذ وقتك
2. تعلم أساسيات CSS وخذ وقتك
3. تعلم التصميم المتجاوب Responsive design
4. تعلم Media queries
5. تعلم Grid / Flexbox
6. تعلم واحد من إطارات عمل CSS مثلًا Bootsrap
7. تعلم Sass
والباقي راح تتعلمه تدريجيًا بالممارسـة 🚀
❤7🔥3
🔰 مـا هـو ChatGPT ؟
▫️ هـل فـعـلاً ChatGPT سـيـقـضـي عـلـى عـمـل الـمـبـرمـجـيـن ؟
في الأيام الأخيرة ظهر نظام ChatGPT المُقدم من طرف OpenAI، وهو عبارة عن نظام يعمل بالذكاء الاصطناعي بإمكانه الإجابة عن الأسئلة وكتابة المقالات في جميع المجالات كما أنه يقوم بحل التمارين والمشاكل بالشرح المفصل.
ومن هنا انتشرت معلومات بأن هذا النظام سيقضي على عمل المبرمجين نهائياً، لأنه يستطيع حل المشاكل البرمجية بسهولة.
🔹 لـكـن هـل هـذا صـحـيـح ؟
صيحيح أن هذا النظام بإمكانه الإجابة على تمرين برمجي وكتابة كود كامل لك لحل أحد المسائل البرمجية بنجاح تام.
لكن البرمجة ليست هكذا؛ البرمجة دائماً تعتمد على الإبداع واستخراج أفكار جديدة وهذا الذي عجز عنه الذكاء الاصطناعي، فمثلاً لو أردت إنشاء برنامج لإدارة متجرك حتى وإن استطاع الذكاء الاصطناعي إنشاءه لا يمكنه أبداً أن يأتي بأفكار إبداعية مثل التي يولدها العقل البشري.
حالياً هذا النظام يقوم بحل مشكلات ومسائل برمجية معروفة ولا يمكنه القيام بمشروع برمجي متكامل.
__ أعتقد أن هذا النظام هو شيئ إيجابي للمبرمجين لأنه يُسهل مهمتهم ويحل بعض المسائل بسرعة، ولا داعي للخوف منه أبداً .
▫️ هـل فـعـلاً ChatGPT سـيـقـضـي عـلـى عـمـل الـمـبـرمـجـيـن ؟
في الأيام الأخيرة ظهر نظام ChatGPT المُقدم من طرف OpenAI، وهو عبارة عن نظام يعمل بالذكاء الاصطناعي بإمكانه الإجابة عن الأسئلة وكتابة المقالات في جميع المجالات كما أنه يقوم بحل التمارين والمشاكل بالشرح المفصل.
ومن هنا انتشرت معلومات بأن هذا النظام سيقضي على عمل المبرمجين نهائياً، لأنه يستطيع حل المشاكل البرمجية بسهولة.
🔹 لـكـن هـل هـذا صـحـيـح ؟
صيحيح أن هذا النظام بإمكانه الإجابة على تمرين برمجي وكتابة كود كامل لك لحل أحد المسائل البرمجية بنجاح تام.
لكن البرمجة ليست هكذا؛ البرمجة دائماً تعتمد على الإبداع واستخراج أفكار جديدة وهذا الذي عجز عنه الذكاء الاصطناعي، فمثلاً لو أردت إنشاء برنامج لإدارة متجرك حتى وإن استطاع الذكاء الاصطناعي إنشاءه لا يمكنه أبداً أن يأتي بأفكار إبداعية مثل التي يولدها العقل البشري.
حالياً هذا النظام يقوم بحل مشكلات ومسائل برمجية معروفة ولا يمكنه القيام بمشروع برمجي متكامل.
__ أعتقد أن هذا النظام هو شيئ إيجابي للمبرمجين لأنه يُسهل مهمتهم ويحل بعض المسائل بسرعة، ولا داعي للخوف منه أبداً .
❤7
📌 4 دورات مجانية وبالعربي لتعلم Flutter من الصفر 🔥🚀
يعتبر flutter حاليا من اشهر التقنيات المستخدمة لتطوير تطبيقات لجميع الانظمة 🔥
🔽🔽
1️⃣ دورة كاملة وشاملة لتعلم Flutter من الصفر إلى مستويات متقدمة ,من قناة Wael abo hamza.
https://bit.ly/3RFUqCx
2️⃣دورة كاملة لتعلم Flutter من الصفر للمبتدئين ,مع التطبيق العملي مقدمة من قناة Ammar Alkhatib .
https://bit.ly/3JVQviX
3️⃣ تقدم منصة سطر عدة دورات لتعلم Flutter بعدة مستويات (حاليا متوفر مستوى مبتدئ ومتوسط) .
http://bit.ly/3x5W8U7
4️⃣ كورس كامل وبشرح مميز من قناة اتعلم في ساعة ،يشرحلك كل ماتحتاجه لتعلم Flutter من الصفر 👌
http://bit.ly/3MjcKRb
يعتبر flutter حاليا من اشهر التقنيات المستخدمة لتطوير تطبيقات لجميع الانظمة 🔥
🔽🔽
1️⃣ دورة كاملة وشاملة لتعلم Flutter من الصفر إلى مستويات متقدمة ,من قناة Wael abo hamza.
https://bit.ly/3RFUqCx
2️⃣دورة كاملة لتعلم Flutter من الصفر للمبتدئين ,مع التطبيق العملي مقدمة من قناة Ammar Alkhatib .
https://bit.ly/3JVQviX
3️⃣ تقدم منصة سطر عدة دورات لتعلم Flutter بعدة مستويات (حاليا متوفر مستوى مبتدئ ومتوسط) .
http://bit.ly/3x5W8U7
4️⃣ كورس كامل وبشرح مميز من قناة اتعلم في ساعة ،يشرحلك كل ماتحتاجه لتعلم Flutter من الصفر 👌
http://bit.ly/3MjcKRb
YouTube
1 - intro flutter
================
كورس برمجة الهواتف الذكية بإستخدام فلاتر Flutter course
دورة فلاتر برمجة التطبيقات و الربح flutter course - apps - دورة flutter programming, course flutter arbic, تعلم فلاتر
The Magic of Flutter , Flutter StudyJam دليلك الكامل لتعلم فلاتر…
كورس برمجة الهواتف الذكية بإستخدام فلاتر Flutter course
دورة فلاتر برمجة التطبيقات و الربح flutter course - apps - دورة flutter programming, course flutter arbic, تعلم فلاتر
The Magic of Flutter , Flutter StudyJam دليلك الكامل لتعلم فلاتر…
🔥2
📌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