Maxim Kurdy

Maxim Kurdy مختلف المشاريع و الأعمال التي تخص تطوير الويب باستخدام مختلف التقنيات مع التركيز على MERN STACK

كل عام و أنتم بخير ❤️❤️🎉         #عيدالفطر
21/04/2023

كل عام و أنتم بخير ❤️❤️🎉

#عيدالفطر

تعلم البرمجة عن طريق بناء الألعاب: بناء لعبة Hangman باستخدام React JS و TypeScript ممكن ببعض الأحيان تعلم البرمجة تجربة...
15/04/2023

تعلم البرمجة عن طريق بناء الألعاب:

بناء لعبة Hangman باستخدام React JS و TypeScript

ممكن ببعض الأحيان تعلم البرمجة تجربة صعبة بس مجزية ، و في كتير من الطرق للتعامل معها.

إحدى الطرق الفعالة لتعلم البرمجة هي بناء ألعاب توفر طريقة ممتعة وجذابة لممارسة مهارات البرمجة.

فوائد تعلم البرمجة من خلال بناء الألعاب:

تعتبر الألعاب طريقة رائعة لتعلم البرمجة لأنها بتطلب مهارات حل المشكلات والتفكير المنطقي والإبداع. من خلال بناء الألعاب ، بتطور هي المهارات وتكتسب خبرة في مفاهيم البرمجة مثل هياكل البيانات والخوارزميات وواجهات المستخدم.

تعتبر الألعاب أيضًا طريقة ممتعة لتعلم البرمجة ، و ممكن تحفزك وتشاركك أثناء العمل في التحديات وحل المشكلات.

وصف لعبة hangman:

لعبة كلاسيكية لتخمين الكلمات حيث يجب على اللاعب تخمين الكلمة الصحيحة قبل نفاد المحاولات.

تم تصميم اللعبة باستخدام React JS و TypeScript ، و يلي بتوفر بيئة تطوير قوية ومرنة.

رح نستخدم مجموعة متنوعة من مفاهيم البرمجة مثل إدارة الحالة ومعالجة الأحداث والعرض الشرطي لبناء اللعبة.

جمع React JS مع TypeScript :

مكتبة React JS هي مكتبة تعتمد على لغة JavaScript شائعة لبناء واجهات المستخدم ، وتوفر مجموعة قوية من الأدوات لبناء الألعاب.

أما TypeScript عبارة عن مجموعة شاملة آمنة من النوع لجافا سكريبت تضيف كتابة ثابتة وميزات أخرى لتحسين جودة الكود وتقليل الأخطاء.


فلماذا لا تجربها وتبدأ في بناء ألعابك الخاصة اليوم؟

رابط الكود على غيتهاب و تجريب اللعبة و كمان مشاريع تانية

https://github.com/maxW23/Hangman_game

رابط الانستا رح يصير تنزل بوستات عليه

https://instagram.com/maximc137?igshid=ZDdkNTZiNTM=

حرفيا 80 بالمية من المبرمجين او الفريلانسرز 😂
13/04/2023

حرفيا 80 بالمية من المبرمجين او الفريلانسرز 😂

ال roadmap يلي بينصح فيها ChatGPT للبداية بال MERN Stack  المستخدمة لتطوير الويب Sure! Here is a more detailed roadmap f...
12/04/2023

ال roadmap يلي بينصح فيها ChatGPT للبداية بال MERN Stack المستخدمة لتطوير الويب

Sure! Here is a more detailed roadmap for learning the MERN stack:

1. Learn the basics of HTML, CSS, and JavaScript: These are the building blocks of web development, and you'll need a solid understanding of them before you dive into the MERN stack.

2. Learn Node.js: Node.js is a server-side runtime environment for JavaScript. Start by learning the basics of Node.js, and then move on to Node.js frameworks like Express.js.

3. Learn MongoDB: MongoDB is a NoSQL database that is often used with Node.js and the MERN stack. Learn how to interact with MongoDB from Node.js, and how to store and retrieve data.

4. Learn React.js: React.js is a popular front-end library for building user interfaces. Learn how to use React.js to build components, manage state, and handle user input.

5. Learn Redux: Redux is a state management library for React.js. Learn how to use Redux to manage complex data and state in your React.js applications.

6. Learn how to integrate Node.js, MongoDB, React.js, and Redux: Once you have a solid understanding of each component of the MERN stack, learn how to integrate them together to build full-stack web applications.

7. Learn how to deploy your MERN stack applications: Learn how to deploy your MERN stack applications to cloud platforms like Heroku or AWS, and how to configure your applications for production environments.

8. Build projects: Once you have a solid understanding of the MERN stack, start building projects to practice your skills and showcase your work. Start with simple projects, and gradually work your way up to more complex applications.

9. Participate in coding communities: Join coding communities like GitHub, Stack Overflow, and Reddit to connect with other developers and learn from their experiences.

Remember, learning the MERN stack is a lifelong journey, and it's important to keep practicing and learning new skills to stay up-to-date with the latest trends and technologies. Good luck on your journey!

كل التوفيق أصدقائي ❤️



Website with Ramadan theme on it .Ramadan Kareem ❤️رمضان كريم ❤️صياماً مقبولاً و إفطاراً شهيّاً ❤️       #رمضان٢٠٢٣
24/03/2023

Website with Ramadan theme on it .
Ramadan Kareem ❤️
رمضان كريم ❤️
صياماً مقبولاً و إفطاراً شهيّاً ❤️

#رمضان٢٠٢٣

Website cloning عم نتصفح كتير مواقع هي الأيام فيسبوك تويتر انستا و كتير غيرهم بس دائما في هاد الموقع يلي عم نتصفحو أكتر ...
01/03/2023

Website cloning
عم نتصفح كتير مواقع هي الأيام فيسبوك تويتر انستا و كتير غيرهم

بس دائما في هاد الموقع يلي عم نتصفحو أكتر من البقية يمكن لاسباب بسيطة متل تصميمو ، الوانو ، أو حتى functions معينة ضمنو

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

و هاد الشي اسمو cloning (محاكاة او تقليد) و أنا شخصيا بعتبرها من افضل الطرق للتعلم

الموقع يلي عملتلو clone موقع عم استخدمو كتير (بحب ايلون ماسك ما بإيدي) و هوي موقع SpaceX

ما طورت فيه شي بس حاولت أنو يكون طبق الأصل 😂
(بس تعلمت خصائص معينة بالتصميم ما عالفاضي 😂)

بس بشكل عام هي فكرة ال cloning و ممكن تكون مفيدة بأغلب الأحيان للناس يلي عم تتصفح المواقع يلي عم نطورها و تشوف شبه ف ممكن تنجذب الها (او تقول عم نسرق التصميم او الفكرة )😂

https://maxw23.github.io/SpaceX-website-clone/

رابط الموقع يلي عملتلو محاكاة و بال GitHub موجود الكود

Happy coding ❤️

React JS hooks تعمل ال hooks على حل مجموعة متنوعة من المشكلات التي تبدو غير متصلة في React. تتيح لك تنظيم الآثار الجانبي...
17/02/2023

React JS hooks

تعمل ال hooks على حل مجموعة متنوعة من المشكلات التي تبدو غير متصلة في React.

تتيح لك تنظيم الآثار الجانبية في أحد المكونات حسب الأجزاء components المرتبطة (مثل إضافة اشتراك وإزالته) .
فوائد ال hooks بشكل مختصر :

كتابة تعليمات برمجية مختصرة وواضحة.

الhooks أسهل في العمل والاختبار. الرمز أنظف وأسهل في القراءة(clean code ).

تبسيط التعليمات البرمجية بجعلها أكثر قابلية للتكوين وقابلة لإعادة الاستخدام.

هي مقالة عن أشهر ال hooks و بالنهاية ممكن انت ك مبرمج تعمل hooks خاصة فيك متل ما عملت أنا

Hooks solve a wide variety of seemingly unconnected problems in React.

They let you organize side effects into a component by what pieces are related (such as adding and removing a subscription), rather than forcing a split based on lifecycle methods.and here are some pros of hooks :

You can write concise and clearer code.

Hooks are simpler to work with and test. Code would appear cleaner and easier to read.

A related logic could be tightly coupled inside a custom hook.

It simplifies how to make code more composable and reusable.

Hooks أنا كتبتها و بستخدمها بالمشاريع

https://github.com/maxW23/React-JS-Hooks

لا تنسى بحال وجود أي اسئلة تواصل مع بريد الصفحة أو أي من الحسابات

https://dev.to/maximc137

https://github.com/maxW23

https://www.linkedin.com/in/maxim-kurdy-5a4b62226

محاولة بسيطة منا كسوريين تجاه بلدنا وأخوتنا.. نتمنى أن تغير شيئاً..رسالة من السوريين للمجتمع الدولي، لرفع العقوبات عن سو...
08/02/2023

محاولة بسيطة منا كسوريين تجاه بلدنا وأخوتنا.. نتمنى أن تغير شيئاً..

رسالة من السوريين للمجتمع الدولي، لرفع العقوبات عن سورية..

على مدى السنوات الـ 12 الماضية، يعيش الشعب السوري تحت وطأة العقوبات التي فرضتها الولايات المتحدة الأمريكية والعديد من الدول الغربية، مع ساعة تعذية كهربائية فقط في اليوم، لا وقود، لا غاز، لا دواء، ولا مساعدات طبية متوفرة في الصيدليات.

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

نحن لسنا شعباً بربرياً، نحن من بلد متحضر قدم للبشرية الكثير، لكن عقوباتكم التي تتعارض مع القانون الدولي، ومع مبادئ الإنسانية، كانت سبباً بإيقاف عجلة التنمية، إنها تمنعنا من إعادة إعمار بلادنا بعد الحرب، عاقبتم الناس وأجبرتموهم على الهجرة.

‎ 🚫
🚫

How to be a better programmer ☕🌞
05/11/2022

How to be a better programmer ☕🌞

API: Application Programming Interface واجهة برمجة التطبيقات. في سياق واجهات برمجة التطبيقات ، تشير كلمة "تطبيق" إلى أي ...
28/10/2022

API: Application Programming Interface

واجهة برمجة التطبيقات.

في سياق واجهات برمجة التطبيقات ، تشير كلمة "تطبيق" إلى أي برنامج له وظيفة مميزة.

يمكن اعتبار الواجهة بمثابة عقد خدمة بين تطبيقين. يحدد هذا العقد كيف يتواصل الاثنان مع بعضهما البعض باستخدام الطلبات والردود.


5 HTML tricks that might be useful for you ❤️
25/10/2022

5 HTML tricks that might be useful for you ❤️

Address

Masyaf

Website

Alerts

Be the first to know and let us send you an email when Maxim Kurdy posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Share

Category