📌 6 مواقع رهيبة تخليك تختار الوان متناسقة مع بعض 🔥
حلوه لمطورين الـ Frontend والمصممين ...
My color Palette Creator
https://mycolor.space/
Coolors Palette Creator
https://coolors.co/
@pro2dev
Flat UI Colors
https://flatuicolors.com/
Accessible Brand Colors
https://abc.useallfive.com/
Adobe Color
https://color.adobe.com/
Canva Colors
https://www.canva.com/colors/
Hex Colors
https://www.color-hex.com/
حلوه لمطورين الـ Frontend والمصممين ...
My color Palette Creator
https://mycolor.space/
Coolors Palette Creator
https://coolors.co/
@pro2dev
Flat UI Colors
https://flatuicolors.com/
Accessible Brand Colors
https://abc.useallfive.com/
Adobe Color
https://color.adobe.com/
Canva Colors
https://www.canva.com/colors/
Hex Colors
https://www.color-hex.com/
mycolor.space
ColorSpace - Color Palettes Generator and Color Gradient Tool
Here you can find the perfect matching color scheme for your next project! Generate nice color palettes, color gradients and much more! Your space for everything that has to do with color!
🔥3❤1
ليه تتعلم next.js ؟ ومنين تتعلمها ؟ 🤔
next.js عبارة عن فريمورك لreact.js واللي بيوفر لنا مميزات كتير هتفرق معانا جدا في عالم الويب.
خلينا نتكلم عن مميزات next.js اللي من تميزها عن react.js :-
🔵 routing : بيكون معتمد فقط على اسماء الملفات في فودلر app داخل البروجكت بتاعك
يعني هنفترض ان عندك داخل فولدر app ثلاثة فولدرات ( users, products, orders )
next.js تلقائياً بتعملك ثلاثة routers وهما ( users , /products, /orders/ )
🔵 rendering : بتوفر حاجه اسمها client rendering (csr) and server rendering (ssr)
الكلام هنا ممكن يطول وهتحتاج تسمع tutorials قصيرة على اليوتيوب بتشرح النقطة دي كويس
الموضوع هنا بإختصار ان الcsr بيتم استخدامها مع الصفحات اللي فيها dynamic content لكن بتعتمد على الclient side مش الserver , على الجانب الآخر الssr بيتم استخدامها في حالة التعامل مع api وتبادل الdata
الميزة دي مفيدة جدا من ناحية الserver load , seo, improving user experience ومميزات تانية كتير
🔵 data fetching: لو هتتعامل مع api وتعمل fetch كتير هتلاقي الموضوع أسهل مع next وبتوفرلك خيارات زي الcache , revalidation
🔵 styling: بتدعم التعامل مع tailwind, css modules, css-in-js
المميزات الخاصة بnext.js لا يكفي التحدث عنها في بوست.. لو ناوي تتعلمها أنصحب تقرأ اكتر في الموضوع على اليوتيوب هتعرف مميزات وتفاصيل كتير. 😀
next.js عبارة عن فريمورك لreact.js واللي بيوفر لنا مميزات كتير هتفرق معانا جدا في عالم الويب.
خلينا نتكلم عن مميزات next.js اللي من تميزها عن react.js :-
🔵 routing : بيكون معتمد فقط على اسماء الملفات في فودلر app داخل البروجكت بتاعك
يعني هنفترض ان عندك داخل فولدر app ثلاثة فولدرات ( users, products, orders )
next.js تلقائياً بتعملك ثلاثة routers وهما ( users , /products, /orders/ )
🔵 rendering : بتوفر حاجه اسمها client rendering (csr) and server rendering (ssr)
الكلام هنا ممكن يطول وهتحتاج تسمع tutorials قصيرة على اليوتيوب بتشرح النقطة دي كويس
الموضوع هنا بإختصار ان الcsr بيتم استخدامها مع الصفحات اللي فيها dynamic content لكن بتعتمد على الclient side مش الserver , على الجانب الآخر الssr بيتم استخدامها في حالة التعامل مع api وتبادل الdata
الميزة دي مفيدة جدا من ناحية الserver load , seo, improving user experience ومميزات تانية كتير
🔵 data fetching: لو هتتعامل مع api وتعمل fetch كتير هتلاقي الموضوع أسهل مع next وبتوفرلك خيارات زي الcache , revalidation
🔵 styling: بتدعم التعامل مع tailwind, css modules, css-in-js
المميزات الخاصة بnext.js لا يكفي التحدث عنها في بوست.. لو ناوي تتعلمها أنصحب تقرأ اكتر في الموضوع على اليوتيوب هتعرف مميزات وتفاصيل كتير. 😀
🔥5
اكثر من 1200 درس في قائمة لتعلم السي شارب من الصفر الى الاحتراف🔥🔥
https://youtube.com/playlist?list=PLHIfW1KZRIfkDF2xTIB5kX8gdthmLTufx&si=3R9bd5M5D3a6KUcl
https://youtube.com/playlist?list=PLHIfW1KZRIfkDF2xTIB5kX8gdthmLTufx&si=3R9bd5M5D3a6KUcl
🔥6👍1
10 نصائح لمن يرغب في تطوير مستواه في لغة الـ PHP
1. دراسة أساسيات PHP:
- ابدأ بفهم الأساسيات مثل متغيرات الـ PHP، وأنواع البيانات، والعمليات الأساسية (الجمع، الطرح، الضرب، والقسمة).
- تعلم كيفية إنشاء واستخدام المصفوفات والدوال.
2. استخدام الوثائق الرسمية:
- الاعتماد على موقع PHP الرسمي (php.net) للحصول على معلومات ووثائق دقيقة حول اللغة.
- استخدم وظيفة البحث في الموقع للعثور على معلومات حول الدوال والأساليب.
3. تعلم الأمان:
- تعلم كيفية كتابة كود PHP آمن يحمي التطبيقات من هجمات مثل Cross-Site Scripting (XSS) وSQL Injection.
4. استخدام Frameworks:
- تعلم كيفية استخدام إطار عمل PHP مثل Laravel، Symfony، أو Yii لتسهيل عملية تطوير التطبيقات وزيادة إنتاجيتك.
5. التحق بمجتمع المطورين:
- انضم إلى منتديات ومجموعات PHP على الإنترنت للتفاعل مع المطورين الآخرين والحصول على المساعدة عند الحاجة.
6. قراءة وكتابة الكود:
- قم بقراءة الشفرة المصدرية لمشاريع PHP مفتوحة المصدر لفهم كيفية تنظيم الكود وتنفيذ أفضل الممارسات.
- كتابة الكود بانتظام لتحسين مهارات البرمجة الخاصة بك.
7. اختبار التطبيقات:
- تعلم كيفية إنشاء واختبار وحدات البرمجة واختبارات الوحدة واختبارات القبول للتأكد من جودة تطبيقاتك.
8. متابعة أحدث التطورات:
- كن على اطلاع دائم بأحدث التحديثات والتقنيات في عالم PHP، واستخدمها في مشاريعك للبقاء متميزًا.
9. الممارسة العملية:
- لا تتردد في القيام بمشاريع عملية لتطبيق ما تعلمته وكسب الخبرة العملية.
10. استشارة المطورين الأكثر خبرة:
- لا تتردد في طلب المشورة من المطورين ذوي الخبرة عندما تواجه صعوبة في حل مشكلة معينة.
1. دراسة أساسيات PHP:
- ابدأ بفهم الأساسيات مثل متغيرات الـ PHP، وأنواع البيانات، والعمليات الأساسية (الجمع، الطرح، الضرب، والقسمة).
- تعلم كيفية إنشاء واستخدام المصفوفات والدوال.
2. استخدام الوثائق الرسمية:
- الاعتماد على موقع PHP الرسمي (php.net) للحصول على معلومات ووثائق دقيقة حول اللغة.
- استخدم وظيفة البحث في الموقع للعثور على معلومات حول الدوال والأساليب.
3. تعلم الأمان:
- تعلم كيفية كتابة كود PHP آمن يحمي التطبيقات من هجمات مثل Cross-Site Scripting (XSS) وSQL Injection.
4. استخدام Frameworks:
- تعلم كيفية استخدام إطار عمل PHP مثل Laravel، Symfony، أو Yii لتسهيل عملية تطوير التطبيقات وزيادة إنتاجيتك.
5. التحق بمجتمع المطورين:
- انضم إلى منتديات ومجموعات PHP على الإنترنت للتفاعل مع المطورين الآخرين والحصول على المساعدة عند الحاجة.
6. قراءة وكتابة الكود:
- قم بقراءة الشفرة المصدرية لمشاريع PHP مفتوحة المصدر لفهم كيفية تنظيم الكود وتنفيذ أفضل الممارسات.
- كتابة الكود بانتظام لتحسين مهارات البرمجة الخاصة بك.
7. اختبار التطبيقات:
- تعلم كيفية إنشاء واختبار وحدات البرمجة واختبارات الوحدة واختبارات القبول للتأكد من جودة تطبيقاتك.
8. متابعة أحدث التطورات:
- كن على اطلاع دائم بأحدث التحديثات والتقنيات في عالم PHP، واستخدمها في مشاريعك للبقاء متميزًا.
9. الممارسة العملية:
- لا تتردد في القيام بمشاريع عملية لتطبيق ما تعلمته وكسب الخبرة العملية.
10. استشارة المطورين الأكثر خبرة:
- لا تتردد في طلب المشورة من المطورين ذوي الخبرة عندما تواجه صعوبة في حل مشكلة معينة.
❤6👌3🔥1
🔥5
📌 لطلاب الحاسب Computer Science هذا مستودع على Github يحتوي على كل ماتحتاجه بهذا التخصص 🤩
يحتوي على خطة كاملة لتعلمه من الصفر مع جميع المقررات 📖
https://github.com/ossu/computer-science
تقدر تتعلم تعليم ذاتي وكل المصادر موجوده ومجاناً👌
يحتوي على خطة كاملة لتعلمه من الصفر مع جميع المقررات 📖
https://github.com/ossu/computer-science
تقدر تتعلم تعليم ذاتي وكل المصادر موجوده ومجاناً👌
GitHub
GitHub - ossu/computer-science: 🎓 Path to a free self-taught education in Computer Science!
🎓 Path to a free self-taught education in Computer Science! - ossu/computer-science
🔥5❤1👍1
كورس جافا سكريبت شامل من الصفر إلى الاحتراف🔥🔥
https://youtube.com/playlist?list=PLYyqC4bNbCIeLEjcSPO61bsGPKEvYceb0
https://youtube.com/playlist?list=PLYyqC4bNbCIeLEjcSPO61bsGPKEvYceb0
🔥3
مواقع تهمكم حول ملفات PDF
- للتعديل على (PDF)
deftpdf.com/pdf-editor
- لتحويل صيغ (PDF):
ilovepdf.com
- ترجمة ملف (PDF):
translate.google.com
- لإصلاح ملفات (PDF)
pdffixer.com
للتعامل مع ملفات PDF بالذكاء الاصطناعي
https://www.chatpdf.com
- للتعديل على (PDF)
deftpdf.com/pdf-editor
- لتحويل صيغ (PDF):
ilovepdf.com
- ترجمة ملف (PDF):
translate.google.com
- لإصلاح ملفات (PDF)
pdffixer.com
للتعامل مع ملفات PDF بالذكاء الاصطناعي
https://www.chatpdf.com
Deftpdf
Free PDF Editor & Form Filler with DeftPDF
Edit PDF Files; Annotate PDF Documents; Edit existing PDF text. Add image to PDF, Create links in PDF; Erase content and more. All Free!
🔥5❤1
🔥5
شو رأيكم نضل ننزل مشاريع من اليوتيوب مهمة كثير حتى تتطور من نفسكم في تصميم المواقع
Anonymous Poll
100%
ياريت وكثيير
0%
لا مو مهم
🔥9🥰2
انشاء موقع شركة html css js
رابط الفيديو على اليوتيوب 🔥🔥
https://youtu.be/5Bl3CCizSRQ?si=_hbyp385DSrPa7kl
رابط الفيديو على اليوتيوب 🔥🔥
https://youtu.be/5Bl3CCizSRQ?si=_hbyp385DSrPa7kl
❤5🔥2
فيه قناة يوتيوب عليها شوية كورسات حلوة هتحتاجها
- HTML, CSS, JavaScript
- Bootstrap
- Sass
- Tailwind CSS
- Git & GitHub
- React.js
- PHP
- Java
- Vue.js
- Laravel
- Angular
- Next.js
وكورسات تانيه كتير
رابط القناة:
https://www.youtube.com/@DevGuideAcademy
- HTML, CSS, JavaScript
- Bootstrap
- Sass
- Tailwind CSS
- Git & GitHub
- React.js
- PHP
- Java
- Vue.js
- Laravel
- Angular
- Next.js
وكورسات تانيه كتير
رابط القناة:
https://www.youtube.com/@DevGuideAcademy
👍5🔥2💯2
مواقع العمل عن بعد
تقدر من خلالها باذن الله هتلاقي فرصه شغل
1 - Remote OK
https://remoteok.com/
2 - Just Remote
https://justremote.co/remote-developer-jobs
3 - AngelList Talent
https://angel.co/jobs/home
4 - We Work Remotely
https://weworkremotely.com/
5 - Hired
https://hired.com/
6 - Flex Jobs
https://www.flexjobs.com/jobs/featured
7 - Upwork
https://www.upwork.com/
8 - Job Spresso
https://jobspresso.co/
9 - Daily Remote
https://dailyremote.com/
10 - Remote Leaf
https://remoteleaf.com/
11 - Showwcase
https://www.showwcase.com/job/8725
12 - JS Remotely
https://jsremotely.com/
13 - LinkedIn
https://www.linkedin.com/jobs/
14 - Design Remotely
https://designremotely.co/
15 - Turing
https://www.turing.com/
16 - Remote More
https://remotemore.com/
17 - Remote Platz
https://remoteplatz.com
18 - Toptal
https://www.toptal.com/
19 - Netguru
https://www.netguru.com/
20 - EPAME Anywhere
https://anywhere.epam.com/en
21 - Andela
https://andela.com/
22 - Vanhack
https://vanhack.com/
23 - Talent IO
https://www.talent.io/p/en-fr/home
24- Arc
https://arc.dev
تقدر من خلالها باذن الله هتلاقي فرصه شغل
1 - Remote OK
https://remoteok.com/
2 - Just Remote
https://justremote.co/remote-developer-jobs
3 - AngelList Talent
https://angel.co/jobs/home
4 - We Work Remotely
https://weworkremotely.com/
5 - Hired
https://hired.com/
6 - Flex Jobs
https://www.flexjobs.com/jobs/featured
7 - Upwork
https://www.upwork.com/
8 - Job Spresso
https://jobspresso.co/
9 - Daily Remote
https://dailyremote.com/
10 - Remote Leaf
https://remoteleaf.com/
11 - Showwcase
https://www.showwcase.com/job/8725
12 - JS Remotely
https://jsremotely.com/
13 - LinkedIn
https://www.linkedin.com/jobs/
14 - Design Remotely
https://designremotely.co/
15 - Turing
https://www.turing.com/
16 - Remote More
https://remotemore.com/
17 - Remote Platz
https://remoteplatz.com
18 - Toptal
https://www.toptal.com/
19 - Netguru
https://www.netguru.com/
20 - EPAME Anywhere
https://anywhere.epam.com/en
21 - Andela
https://andela.com/
22 - Vanhack
https://vanhack.com/
23 - Talent IO
https://www.talent.io/p/en-fr/home
24- Arc
https://arc.dev
Remote OK
Remote Jobs in Programming, Design, Sales and more #OpenSalaries
Looking for a remote job? Remote OK® is the #1 Remote Job Platform and has 1,128,973+ remote jobs as a Developer, Designer, Copywriter, Customer Support Rep, Sales Professional, Project Manager and more! Find a career where you can work remotely from anywhere.
❤4🔥2👍1