مصادري السرية في التصميم الجزء الثاني
كل مصمم لديه مصادر تساعده وتسهل عليه العمل ك مصمم. سأشارك معك مجموعة من المصادر.

لتحميل للأيقونات المتحركة
Lordicon
lordicon.com/
Lottiefiles
lottiefiles.com/animation/icon
Icons8
icons8.com/animated-icons
Iconscout
iconscout.com/animated-icons
لتحميل للرسومات
Themeisle
themeisle.com/illustrations/
drawkit
drawkit.com/
Drawer Avatar
https://2u.pw/YVLhg
UIMaterial
uimaterial.com/
للموكاب
Graphic Wave
graphicwave.net/
Dribbble
dribbble.com
Behance
behance.net
Figma
figma.com/community

لعمل تدرجات لونية
Mesh Gradient
meshgradient.com
Gradienta
gradienta.io
Coolors Gradients
coolors.co/gradients

وظائف array javascript

كورس عمل مشاريع html css js
https://youtu.be/HSnObp6eAyE

📌 الكثير مايعرف أهمية وسوم HTML  HEAD او ينسى بعض الوسوم 🤖

هذا الموقع الرهيب يختصر لك كل شيء تبي تعرفه عن HTML Head 👌🔥
ويعرض لك قائمة بكل الوسوم اللي تحتاجها 👇

https://htmlhead.dev/

تطبيقات عملية على جافا سكريبت
https://youtube.com/playlist?list=PL0NXc3SfXYNTi48PixMjLY-CanLxI04x1

zamericanenglish
افضل قناة يوتيوب لتعلم الانجليزية يعلمك بطريقة ممتعة و مميزة جد

inglisi.com
موقع رائع جدا اكتشفته مؤخرا يساعدك على تعلم الانجليزية من الصف

taleek
تطبيق طليق من أفضل التطبيقات لتعلم اللغات و منها الانجليزية

duolingo
دولینجو اشہر تطبیق مخصص لتعلم اللغات يساعدك على التعلم بطريقة ممتعة

free4talk.com
موقع رائع للقيام بدردشات صوتية مع متعلمين آخرين من مختلف دول العالم

📌لو تتابع شروحات فيديو للبرمجة او اي مهارة اخرى هذا الموقع جدا بطل 😍

تقدر تسجل ملاحظاتك او اي شيء باسفل المقطع ويتوقف المقطع تلقائي اذا بديت تكتب وتقدر تحدد نوعها سوا كان ملاحظة او سؤال
كل اللي عليك تنسخ رابط المقطع وتحطه بالموقع ✅


يستحق التجربه 👏
https://moocnote.com/

📌موقع كنز لمطورين FrontEnd 🔥😍

فيه ادوات كثيرة تفيدك وتختصر لك الوقت مثل
SVG Generator
CSS Cubic Bezier Generator
CSS Gradient Generator
CSS Minifier
@pro2dev
JavaScript Minifier

يستحق التجربة 👨‍💻
🔗 https://10015.io

تصميم موقع تواصل اجتماعي من الصفر إلى الاحتراف
https://youtu.be/AiFfDjmd0jU

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

📍موقع تفاعلي حلو يساعدك تفهم خاصية CSS Flex بسهولة👌 😍

https://visualflex.vercel.app/

‏أكثر ٥ مواقع استخدمها لاختيار وتحميل صور رهيبة وبجودة عالية:😍✨

١- unsplash.com‎

٢- freepik.com‎

٣- pixabay.com‎

٤- pexels.com‎

٥- shutterstock.com‎

هذا الأيقونات رهيبة 🔥
تقدر تستخدمها بعدة صيغ مثل Png, Svg او ايقونات خطوط عادية 👇
المجموعة تحتوي أكثر من 2000 أيقونة ✅

https://remixicon.com/

مشروع ادارة الديون #C مجانا😍
https://youtube.com/playlist?list=PLhiFu-f80eo-yXq7v9FggkY0Uqo9tYtVR

خطة تعلّم لكل لغة من لغات الـ 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/

اذا كنت تعاني من كتابة الايميلات او الرسائل بشكل عام هذه اداءة رهيبة تستخدم الذكاء الاصطناعي تساعدك على كتابة الايميلات بشكل اسرع ✅

https://addy-ai.com/

خلونا اليوم نحكي عن لُغة البرمجة “SQL” ولشو بنستعملها يا ترى 🌚❓

▫️هي اختصار لـ Structured query Language
▫️لُغة غير إجرائية…
شو يعني هالحكي❔
كونها غير إجرائية أيّ أنّها لا تحتوي على التعليمات المتداولة للُغات البرمجة كتعليمة print, (loops) if, for

شو الاستفادة منها ❓
هيَّ لُغة موجهة للتعامل مع قواعد البيانات من إنشاء وتعديل وحذف. وهيَّ هامة جداً لمطوّري
مواقع الويب وغيرهم.

🔅 عيوب اللُّغة:
▫️امتلاك اللُّغة واجهة يصعب على المُبتدئين فهمها بسهولة.
▫️التحكم الجزئي حيث لا يستطيع المبرمجون الوصول والتحكم الكامل بالقاعدة.
▫️تتطلب بعض قواعد البيانات ملحقات خاصة لتأهيل الموارد.

دورة تصميم المواقع front-end شاملة من الصفر إلى الاحتراف مجانا😍😍
https://youtube.com/playlist?list=PLtFbQRDJ11kFJFzd5UNy5vSnkbR031vG9

📢 مجاناً
6 مصادر مجانية لتعلم JAVASCRIPT 🔥😍

1️⃣ JavaScript 30
www.javascript30.com

2️⃣ Mozilla Developer Network
https://mzl.la/3O8Q7MU


3️⃣ Eloquent javascript (كتاب)
eloquentjavascript.net

4️⃣ JavaScript info
JavaScript.info
@pro2dev

5️⃣ FreeCodeCamp
www.freecodecamp.org

6️⃣ W3schools
www.w3schools.com

📌 افضل لغة برمجة ممكن أبدا بيها شنو ؟ 💻
السؤال هذا جاني كثير ، واعتقد أنو جاي من الناس الي عندهم رغبة في تعلم البرمجة وما عارفين يبدو من وين وبأي لغة ، فا بحاولو يشوفو أفضل طريقة وأفضل لغة علشان يتعلمو بيها البرمجة💛

📌طيب يا حبيبنا أول شي يعني شنو برمجة .؟ 📌ويعني شنو لغة برمجة ؟
‏البرمجة دي هي انك تدي الكمبيوتر أوامر بترتيب معين بطريقة يفهمها هو علشان ينفذ ليك حاجة أو هدف معين ظابط أو يحل ليك مشكلة معينة 💛
أما لغة البرمجة دي هي الطريقة البنتكلم بيها انحنا مع الحاسوب وبفهمها طوالي 😂 عن طريق كتابة الاكواد ونتبع قواعد لغة البرمجة الاحنا شغالين بيها ظابط 💛

في عدد كبير شديد من لغات البرمجة وأي واحدة عندها قواعد معينة بنستخدمها مثلا قواعد النحو للغة العربية صح؟ يلا نفس الفهم
وبتختلف اللغات حسب إختلاف المجال البتتسخدم فيهو 💛

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

‏طيب في مفاهيم اساسية في البرمجة لو ما ظبطها حتتعب شديد وحتكره المجال دالظابط دا بسرعة 😔
أول حاجة لازم تطور مهارة التفكير زي المبرمجين حتقولي لي دي بطورها كيف يا منوفل حاقول ليك مع الممارسة في تطبيق المشاريع البتشتغل عليها و حل مشكلات البتواجهك

أذا ظبطت موضوع المفاهيم دا بالطريقة الصح بوعدك وأن شاء الله حتكون قادر تتعلم أي لغة برمجة في العالم وتتعمق فيها وفي وقت وجيز جدا جدا .

‏ايه الفرق بين ForEach و map ؟ 🤔
‏الarray من أهم الDSA الي موجودة في الJS، وأحيان كتيرة بنلف علي العناصر الي جوا الarray. عندنا كذا طريقة بس أشهر اتنين هما forEach و map.تابع معي .

‏هنعرف الفرق بينهم بس الاول نعرف أوجه التشابه بينهم:
‏الاتنين بيلفوا علي عناصر الarray، وبعدها بينفذوا علي كل عنصر callback Function معينة. دي الفكرة العامة وراهم
‏بس في فرقين مهمين جدا:

‏الاول هو ان map بتديك -بتعمل return- لarray جديدة بعد ما بتطبق ال cb Function، بالتالي تقدر انك تاخد الarray الجديدة دي وتحطها في متغير وتستخدمها زي ما تحب
‏لكن forEach مبتعملش دا، وبتديك undefined

‏من الاخر map هدفها هو انها تعدل علي العناصر وتعملك array جديدة، لكن forEach اخرها تلف علي العناصر بتاع الarray وخلاص

‏امتي بقي نستخدم كل واحدة منهم:
‏لو هدفك انك تعدل علي عناصر الarray عشان تستخدمها بعد كدا، استخدم map
‏لو هدفك انك تستخدم العناصر الاصلية الي موجودة في الarray، استخدم forEach

‏تاني فرق هو انه في حالة الmap تقدر تعمل chaining لكذا function ورا بعض بالشكل دا:
‏‌ arr.map⁩().sort().reverse()
‏ودا لان زي ما قلنا map بتعمل return ل array جديدة، فتقدر تركب عليها اي array method تانية
‏لكن forEach مبتعملش return لاي حاجة فعشان كدا متقدر تعمل chaining