Hi, It's Zeinab Mahmoud

I'm a

I'm a Frontend Developer who enjoys turning ideas into responsive, user-friendly, and engaging web experiences. I'm passionate about clean design, problem solving, and continuously growing my skills.

Education & Training

2021 — Completed
Completed

High School

Ibrahim Bashir High School for Girls

I graduated from Ibrahim Bashir High School for Girls in 2021, where I studied in the Science and Mathematics stream.

2023 — Present
Education

Information Technology

New Assiut Technological University

I am currently studying Information Technology at New Assiut Technological University.

2024
Completed Training

C++ Problem Solving Training

I completed training in C++ and problem solving, where I strengthened my programming fundamentals, logical thinking, and ability to approach algorithmic problems.

2025
Completed Training

Front-End Development Training

National Telecommunication Institute (NTI)

I completed front-end development training with NTI, strengthening my skills in web development and working with core front-end technologies.

2025
Completed Training

Artificial Intelligence Training

National Telecommunication Institute (NTI)

I completed AI training with NTI, gaining an introduction to artificial intelligence concepts and practical applications.

2026 — Present
In Progress

React Development Training

Digital Egypt Pioneers Initiative (DEPI)

I am currently studying React through the Digital Egypt Pioneers Initiative (DEPI), focusing on building modern and interactive front-end applications with React.

Skills

Frontend Development

HTML Strong
CSS Advanced
JavaScript Advanced
React Learning

Programming

C++ Advanced
C Intermediate
Python Intermediate
Java Intermediate

Tools & Technologies

Git & GitHub Intermediate
Firebase Intermediate

Professional Skills

Problem Solving
Communication
Teamwork
Time Management
Adaptability

Certificates

Projects

Services

React Front-End Development

I build modern and responsive user interfaces using React, with a focus on clean design, smooth interactions, and a seamless user experience. I turn ideas and designs into functional web interfaces that work consistently across different screen sizes and devices. I also focus on writing organized, maintainable code that makes projects easier to develop and improve over time.

Web Development

I create responsive and interactive websites using HTML, CSS, and JavaScript, with attention to both visual details and functionality. My goal is to build websites that are easy to use, well-structured, and optimized for different devices. Whether you need a website from scratch or improvements to an existing one, I focus on turning your ideas into a practical and polished web experience.

Web Applications & Management Systems

I develop practical web applications and management systems designed to simplify everyday tasks and improve how businesses manage their work. I focus on building clear interfaces, useful features, and smooth workflows that make the system easy for both administrators and users to work with. From business websites to custom management solutions, I aim to create applications that solve real problems and fit the project's specific needs.

C++ Problem Solving Mentorship

I provide C++ problem-solving guidance for students and beginners who want to improve their programming and logical thinking skills. I focus on understanding the problem, choosing the right approach, and developing the ability to write efficient and well-structured solutions. My goal is not just to solve problems, but to help learners build a stronger foundation and become more confident in tackling programming challenges.

Articles

Introduction 1

اجابتى على السؤال المتكرر 🙂
عايز ابدأ برمجه تنصحنى ابدأ بأيه ؟! 🤔
الشخص اللى بيجى يسأل السؤال دا بيكون تايه وعايز حد بس يحطه على اول الطريق 👀

اجابتى على السؤال المتكرر 🙂
عايز ابدأ برمجه تنصحنى ابدأ بأيه ؟! 🤔
الشخص اللى بيجى يسأل السؤال دا بيكون تايه وعايز حد بس يحطه على اول الطريق 👀
مينفعش تقوله ابدأ بلغه Python عشان سهله او c++ عشان تاخد اساسيات برمجه .. تلقائى هو هيسمع كلامك كشخص ثقة ويروح يدور على كورس للغه ديه عشان يتعلمها فى حين ان ذلك غلط ❌
من الافضل انك توريه الاخيارات اللى قدامه وهو يختار الطريق الانسب ليه عشان يدعيلك بعدين 😁
عرفه الاول يعنى ايه برمجه ؟ ايه مجالاتها ؟ كل مجال اقدر اعمل بيه ايه ؟ وبعدها هو يختار بنفسه هو عايز يمشى فى اى طريق !!🚶‍♂️

دا اول بوست ليا فى قناتى الجديدة .. لو عجبكم قولوا رأيكم اكمل ولا لا ☺️
لسة عندى كلام كتير يخص البرمجه ومجالاتها واجابات على اسألة كتير 👀

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Introduction 2

سؤال متكرر !! 👀
يعنى ايه برمجه ؟ 🤔
بكل بساطه هى عبارة عن اوامر .. انا لو عايز اعمل حاجه معينه بدى امر

سؤال متكرر !! 👀
يعنى ايه برمجه ؟ 🤔
بكل بساطه هى عبارة عن اوامر .. انا لو عايز اعمل حاجه معينه بدى امر مثال بسيط ريمود التليفزيون .. عايز اغير القناة بدوس على زرار معين بقوله هات القناة اللى قبلها او اللى بعدها .. (ديه اسمها اوامر) 🙂
نتعمق اكتر ونفهم العملية ديه بتتم ازاى ؟! 👀
اى جهاز او اله مش بتفهم غير لغة واحد اللى هى لغة الاله (Binary) لغة الـ صفر و الواحد
البرمجه وظيفتها اننا بنترجم كل الاوامر اللى عايزين ننفذها بلغة الصفر والواحد عن طريق الكود .. "وديه لينا كلام عليها فى بوست اخر" ✌️
عشان تكون متخيل بس البرمجه ديه بنلاقيها فين ؟!
بنلاقيها فى كل مكان حوالينا فى عصرنا الحالى .. ATM البنك دا نظام برمجى .. كاشير السوبر ماركت والمول والهايبر .. اشارة المرور ابواب غرف الفنادق الحديثة .... إلخ
البوست اللى بعده هنتكلم اكتر ازاى اقدر اعطى اوامر وايه الطرق المختلفة 👀✨

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Computer language

انهارده هنتكلم عن ازاى اقدر اتواصل مع الكمبيوتر ؟ 💻
زى ما اتفقنا الكمبيوتر مش بيفهم غير لغة الصفر والواحد (Binary) امال انا هقدر اتواصل معاه ازاى دا ؟! 👀🤔

انهارده هنتكلم عن ازاى اقدر اتواصل مع الكمبيوتر ؟ 💻

زى ما اتفقنا الكمبيوتر مش بيفهم غير لغة الصفر والواحد (Binary) امال انا هقدر اتواصل معاه ازاى دا ؟! 👀🤔
هقولك مثال بسيط 🧐
الكمبيوتر دا عامل زى الطفل الصغير .. فيه طفل بمجرد ما يتولد يقدر يتكلم على طول ؟!
اكيد لا الاول بيتكلم كلام مش مفهوم بعد كدا بيقطع لغاية ما يعرف يكون جملة 😇

طيب ايه الطريقة اللى ممكن اتواصل معاه بيها ؟
هقولك مثال تانى واستحملنى شوية 😁
دلوقتى لو فيه فوج اجانب جه مصر من بلاد مختلفه وعايز اتواصل معاه .. اكيد لازم اعرف اتكلم اللغة بتاعته !! 🙂
يعنى الامريكانى لازم اتكلم معاه English والروسى Russian والايطالى Italian وهكذا ....
الكمبيوتر زى كدا بالظبط عشان اقدر اتواصل معاه فى مجالاته .. لازم اتعلم وادرس لغات كل مجال عشان اقدر اتواصل معاه 👀
وهذا ما يسمى بلغات البرمجة 😁💻❤️
طيب ايه هى مجالاته ديه وايه اللغات اللى هحتاج اتعلمها ؟!
دا هنتكلم عليه البوست اللى جاى ✌️
يا رب اكون قدرت افيدكم 🥰

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Programming Fields

زى ايه لغات البرمجة وكل لغة اقدر استخدمها فى ايه وازاى ؟ 🤔
لكل مجال فى مجالات البرمجة ليه لغات برمجه معينه زى ما اتفقنا فى المثال بتاع فوج الاجانب اللى دخلوا مصر.. 👀

زى ايه لغات البرمجة وكل لغة اقدر استخدمها فى ايه وازاى ؟ 🤔

لكل مجال فى مجالات البرمجة ليه لغات برمجه معينه زى ما اتفقنا فى المثال بتاع فوج الاجانب اللى دخلوا مصر.. 👀

طيب فى البداية كدا نتعرف على مجالات البرمجه عشان نعرف نحدد هدفنا وهنمشى فى اى مجال (تراك) 💻🖤

1- Artificial International - Ai (الذكاء الاصطناعي)

2- Software Engineering (هندسه البرمجيات)

3- Cyber Security (امن الشبكات)

4- Internet Of Things - IOT (انترنت الاشياء)

5- Date Science (علم البيانات)

6- Roberts (علم الربوتات)

ايه الكلام الكبييير دا 😳🫣
وحده وحده هنتناقش فى كل مجال ونفهم مع بعض بيتكلم عن ايه ونقدر نستفاد منه بإيه وازاى 😀😇

الكلام دا مش صعب ولا حاجه وثق فى ربنا ثم فيا وحب البرمجه 😁
معظم المجالات ديه انا دخلت فيها وبعمل سيرش مكثف قبل كل بوست انا بكتبه عشان اوصل ليكم كم من المعلومات وافى وصحيح فى نفس الوقت بالاضافه ان التراكات ديه مجال دراستى فى الكلية يعنى انا بساعدكم وبساعد نفسى فى نفس الوقت 😁❤️

مبدأيا كدا من البوست اللى جاى لازم يتوفر عندك 3 حاجات عشان نقدر نكمل رحلتنا مع بعض 😇

1- الصبر
2- حبك للبرمجه عشان تقدر المشاكل اللى هتقابلك
3- الصبر تانى 😁😁

يا رب اكون قدرت افيدكم ونتقابل فى البوست اللى جاى يا بشمهندسين عشان رحلتنا بدأت تحلو وعندى ليكم معلومات كتير 😉🖤

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Artificial International - Ai

دلوقتى الكل بيسأل اكيد فين لغات البرمجه اللى قولت هتكلم عليها البوست اللى فات !!🤔
زى ما قولت فى البداية مينفعش اتعلم لغة برمجة وخلاص

دلوقتى الكل بيسأل اكيد فين لغات البرمجه اللى قولت هتكلم عليها البوست اللى فات !!🤔

زى ما قولت فى البداية مينفعش اتعلم لغة برمجة وخلاص .. فيه ناس كتير بتتعلم لغات برمجة وتتعب فى تعليمها وفى الاخر مش بتستخدمها

عشان كدا انا ماشية معاك الطريق خطوة خطوة الاول نعرف المجالات واحنا بنتعرف على كل مجال هقولك ايه اللغات الى اقدر استفيد منها فى الطريق اللى هتختاره !! 👌

جاهز عشان نبدأ نتكلم فى موضوع بوست انهارده !! 👀
يلا بينا ..😎

Artificial International - Ai (الذكاء الاصطناعي) 🦾🤖

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

يعنى برنامج الـ AI بيديك خواص مميزة تنافس العقل البشرى ولكن عمره ما هيتساوي بيه لان ربنا ميز الانسان بالعقل 🧠

مرة دكتور سامح فى اول محاضرة IT سأل سؤال شغل تفكيرى وغير فكرتى عن AI ومن هنا بدأت ابحث عن المجال دا وادور فيه ✌️

هو الروبوت المصمم بالذكاء الاصطناعى قادر انه يطور من نفسه ؟! 🤔

انا رأيي كان لا 🤓 لان فى الاول والاخر انا اللى صممت البرنامج دا وانا بس اللى اقدر اديله اوامر وبيانات يقدر يعرضها

لكن الدكتور كان ليه اجابة تانى .. قالنا ان فى مرة واجهوا روبوتين مع بعض اكتشفوا ان واحد بيتكلم لغة تانية خالص هو مش مبرمج بيها 😳

معنى كدا ان الذكاء الاصطناعى قادر انه يطور من نفسه ؟!

ايوون 😇

اكبر مثال على دا واغلبنا بنتعامل معاه يوميا هو Chat GPT (شات جى بى تى) اى سؤال مهما كان صعوبته بيجاوبك عليه بدقه 👌💻
وهو بياخد كل البيانات اللى انت بتدخلها ليه وبيحفظها عنده

يعنى انا دلوقتى لو اخترت المجال دا هقدر اعمل تطبيق زى Chat GPT ؟! 😀 بالظبط 😁

طيب انا عجبنى المجال دا وعايز ابدأ فيه اتعلم ايه ؟! 🧐

فى بداية اى مجال هتختاره من الـ AI بس لازم تاخد اساسيات برمجه وفيه كورسات حلوة وعربية بتوفر دا مثلا زى CS50 .. وفيه ناس كتير بتشرحها على يوتيوب وانا برشح كروس عبد الرحمن جمال كويس خالص ودا اللينك بتاعه :

https://www.youtube.com/playlist?list=PLknwEmKsW8OvMsFbU9zo8oJCprAsgc4LO

ايه بقى لغات البرمجه اللى هتساعدنى فى الطريق دا 😊✨
1- Python (بايثون)
2- R
2- Java (جافا)
4- C++‎
5- Julia (جوليا)
6- Prolog (برولوج)
7- Matlab (ماتلاب)
8- Rust (رست)
9- Lisp (ليسب)
10- Lua (لوا)
11- Perl (بيرل)

لو عجبك المجال وحابب تكمل فيه ادخل على Google وابحث عن اللغات ديه وابدأ اتعلم وحده وحده .. ساعد نفسك بقى انا حطيتك على بداية الطريق 😉

ولينا لقاء اخر مع كل لغة وايه مميزاتها وعيوبها بعد ما نخلص تعريف المجالات 🤩

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Cyber Security

انهارده هنتكلم عن مجال Cyber Security (امن الشبكات) 🤩
بعض الترجمات الحرفيه لمسمى Cyber Security "امن سيبرانى" طيب المجال دا يعنى ايه ؟! 🧐

انهارده هنتكلم عن مجال Cyber Security (امن الشبكات) 🤩

بعض الترجمات الحرفيه لمسمى Cyber Security "امن سيبرانى"
طيب المجال دا يعنى ايه ؟! 🧐

الأمن السيبراني هو عملية حماية انظمه تكنولوجيا المعلومات والشبكات والاجهزة والبرامج من الوصول غير مصرح به ضد الهجمات الرقمية .. وهو عبارة عن نظام تأمين خاص بأي محاولات تهكير او سرقة معلومات .. نعتبر ان اللى بيشتغل فى المجال دا مسؤليته انه يحمى البيانات من السرقه والهاكر .. او العكس !! 👀

ازاى او العكس ؟! 🥸
ما هو يا صديقى لمجال الـ Cyber Security انواع !!

لكن فى البداية نتعرف على مجالات الـ Cyber Security 👀🖤

1- أمن الشبكة وانواعه

2- أمن المعلومات وأنواعه

3- أمن المستخدم النهائي وانواعه

4- أمن البنية التحتية

5- أمن السحابة

6- أمن الهاتف المحمول

7- أمن إنترنت الأشياء

8- أمن التطبيقات

9- الأمن التشغيلي

10- التخطيط لاستمرارية تصريف الأعمال

لكل مجال من دول منهج معين بيتبعه عشان يدخل المجال ويحميه او يضره !!

طيب ازاى انا مش فاهم الكلام دا 🤓

يعنى مثلا هتختار مجال زى امن الشبكات بدرسه كويس وبفهم يعنى ايه وبيتكون ازاى ووقتها انا بحدد اذا كنت همشى فى النور او الظلام !!

لان فى مجالات الـ Cyber Security عموما بنختار طريق من 3 طرق فيه

نتعرف على انواع الـ Cyber Security 🦾💻

1- هاكر القبعه السواداء "Black Hat Hakers " 🖤☠️🥷🏻
2- هاكر القبعه البيضاء "ًWhite Hat Hakers" 🤍😇🧑‍💻

3- هاكر القبعه الرمادى "Gray Hat Hacker" 🩶🤠

-- هاكر القبعه السواداء دول بيكونوا مجرمين انترنت وهدفهم انهم يخترقوا انظمه تكنولوجيا المعلومات والبنوك بشكل غير قانونى لعده اسباب وكمان اوقات بيطلبوا فديه لأستراجاء المعلومات والبيانات ديه 👀

موقف حصل معايا انا شخصيا فى مرة كنت بنزل برنامج على اللاب اون لاين وفجأة اتفاجأ بكل ملفات الهارد بتاعتى مشفرة ورسالة وحده اللى بتظهر لما بفتح كل الملفات وهى عبارة عن رسالة من الهاكر بيقولى ان ملفاتك فى امان ومحفوظه ولو عايز تسترجعها ابعت مبلغ 6000000$ على رقم الحساب التالى .... 😵
طبعا دا من انواع هاكر الفدية 😔💔

-- هاكر القبعه البيضاء دول بيكونوا هكر اخلاقيين هدفهم التسلل لأختبار وحماية انظمه تكنولوجيا المعلومات واجراء تقييمات الضعف واختبار الاختراق ..
هقولكم على مثال تانى للنوع دا .. انا بما انى ليا فى مجال الويب فى مرة بتصفح فى موقع "امازون" غنى عن التعريف طبعا .. هو متجر الكترونى .. اكتشفت ثغره فى الموقع انى لو غيرت حاجه بسيطه جدا فى كود الموقع اقدر اشترى المنتج بدل ما يظهر السعر يقولى ان السعر 0$ وانا اشترى واحط فى السله كأن السعر اتدفع 🤩🤩
فى اللحظه انا كان ممكن اكمل واشترى وعادى لكن انا اخترت انى اتواصل مع شركه "امازون" واقولها على الثغرة ديه عشان تقدر تحميها 😇 دا هاكر القبعه البيضاء 😇😇

-- هاكر القبعه الرماديه .. دول اغلبهم بيكون غير محترفين بيستخدموا النصوص والبرامج لتشويه مواقع الويب وكمان اختراق لأسباب سياسية او بيئية ومنهم كمان ارهابيين هدفهم الاضرار بالبنيه التحتيه او المدنيين
منهم نوع تانى بتراعاهم الدوله بتوجيه من الحكومه .. زى فيلم "الهرم الرابع" لما فى الاخر الحكومه جندته عشان يساعدها ..
يعنى دلوقتى انا لو اخترت اى مجال الـ Cyber Security وبقيت محترف فيه اقدر اشتغل مع الحكومه ؟!
بنسبه كبيرة لو كنت محترف جدا جدا ممكن لانك بتساعدهم يكتشوفوا الهجمات الالكترونيه على البنوك او فى عمليات سرقه اخرى او .....
منهم نوع اخير بيبيعوا خدماتهم لمجموعه متنوعه من الهجمات المختلفه لتحقيق مكاسب مالية
الطريقة ديه هى الابتزاز بالمعلومات .. زى مثلا ان ممكن اهكر شركه كبيرة وقدرت احصل على بيانات فيها مخالفه قانونية او حاجه غير شرعيه .. وقتها بتواصل مع صاحب الشركه وابتزه بالمعلومات ديه وباخد مقابل عشان منشرش المعلومات ديه

وبكدا نكون اتعرفنا على المجال عموما .. لو حبيته ادخل على جوجل وابحث عن مجالات الـ Cyber Security اللى قولها فوق واختار مجال منهم .. انا حطيتك على بداية الطريق 😉 كمل انت بقى بشطارتك يا بشمهندس 👀💻

دا ولا حاجه فى مجال الـ Cyber Security لسة هنتكلم عنه كتير الفترة اللى جاية لان متنسوش دا مجال تخصصى فى الكلية 😉❤️✨

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Tip of the Day

نصيحة اليوم:
لمّا تحس إنَّك ضايع شوية ومعندكش شغف زي الاول حاول تحفّز نفسك ما تفكرش في الضغط والتعب خليك مستعد تعمل حاجات جديدة،

نصيحة اليوم:
لمّا تحس إنَّك ضايع شوية ومعندكش شغف زي الاول حاول تحفّز نفسك ما تفكرش في الضغط والتعب خليك مستعد تعمل حاجات جديدة، تجرّب تعمل مشاريع صغيرة وتخليها تكبر ما تقولش "ما فيش فايدة" كل شغلة بتعلّمك حاجة جديدة خلّي الإبداع يطلع منك اتحدي نفسك وخلّي هدفك واضح قدام عينك، إحنا بنبرمج عشان نغير العالم للاحسن حتي ولو بشيئ بسيط، اكتب لنفسك قائمة بالأهداف اللي حابب توصل لها افتكر ليه بدأت برمجة في الأساس، افتكر الذكريات الحلوة اللحظات اللي أحرزت فيها تقدم وشوف ازاي كنت بتحس بالإنجاز وفي الآخر الشغف مش بيجي بسهولة بس إذا كنت مستعد تشتغل وتجدد النشاط، هتلاقي حاجات كتيرة تحمّسك وتشدّك تكمل.

#Morning 😇♥️✨

Internet Of Things - IOT

انهارده هنتكلم عن موضوع شيق جدا للناس اللى بتحب تشتغل physically وتصمم العاب تحكم عن بعد زى العربية والطيارة اللى بتشتغل بريمود 😉

انهارده هنتكلم عن موضوع شيق جدا للناس اللى بتحب تشتغل physically وتصمم العاب تحكم عن بعد زى العربية والطيارة اللى بتشتغل بريمود 😉

Internet Of Things - IOT (انترنت الاشياء)

مجال الـ IOT او انترنت الاشياء هو مجال يقوم بتوصل الاجهزة ببعض وتوصيلها بنفسها
الـ IoT هو مفهوم حاسوبي يعبّر عن فكرة اتصال مختلف الأجهزة المادية بشبكة الإنترنت وقدرة كلّ جهاز على التعريف بنفسه للأجهزة الأخرى
هى شبكة افتراضية تجمع بين مختلف الأشياء المصنفة ضمن الإلكترونيات، البرمجيات، أجهزة الاستشعار، المحرّكات وبتوصل بينها عن طريق الانترنت، "هو دا اللى بيتح للحاجات ديه كلها إمكانية تبادل البيانات فيما بينها "

وكلمه "الأشياء" في إنترنت الأشياء لا يقتصر على الجمادات والأجهزة الصغيرة وبس ولكن ممكن يكون "الشيء" شخص معاه جهاز لمراقبة نبضات القلب مثلاً، أو طفل معاه جهاز تتبّع، سيارة مزوّدة بأجهزة استشعار، أنظمة الإضاءة في المنازل ومراكز التسوّق الكبرى، ماكينات البيع وغيرها، باختصار يشمل المصطلح كلّ شيء قد يخطر على البال! 😌
فى اخر القرن الواحد وعشرين اصبح المجال دا اكثر انتشارا وتطويرا هو اللى بيساعدنا دلوقتى اننا نعمل الشاشات والمكانس الكهربيه والسيارات والتيرموستات وكاميرات المراقبة ...إلخ
ميزة المجال دا انه بيوفر تكاليف وتقليص حجم الاجهزة
هقولكم على امثلة بسيطه كتير مننا بيشوفها فى الوقت الحالى لمجال الـ IOT

زى مثلا المنازل الحديثة المزوده بالتحكم عن بُعد "اكون انا فى عربيتى وقربت اوصل للبيت اقدر من خلال ابلكيشن على الفون انى اتحكم ان الجراش يفتح واشغل سخان المية واشتغل التكيف لغاية ما اوصل " 🙂🙂

المجال جميل جدا هو اللى هيعرفنا ازاى نربط الـ software بالـ hardware .. ديه مقدمه عليه وفى بوست تانى هعرفكم عليه اكتر وايه علاقته بالاوردوينو واقدر اشتغل بيه ازاى الموضوع شيق جدا بس يطول شرحه
انا اديتك نبذه عنه لو مستعجل ادخل اعمل search على المجال ولينا لقاء تانى معاه لانه من المجالات اللى بحبها وبدرسها فى كليتى 😁❤️❤️

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Software Engineering

Software Engineering (هندسه البرمجيات) 👷‍♂️🧑‍💻
المجال دا واسع جدا وبينقسم لمجالات كتير ... بس قبل ما نعرف ايه مجالاته تعالو نفهم ايه هو المجال دا 🤔

ازيكم يا بشمهندسين يا رب تكونو بخير 🌹
بوست انهارده هيكون دسم والكل مستنيه ويليه بوستات شيقه كتير من نفس النوع 🥰 والاهم ان المجال دا انا بحبه اوى ❤️

Software Engineering (هندسه البرمجيات) 👷‍♂️🧑‍💻
المجال دا واسع جدا وبينقسم لمجالات كتير ... بس قبل ما نعرف ايه مجالاته تعالو نفهم ايه هو المجال دا 🤔
هو التخصص المسؤول عن تصميم الأنظمة، والبرمجيات وتطويرها .. عبارة عن سلسلة من الأوامر التي تُعطى لجهاز الحاسوب، وتشمل هذه الأوامر عمليات كتير كتخزين البيانات، أو عرض المعلومات مثلًا. وكمان مجال الـ Software Engineering يُعتبَر من التخصصات التي تُدرج ضمن قائمة الـ IT، لانه مبينًَا على مجموعة من القواعد والأسس التي تهدف وتغدو نحو تصميم، وتطوير برمجيات، وبرامج ذات جودة عالية حيث تُلبِّي احتياجات الناس والمستخدمين.

زى ايه مجالاته بقى ؟! 👀

1- Web design (تصميم ويب)
2- Android software design (تصميم برامج ااندرويد)
3- Desktop software design (تصميم برامج سطح المكتب)
4- Games design (تصميم العاب)
وفيه تانى كتير لو حابب تعرف اعمل Search ودور بس دول اهم المجالات 👀

هنتكلم على كل مجال فى بوست لوحده بس حابة اقولك مميزات انك تختار المجال دا تحديدا
اولا وقت دراسته بيكون اقل من المجالات التانية
ثانيا اقدر اشتغل بيه بسرعه واكسب منه
ثالثا انه بينمى عندك مهارات كتير اوى حلوة فى حياتك زى الـ Problem Solving وتنظيم وقتك ويكون عندك مهارة الـ Design واتخاذ القرار المناسب وتنمى عندك مهارة التواصل والعمل الجماعى مع تيم وهيكون عندك قوة ملاحظة والانتباه لأدق التافصيل واكتشاف الاخطاء الصغيرة قبل الكبيرة والاقوى بقى انك هتكون تنين فى البرمجه 🐉❤️

لما تتعمق اكتر فى اكتشاف مجالاته هيعجبك اكتر واكتر 🥰
مش هتأخر عليكم فى البوست اللى جاى
يا رب اكون قدرت افيدكم 😁🌹

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Web Design

ايه هو الـ Web design ؟
عارف صفحات الفيسبوك بصوره وفيديوهاته وحركاته ديه و جوجل واى صفحه بتدخل تعمل سيرش عليها ..

ازيكم يا بشمهندسين يا رب تكونوا بخير 🌹
زى ما وعدتكم اهو متأخرتش عليكم 😁
انهارده هنتكلم عن مجال Web design (تصميم ويب) 💻

حضر كباية القهوة او العصير بتاعتك وتعالى معايا عشان الحوار انهارده شيق جدا 🤩

ايه هو الـ Web design ؟
عارف صفحات الفيسبوك بصوره وفيديوهاته وحركاته ديه و جوجل واى صفحه بتدخل تعمل سيرش عليها .. ديه اسمها صفحات ويب انت كـ "Web designer" مصمم ويب بتكون عندك القدرة تصمم وحده زى الصفحات ديه 😎

انا عجبنى الموضوع وعايز اكون Web designer 🧑‍💻🥰

تعالى بس اقولك على الطريق اللى هتمشى فيه عشان تدخل المجال دا وتبقى حوت 👀🐋
عشان تكون Web designer وتنشأ صفحه ويب كامله لازم تكون Full-Stack .. يعنى ايه ؟

الـ Full-Stack بينقسم إلى قسمين :

1- Front-End (واجهة امامية)
2- Back-End (واجهة خلفية)

ناخد الاول Front-End (واجهة امامية) :
من اسمها Front يعنى امامى اى حاجه بتكون ظاهرة قدامك زى الصور والفيديوهات والالوان والحركات اللايكات فى الفيسبوك كل ديه حاجات انت شايفها بعينك كل دا بنصممه بأستخدام الـ Front-End .
وديه ليها بوست لوحدها هشرحلكم فيه بأستفاضة ازاى ادخل فيه واتعمق اكتر واكتر

تانى حاجه هى Back-End (واجهة خلفية) :
من اسمها برضو Back يعنى خلفية حاجه مش ظاهرة ومش شايفها بعينى زى لما بسجل فى فيسبوك بندخل الايميل والباسورد .. انت بتشوف الايميل والباسورد دول بيروحوا فين ؟ لا
ديه بتروح لقواعد بيانات مصممه لحفظ البيانات ومطابقتها .. ودا بقى شغل الـ Back-End .
وليا معاكم بوست لوحده برضو هشرحلكم فيه ايه لغات البرمجه اللى هحتاجها عشان ندخل فى كل مجال من دول 🙂❤️

عشان اشجعك بس وتطمن انى بفيدك من قلب المجال 😂
انا حاليا Front-End develper .. عارف اخر مشروع Full-Stack اتعرض عليا انفذه كان عارض عليا كام ؟ 🤔
1500$ دولاااار ركز فى دولار ديه 😂 مفيش مبرمج بيقبض بالجنيه 😂
ووقتها الباك ايند اللى كان هيساعدنى رفض المبلغ عشان حس انه قليل بالنسبة للشغل اللى كان هيعمله 🙂 ودا حقه طبعا ❤️❤️
هااا جاهز عشان نقبض بالدولار ؟! 😂😂❤️

استنونى فى بوست قريب يا رب اكون قدرت افيدكم 🥰❤️

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Front-End

شايف الصورة ديه .. واجهة الـ Front-End عاملة زى جسم البنى ادم بالظبط كل لغة مسؤلة عن شيئ معين لأكتمال الصفحه ..

ازيكم يا بشمهندسين يا رب تكونوا بخير 🌹
انهارده هنتكلم عن Front-End (واجهة امامية)

عايزين نبدأ بقى نطلع السلم خطوة بخطوة عشان نكون Full-Stack هيكون معانا 3 لغات برمجه لازم ندرسها 🧑‍💻
1- HTML
2- CSS
3- javascript (JS)

شايف الصورة ديه .. واجهة الـ Front-End عاملة زى جسم البنى ادم بالظبط كل لغة مسؤلة عن شيئ معين لأكتمال الصفحه ..

اولا لغة HTML :
ديه بمثابة عضام الانسان .. يعنى لما صفحه HTML تكون جاهزة عندك .. كدا انت بنيت انسان بعظام فقط .
ديه بصمم فيها الحاجات الاساسية زى المكان اللى هحط فيه الصور والعناوين والفقرات .

ثانيا لغة CSS :
ديه بقى مرتبطه بـ HTML لما يكون عندى صفحة HTML + Css كدا عندى انسان بالعظام وهيكل وشكل شيك بس مش بيتحرك 👀
طيب هى مرتبطه بـ HTML ازاى ؟!
بناخد الـ class منها و نعمل عليها Access عشان يكون عندى صفحه فيها صور وفيديوهات وتنسيقات والوان حلوة 😇

ثالثا لغة javascript (JS) :
ديه بقى قصة تانيه خالص لما بدمجها مع HTML + Css بيكون عندى انسان كامل بعظامه وهيكله وشكله الحلو وكمان بيتحرك وبيعمل Action .
لغة javascript هى اللغة المسؤلة عن الحركه والـ Animation فى الصفحه وتخليها من صفحه static الى Dynamic .

لكن مش كدا وبس انا كمان اقدر اعمل صفحه Front-End كاملة بلغة javascript فقط بدون استخدان اى لغات اخرى (ولكن دا مينفعش تقول اختصر الطريق واتعلمها على طول 😁 اطلع السلم درجه درجه).. وليها استخدامات كتير مش بس فى مجال الويب فيه مجالات تانية كتير هنتكلم عليها وقت تانى وكمان Problem Solving .
تخلصها ولينا لقاء مع الـ Framework بتاعها .. انا مش عايزة اشتتك دلوقتى ولينا كلام عن معنى Framework.

حلو الكلام دا انا عايز ابدأ بقى اخد كورسات فين واروح فين ؟! 🤔
انت وقاعد مكانك فى البيت اليوتيوب مليان كورسات مجانية وفيه المدفوعه برضو لو عايز تطور نفسك اكتر .. بس انا شخصيا برشح البشمهندس osama mohamed الشهير بالزيرو ربنا يجازيه كل خير عمل محتوى جميل جدا مجانى مش بيقل حاجه عن المحتوى المدفوع وانا اتعلمت على ايده ❤️ مع احترامى طبعا لباقى الناس العمالقه على اليوتيوب .
وديه لينكات الـ Playlist للكورسات :
HTML :
https://www.youtube.com/playlist?list=PLDoPjvoNmBAw_t_XWUFbBX-c9MafPk9ji

CSS:
https://www.youtube.com/playlist?list=PLDoPjvoNmBAzjsz06gkzlSrlev53MGIKe

JS:
https://www.youtube.com/playlist?list=PLDoPjvoNmBAx3kiplQR_oeDqLDBUDYwVv

هنزلكم تلخيص ليا للكورسات ديه فى بوست جديد 😉❤️
يا رب اكون قدرت افيدكم ☺️❤️❤️

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Back-End

"إيه هو الـ Back-End؟ 🤔
لو بتسأل إزاي المواقع والتطبيقات بتشتغل من ورا الكواليس، يبقى انت بتتكلم عن الـ Back-End! 🔧

ازيكم يا بشمهندسين يا رب تكونوا بخير 🌹

انهارده هنتكلم عن مجال كثير من المبرمجين الذين يعشقون الغموض 😂🤩

"إيه هو الـ Back-End؟ 🤔

لو بتسأل إزاي المواقع والتطبيقات بتشتغل من ورا الكواليس، يبقى انت بتتكلم عن الـ Back-End! 🔧

الـ Back-End هو الجزء اللي المستخدم ما بيشوفوش، لكنه المسؤول عن معالجة البيانات وتخزينها، وكمان إدارة كل العمليات اللي بتحصل عشان الموقع أو التطبيق يشتغل بكفاءة. يعني أي حاجة زي التسجيل، تسجيل الدخول، أو تخزين البيانات على قاعدة بيانات بتحصل في الـ Back-End.

طب إيه هي اللغات المستخدمة؟ في لغات برمجة كتير ممكن تبدأ بيها، أهمها:

Python 🐍: سهلة ومحبوبة جدًا للمبتدئين.

JavaScript (مع Node.js) ⚙️: من اللغات الأقوى والمتعددة الاستخدامات.

PHP 🌐: مستخدمة بشكل كبير في تطوير مواقع الويب.

Ruby 💎: بسيطة وسلسة.

Java ☕️: قوية جدًا خصوصًا في التطبيقات الكبيرة.

إزاي تدخل المجال؟

اتعلم لغة من اللغات دي وابدأ بأساسيات البرمجة.
اتعرف على قواعد البيانات زي MySQL أو MongoDB.
اتدرب على بناء سيرفرات وربطها بالـ Front-End.
اشتغل على مشاريع صغيرة زي مواقع أو تطبيقات بسيطة عشان تطبق اللي اتعلمته.
ما تستناش، مجال الـ Back-End مطلوب جدًا وفرصه كتير، ودي فرصتك تبدأ في مجال برمجة المستقبل! 💻🚀"

ولسة لينا كلام كتير وهنتكلم عن كل لغة وايه افضل المصادر اللى اتعلمها منها 😉

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

ICPC Challenge

بعد مسابقة ACPC واللى حصل على السوشيال ميديا والصور اللى نزلت
الكل بقى يدخل يسألنى .. ايه المسابقة ديه يا زينب ؟
يعنى ايه ACPC و ECPC و ICPC والفرق بينهم ؟
وادخل المسابقة ديه ازاى ؟

ازيكم يا بشمهندسين يا رب تكونوا بخير 🌹
بعد مسابقة ACPC واللى حصل على السوشيال ميديا والصور اللى نزلت
الكل بقى يدخل يسألنى .. ايه المسابقة ديه يا زينب ؟
يعنى ايه ACPC و ECPC و ICPC والفرق بينهم ؟
وادخل المسابقة ديه ازاى ؟

انا جاية انهارده افهمك واعرفك كل دا 😇

ايه هى المسابقة ديه الاول .. بغض النظر اذا كانت A E I هى مسابقة عالمية برمجية Problem Solving بلغات برمجه معينة .. منها C++ و Java و Python

طيب ايه المستفاد من انى ادخل Community زى دا ؟

ال Problem Solving عموما معناها حل مشكالات .. ولكن لا يقتصر على حل المشكلات البرمجيه فقط !!

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

ايه علاقة اللى بتقوليه دا والمشاكل اليومية بالبرمجه وال Problem Solving ؟ 🤔
علاقة كبيرة طبعا .. يعنى مثلا فيه مسائل بتكون فكرتها حل مشكلة اساسية فى الحياة زى تنظيم اشارات المرور وحسابات الشركات و.... إلخ

انا فاكرة اول ميتنج دخلته فى ال Community مع الكوتش حسام مكنتش اعرف اى حاجه وتايهة
سألنا كلنا انتو حابين تدخلو ال Community دا ليه ؟
كنا 15 واحد وكل واحد كان ليه رأى مختلف .. اللى حابب دا لانه عايز ينمى مهارته فى حل المشكلات عموما واللى كان عايز يكتسب مهارة حل المشكلات البرمجيه واللى كان حابب ان هو يفكر برة الصندوق .. المهم كل واحد كان داخل وهو عنده هدف .. حتى اللى كان داخل يجرب كان متأكد انه خلال الرحلة ديه هيستفاد ويتعرف على مهارات جديده ويتعامل مع ناس جديدة 👌

طيب انا حبيت المسابقة ديه وقررت ان انا عايز ادخلها اعمل ايه ؟ 🤔

اولا بتطور نفسك فى لغة حاببها من اللى قولتلك عليها وكل جامعه ليها ال Community الخاص بيها بتروح وتقدم بيتعملك اختبار صغير وتنضم لل Community بعدها بتتصعد لل ECPC 👀

يعنى ايه ECPC الاول ؟
هو اختصار لـ Egyptian Collegiate Programming Contest (مسابقة البرمجة الجماعية المصرية)


ديه المرحلة الاولى اللى بتكون فيها كل جامعات مصر .. (وليا معاكم لقاء تانى احكى ليكم ازاى تكون متميز فى المرحله ديه وايه تفاصيلها والتيمات ) .. لو ربنا كرمك وحليت كويس انت والتيم بتاعك .. بياخدو نسبة من كل جامعه بتتصعد لل ACPC 👀🙂

يعنى ايه ACPC ؟

هو اختصار لـ Africa and Arab Collegiate Programming Championship (البطولة الإفريقية والعربية للبرمجة الجماعية)

ديه المرحلة التانية .. التيمات اللى طلعت من التصفيات بتدخل مع بعض تصفيات تانى .. وفيه جامعات كاملة بتطلع برة وعدد هو اللى بيكمل .. (وبرضو ليا لقاء معاكم هحكى ليكم تفاصيل اكتر عن المرحله ديه) .. اللى بيعدى من المرحله ديه بقى بيبقى حوووت ويتصعد لـ ICPC

يعنى ايه ICPC ؟

اختصار لـ International Collegiate Programming Contest (المسابقة الدولية للبرمجة الجماعية)

ديه بتكون اخر مرحلة وبتنافس على مستوى العالم ❤️❤️

لو بحثت على جوجل وكتبت "ما هى ICPC " هتلاقيه بيقولك :
أحد أشهر وأقوى مسابقات البرمجة حيث يشارك فيها فرق من أشهر الجامعات العالمية وتضيف المشاركة في هذه المسابقة مهارات وخبرات ضرورية تقوي من قدرات الطلاب وتؤهلهم للحصول على فرص عمل في أشهر الشركات العالمیة.

على ما اظن ان ديه حاجه كويسة اوى انى ادخل Community زى دا واتعلم كل يوم مهارات جديده وكمان هتكون حافز ليا ان لما احب اشتغل هتشغل فى احسن الشركات 😎

طيب انتى بتقولى كلام حلو وانا عايز ادخل ال Community دا اوى .. دا الموضوع طلع سهل اهو وبكرة هروح اقدم فى الجامعه وادخل ال ICPC وانافس على مستوى العالم 😃

لا يا صديقى الموضوع مش سهل .. انا مش بحبطك بالعكس .. بس تكون جاهز انك تدخل التحديات ديه وجاهز انك تقوم من اى Drop تقع فيه لان المشوار مش سهل زى ما انت فاكر وهنروح اسكندرية ونتصور بالبلونات 😂😂

التفاصيل اعمق بكثير ولكن عايزة ابطال تستحمل 😎❤️

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

يا رب اكون فدتكم 🥰❤️❤️

متنساش دا الاكونت بتاعى على لينكد ان تفاصيل الرحلة هناك وكمان بفكر نعمل محتوى جديد عليه نفيدكم اكتر 👀 :
www.linkedin.com/in/zeinab-mahmoud-whale-52-hz
#problem_solving #حلمك_بإيديك_تقدر_تبنيه 😇❤️❤️

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Information Technology (IT)

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

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

💡 إيه هو مجال الـ IT؟
في البوست ده هعرفك يعني إيه IT، وإيه هي مجالاته، ومن ضمنها مجال Cyber Security ♥️

مبدأيًا، مصطلح IT هو اختصار لكلمة Information Technology
يعني "تكنولوجيا المعلومات" 👨‍💻
يعني كل ما يخص التكنولوجيا، وكل ما يخص المعلومات.

بس يعني إيه الكلام ده؟
ببساطة، تكنولوجيا المعلومات (IT) هي كل ما يتعلق بالتكنولوجيا من تحليل وتطوير وبناء أنظمة، أو تحسين أداء وإنتاجية المؤسسات والمشروعات.

مجال الـ IT متقسم لـ 6 أقسام رئيسية:

𝗛𝗮𝗿𝗱𝘄𝗮𝗿𝗲 & 𝗧𝗲𝗰𝗵𝗻𝗶𝗰𝗮𝗹 𝗦𝘂𝗽𝗽𝗼𝗿𝘁 🧰
𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗺𝗶𝗻𝗴 👨‍💻
𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 🌐
𝗡𝗲𝘁𝘄𝗼𝗿𝗸 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝗶𝗻𝗴 🌐🔧
𝗖𝗼𝗺𝗽𝘂𝘁𝗲𝗿 𝗦𝘆𝘀𝘁𝗲𝗺𝘀 🖥
𝗖𝘆𝗯𝗲𝗿 𝗦𝗲𝗰𝘂𝗿𝗶𝘁𝘆 🔒

✅ دول كلهم مجالات الـ IT…
يعني مفيش حاجة اسمها "وظيفة IT" بشكل عام، وده لبس عند ناس كتير – خصوصًا في مصر – اللي فاكرين إن IT يعني Hardware بس!
لكن الحقيقة إن المجال ده أوسع بكتير، وكل تخصص من دول عبارة عن بحر لوحده.

هنتكلم عن كل واحد بإيجاز:

1️⃣ 𝗛𝗮𝗿𝗱𝘄𝗮𝗿𝗲 & 𝗧𝗲𝗰𝗵𝗻𝗶𝗰𝗮𝗹 𝗦𝘂𝗽𝗽𝗼𝗿𝘁 🧰

ناس كتير فاكراه هو التخصص الوحيد في الـ IT من كتر شهرته، وده غلط.

دورك هنا إنك بتوفر دعم فني للمستخدمين اللي معندهمش خبرة كافية بتكنولوجيا المعلومات.
يعني إيه؟ يعني ممكن تكون شغال في شركة مسؤول عن صيانة الأجهزة (زي الهارد، الرام، الباور سبلاي)، وتثبيت أنظمة التشغيل (زي الويندوز)، وكمان دعم البرامج اللي الموظفين بيستخدموها.

زي مثلًا: دعم فني في شركة إنترنت زي We، لو حد عنده مشكلة في الراوتر، بتقوله يعمل إيه أو تدخل تحل المشكلة بنفسك.
المجال ده ممكن تبدأ فيه من غير خبرة تقنية كبيرة.

2️⃣ 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗺𝗶𝗻𝗴 (𝗖𝗼𝗱𝗶𝗻𝗴 & 𝗦𝗰𝗿𝗶𝗽𝘁𝗶𝗻𝗴) 👨‍💻

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

طيب البرمجة بتتفرع لإيه؟

𝗗𝗮𝘁𝗮 𝗦𝗰𝗶𝗲𝗻𝘁𝗶𝘀𝘁 📊
𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿 👨‍💻
𝗦𝘆𝘀𝘁𝗲𝗺 𝗔𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁 🏛
𝗚𝗿𝗮𝗽𝗵𝗶𝗰 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿 🎨
𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿 🌍

وفيه وظائف تانية كتير حسب اللغة والتخصص وإطار العمل (Framework) اللي شغال بيه.

3️⃣ 𝗡𝗲𝘁𝘄𝗼𝗿𝗸 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝗶𝗻𝗴 🌐🔧

التخصص ده بيعتمد على فهم قوي لأنظمة الإنترنت والشبكات، وكمان الأجهزة اللي بتشغلها زي الراوترات والسويتشات.

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

المجال ده تقريبا لخريجي هندسة اتصالات، وخريجي كلية تكنولوجيا الصناعة والطاقة – قسم IT (شعبة Network) يقدروا يشتغلوا فيه عادي جدًا، خصوصًا لو اشتغلوا على نفسهم ودرسوا كورسات زي +Network وCCNA.

💡 والمميز كمان إن المجال ده بيكون مدخل ممتاز لمجال Cyber Security، لأن تأمين المعلومات بيبدأ من فهم الشبكات وحمايتها من الاختراق.

المجال محتاج شغل عملي أكتر، بس فرصه حلوة ورواتبه كويسة جدًا 👌

4️⃣ 𝗖𝗼𝗺𝗽𝘂𝘁𝗲𝗿 𝗦𝘆𝘀𝘁𝗲𝗺𝘀 🖥

التخصص ده بيعتمد على إنك تكون ملم جدًا بكل جوانب الـ IT.
ليه؟ لأن شغلك هيكون في السوفتوير والهاردوير مع بعض.

علشان كده، الناس اللي شغالة كـ System Administrators أو System Analysts بيكون ليهم دور قوي في اتخاذ قرارات داخل الشركات، وبيوجهوا باقي الأقسام.

يعني المجال ده محتاج خبرة في كذا مجال قبل ما تدخله.

5️⃣ 𝗖𝘆𝗯𝗲𝗿 𝗦𝗲𝗰𝘂𝗿𝗶𝘁𝘆 🔒

مش هتكلم عنه بالتفصيل دلوقتي لأني كنت عملت عنه بوست قبل كده، ولسه هنتكلم فيه باستفاضة قدام، لأنه مجال كبير جدًا ومهم جدًا جدًا 🛡

🔚 وبكده تكون عرفت الخطوط العريضة لمجال الـ IT.
من هنا، شوف إنت مايل لأنهي حتة، وابدأ اقرأ عنها بالتفصيل.

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

فاضلك إيه؟
فاضلك تبدأ وتخوض تجارب كتير مع نفسك هتستفاد بيها ❤️

لو حابب أعمل جزء تاني عن كل تخصص بالتفصيل، قولوا في الكومنتات ✨
وما تنسوش تعملوا شير عشان غيركم يستفيد 💪

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

C++ Programming Language

النهارده بإذن الله هنتكلم عن واحدة من أهم لغات البرمجة اللي لازم أي مبرمج يكون عنده دراية قوية بيها، وهتفهموا ليه كمان شوية 😉.

احنا هنتكلم عن:
C++ Programming Language 💻

لو انت عايز تبدأ طريقك في البرمجة، فـ لغة C++ بداية ممتازة جدًا ليك 😇

النهارده بإذن الله هنتكلم عن واحدة من أهم لغات البرمجة اللي لازم أي مبرمج يكون عنده دراية قوية بيها، وهتفهموا ليه كمان شوية 😉.

احنا هنتكلم عن:
C++ Programming Language 💻

لو انت عايز تبدأ طريقك في البرمجة، فـ لغة C++ بداية ممتازة جدًا ليك 😇
هتاخد منها أساسيات البرمجة وتفهم يعني إيه Algorithm ❤️

ومش بس كده...
هي كمان من اللغات اللي بنسميها Low-Level Languages، يعني قريبة جدًا من طريقة فهم الكمبيوتر.
(وفي بوست تاني قريب إن شاء الله هشرح الفرق بين الـ Low-Level والـ High-Level Languages) 😊

❓يعني معنى كده إن لغة C++ ضعيفة؟!
أكيد لأ طبعًا! 🤔
العكس تمامًا، قوة C++ إنها قريبة جدًا من لغة الآلة (لغة الكمبيوتر)، وده اللي بيديها أداء عالي وتحكم أكبر في الموارد 💪

طيب أقدر أعمل بيها إيه؟ وهستفيد منها في إيه؟

تقدر تستخدم لغة C++ في مجالات كتير جدًا زي:

أنظمة التشغيل (OS)
تصميم الألعاب 🎮
تطوير برامج الـ Desktop 🖥
و غيرهم كتيييير… كل اللي عليك تعمله هو إنك تعمل شوية search عنها 🔍

أهم حاجتين لازم تتعلمهم في C++:

1️⃣ Problem Solving باستخدام C++
2️⃣ Object-Oriented Programming (OOP)

ليه C++ مش أي لغة تانية زي Python؟

واحدة من أهم مميزات C++ إنها بتشتغل بـ Compiler مش بـ Interpreter، ودي نقطة مهمة جدًا جدًا في Problem Solving. خليني أشرح الفرق بسرعة 👇

الـ Interpreter: بيقرأ الكود "Line by Line" سطر بسطر. لو فيه خطأ في سطر، بيوقف التنفيذ وبيطلع Error، ولازم تصلحه وترجع تشغل البرنامج من الأول. وده بيضيع وقت 😕

الـ Compiler: بيقرأ الكود كله مرة واحدة "Block code"، ويقولك على الأخطاء كلها، وده بيساعدك تصلحهم مرة واحدة ويوفر وقت كتير 🤩

وعشان كده معظم المبرمجين بيفضلوا C++ في حل المشكلات 💡😎

ثاني نقطة مهمة: الـ OOP - Object-Oriented Programming

ودي حكاية لوحدها 🧠، بس هقولكم نبذة بسيطة عنها لحد ما نعمل لها بوست منفصل إن شاء الله 😉.

الـ OOP هو مستوى متقدم في البرمجة بيساعدك تبني البرامج بشكل منظم وقابل لإعادة الاستخدام.
بمعنى إنك تقدر تنشئ Classes وObjects وتستخدمهم أكتر من مرة في أماكن مختلفة، زي فكرة Frameworks في الويب كده 😇

طيب اقدر اتعلم لغة CPP من فين ؟ 🤔

احنا عندنا دكتور Dr-Mohamed Abdelwahab الله يبارك فيه عامل كورس حلو خالص لتعلم اساسيات C / C++ ودا اللينك البلاي ليست :
https://www.youtube.com/playlist?list=PLwP9Cg5uidVcoTnrqoMdvKqVSClnuLV6e

وفيه برضو البشمهندس مصطفى سعد ودا لينك البلاي ليست :
https://www.youtube.com/playlist?list=PLPt2dINI2MIbwnEoeHZnUHeUHjTd8x4F3

اتمنى تكونوا استفدتوا ولو حابين اتكلم عن اى موضوع سيبوا ليا فى الكومنتات ✨

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Compiler Vs Interpreter

النهارده هنتكلم في بوست سريع عن الفرق بين الـ Compiler والـ Interpreter زي ما وعدتكم 🤩

في عالم البرمجة، كلنا بنكتب كود بلغة مفهومة لينا، لكن الكمبيوتر مش بيفهم غير لغة الآلة (0 و 1).
فلازم يكون في "مترجم" ينقل الكلام اللي كتبناه للغة الآلة، وهنا بييجي دور الـ Compiler والـ Interpreter.

النهارده هنتكلم في بوست سريع عن الفرق بين الـ Compiler والـ Interpreter زي ما وعدتكم 🤩

في عالم البرمجة، كلنا بنكتب كود بلغة مفهومة لينا، لكن الكمبيوتر مش بيفهم غير لغة الآلة (0 و 1).
فلازم يكون في "مترجم" ينقل الكلام اللي كتبناه للغة الآلة، وهنا بييجي دور الـ Compiler والـ Interpreter.

💡 هشرحلكم الفرق بينهم في قصة صغيرة كده 😉

نفترض إن عندي شركة مقاولات وعايزة أبني عمارة 🙂
وعندي اتنين مهندسين:
واحد كبير شوية في السن اسمه البشمهندس حسين
والتاني مهندس لسه حديث التخرج

طلبت من الاتنين يبنوا العمارة دي، فطلبوا يشوفوا المواد اللي عندي علشان يعرفوا إيه الناقص 🤔

قولتلهم:
"عندي خشب - وأسمنت - ورملة" 🧱

جه البشمهندس حسين قالي:
"بصراحة يا بشمهندسة، شوفت المواد اللي عندك، وإحنا ناقصنا حديد وطوب وزلط، ونبدأ على طول بإذن الله" ❤️

أما البشمهندس حسن فقالي:
"انتي قولتي يا بشمهندسة إن عندك خشب وأسمنت ورملة، أنا محتاج حديد عشان أبدأ."

جبت الحديد… رجع تاني وقالي:
"إحنا كده عندنا خشب وأسمنت ورملة وحديد، ناقصنا طوب."

قلتله: "ماقولتش من الأول ليه يا بشمهندس؟ 😒"
جبتله الطوب، قالي:
"كده ناقص الزلط."
جبت الزلط، قالي:
"تمام، نبدأ كده 😇"

طبعا هنا احنا عرفنا ان البشمهندس حسين هو الـ Compiler والبشمهندس حسن هو الـ Interpreter 🙃

⚙️ الفرق الفني بقى:

🔸 الـ Compiler:
بيترجم الكود كله مرة واحدة قبل التشغيل.
بيعمل ملف تنفيذي زي .exe.
سريع جدًا في التشغيل لأنه مترجم مسبقًا.
بيعرض كل الأخطاء مرة واحدة بعد الترجمة، زي ما عمو حسين قاللي النواقص كلها من الأول 🥸

🔸 الـ Interpreter:
بيقرأ الكود سطر بسطر وينفذه في نفس اللحظة.
مفيش ملف تنفيذي، بيتنفذ على طول.
أبطأ في التشغيل لأنه بيترجم لحظيًا.
أول ما يقابل Error بيوقف، ومش هيكمل إلا لما تصلحه… زي المهندس حسن 😏

طيب سؤال بقى، انا بستخدم كل واحد امتى وبلاقيهم فين ؟ 🤔

الـ Compiler هتلاقيه فى لغات C / C++ / Go
والـ Interpreter هتلاقيه فى لغات Python / JavaScript / Ruby

لكن الـ Java هتلاقيها مزيج بين الاتنين :
بيتم تجميع الكود لـ Bytecode
وبعدين JVM بتفسره وتنفذه وقت التشغيل

⏱️ استخدم مين في إيه؟
الـ Compiler: لو بتبني برنامج تقيل، أو لعبة، أو عايز أداء عالي وكود محمي.
الـ Interpreter: لو بتتعلم، أو بتجرب سكريبت، أو بتعمل حاجة بسيطة وسريعة زي Automation.

✅ خلاصة الموضوع:
الـ Compiler والـ Interpreter الاتنين بيشغلوا الكود، لكن كل واحد ليه طريقة، وليه سيناريو استخدام مناسب.
ومع الوقت والخبرة هتعرف إمتى تستخدم ده أو ده.

اتمنى تكون استفدت ونتقابل فى بوست جديد 😉

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Python Programming Language

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

احنا هنتكلم عن:
Python Programming Language 🐍

لو أنت مبتدئ وعايز تدخل عالم البرمجة، البايثون اختيار ذهبي 💛

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

احنا هنتكلم عن:
Python Programming Language 🐍

لو أنت مبتدئ وعايز تدخل عالم البرمجة، البايثون اختيار ذهبي 💛
وناس كتير منهم انا بدأت فى عالم البرمجة من الـ Python

ليه نختار الـ Python؟

لأنها لغة بسيطة في الكتابة، شبه اللغة الإنجليزية، وفيها مكتبات وأدوات تقدر تستخدمها في أي مجال يخطر على بالك ❤️

واهم مجال بيدعم الـ Python بشده الفترة ديه هو الـ AI دلوقتى الذكاء الاصطناعى بيتشغل بيها ولازم قبل ما تدخل المجال تكون متعلم Python كويس وكمان ال OOP بتاعها 😎

💡 مميزات Python :

سهلة التعلم للمبتدئين.
هى من لغات الـ High-Level Language يعني قريبة لأسلوبنا البشري وسهلة القراءة وبتشتغل بالـ Interpreter.

نيجى بقى نشرح بالتفصيل شوية اقدر اعمل ايه بالـ Python لانها بتشتغل في مجالات كتير جدًا 😎
عشان تبقي عارفة قد إيه هي لغة مرنة وبتدخل تقريبًا في كل حاجة:

🔵 1. تطوير الويب (Web Development) 🌐

بايثون من أقوى اللغات في بناء مواقع وتطبيقات الويب.
فيها إطارات عمل (Frameworks) قوية زى:

🔸الـ Django : بيخليك تبني مواقع كبيرة بسرعة وأمان.
🔸الـ Flask : خفيف وسهل للمشاريع الصغيرة أو الـ APIs.
🔸الـ FastAPI : حديث وسريع جدًا، ممتاز للـ APIs.
✅ شركات زي Instagram وSpotify بيستخدموا Django.

🟢 2. الذكاء الاصطناعي (AI) وتعلم الآلة (Machine Learning) 🤖

تقريبًا اللغة رقم 1 في المجال ده.
مكتباتها قوية جدًا:

🔸الـ TensorFlow و PyTorch : لبناء الشبكات العصبية والتعلم العميق.
🔸الـ scikit-learn : خوارزميات تعلم آلي أساسية.

بتستخدم في:

🔸التعرّف على الصور والصوت.
🔸الـ Chatbots.
🔸أنظمة التوصية (زي اللي موجودة في Netflix وYouTube).

🟢 3. تحليل البيانات (Data Analysis) والـ Data Science 📊

لو عايز تحلل بيانات ضخمة وتستخرج منها معلومات مفيدة، الـ Python هي الحل.

مكتباتها:

🔶 الـ pandas : للتعامل مع جداول البيانات.
🔶 الـ NumPy : للعمليات الرياضية والمصفوفات.
🔶الـ matplotlib / seaborn / plotly → لتصوير البيانات ورسم جرافيكس.
✅ بتُستخدم في الشركات علشان تاخد قرارات مبنية على بيانات.

🟢 4. أتمتة المهام (Automation / Scripting) ⚙️

تقدر تعمل سكريبتات صغيرة توفر وقتك:

🔸إعادة تسمية ملفات مرة واحدة.
🔸قراءة/كتابة ملفات Excel.
🔸إرسال إيميلات بشكل أوتوماتيك.
🔸 الـ Web scraping (سحب بيانات من المواقع) باستخدام BeautifulSoup / Selenium.
✅ مفيدة جدًا لأي شخص حتى لو مش مبرمج محترف.

🟢 5. تطوير الألعاب (Game Development) 🎮

🔸هى مش الأشهر في الألعاب زي C++، لكن فيها مكتبات ممتازة:

الـ Pygame : لتطوير ألعاب ثنائية الأبعاد.
🔸بتستخدم أحيانًا في كتابة سكريبتات داخل الألعاب الكبيرة.

🟢 6. الأمن السيبراني (Cyber Security) 🔐

🔸الـ Python مشهورة جدًا في مجال الاختبارات الأمنية والـ Penetration Testing.
🔸أدوات كتير اتبنت بالـ Python زى:

الـ Scapy : لتحليل الشبكات.
والـ Requests : لعمل هجمات تجريبية على الـ APIs.
✅ ناس كتير في مجال الـ Ethical Hacking بيعتمدوا عليها.

🟢 7. تطوير تطبيقات سطح المكتب (Desktop Apps) 🖥

🔸ممكن تبني برامج بواجهة رسومية (GUI) باستخدام:

الـ Tkinter (موجودة مع البايثون بشكل افتراضي).
والـ PyQt / Kivy (أكثر احترافية وحديثة).

🟢 8. الـ DevOps & Cloud ☁️

🔸بتستخدم في كتابة سكريبتات لإدارة السيرفرات.
🔸مستخدمة مع أدوات زي Ansible، Docker SDK for Python.
🔸في إدارة الخدمات السحابية (AWS, GCP, Azure) باستخدام مكتبات بايثون.

📌 باختصار: الـ Python لغة "متعددة الاستخدامات" (General Purpose)، يعني مهما كان المجال اللي بتحبه في البرمجة، أكيد هتلاقي بايثون ليها دور فيه ✨.

🔑 أهم الحاجات اللي لازم تتعلمها في الـ Python:

1️⃣ الـ Problem Solving — علشان تقوي تفكيرك المنطقي وتحل مشاكل برمجية.
2️⃣ الـ Object-Oriented Programming (OOP) — أسلوب لتنظيم الكود وإعادة استخدامه بسهولة.

طيب انا لو حبيت الـ Python وعايز ابدأ فيها اتعلمها من فين ؟ 🤔

📚 مصادر هتفيدك تبدأ فورًا:

انا شخصيا برشح كورس البشمهندس اسامه الزيرو كورس عربى وشامل جميل جداً:
https://www.youtube.com/playlist?list=PLDoPjvoNmBAyE_gei5d18qkfIe-Z8mocs

وفينه برضو كورس شامل بالإنجليزي مع موش حمدان :
https://www.youtube.com/watch?v=_uQrJ0TkZlc

وكمان كورس قوى من الصفر للاحتراف على Udemy :
https://www.udemy.com/course/complete-python-bootcamp/?couponCode=LETSLEARNNOW

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

C Vs C++ Languages

المرة ديه هنتكلم عن موضوع كتير بيتسائل عنه 🤔
ايه الفرق بين لغة C و C++ ؟!

ناس كتير بتسأل: أتعلم C ولا C++؟ 🤔
الحقيقة إن الاتنين مش ضد بعض، كل واحدة ليها استخدامات ومميزات معينة 💡

المرة ديه هنتكلم عن موضوع كتير بيتسائل عنه 🤔

ايه الفرق بين لغة C و C++ ؟!

ناس كتير بتسأل: أتعلم C ولا C++؟ 🤔
الحقيقة إن الاتنين مش ضد بعض، كل واحدة ليها استخدامات ومميزات معينة 💡

دايما فى الكليات المهنية زى هندسة وحاسبات والتكنولوجية لازم على الاقل بيدرسوا وحده من اللغتين دول
طيب ايه الفرف بينهم وبستخدم اى وحده فيهم فى اى مجال ؟! ودا اللى هجاوبكم عليه انهارده 👌

🔴لغة C :

🔹 هى لغة قديمة اتعملت من زمان جدًا (السبعينات) ولسه عايشة لحد دلوقتي 👴.

🔹 الـ (OOP):
- لغة إجرائية (يعني بتكتب أوامر وخلاص مفيش كائنات) يعنى مفيش OOP، بس ممكن تحاكيها بالـ struct.

🔹بسيطة وخفيفة جدًا وقريبة جدًا من الهاردوير:
- ممكن نبرمج بيها Arduino لأنها الأساس اللي مبني عليه 📟

🔹بتديك تحكم كامل في الذاكرة (بس ده معناه إنك لازم تكون حذر 😅).

🔹مناسبة للأنظمة المدمجة (Embedded)، أنظمة التشغيل، السواقات (drivers)، والكود صغير الحجم.

🔹بتدي أقل قدر من المميزات وتسيب التحكم كله للمبرمج.

🔹 النظام النوعي (Type System):
- أبسط وأقل صرامة، مفيش Overloading.

🔹 المكتبات القياسية:
- مكتبة بسيطة (stdio, stdlib, string…).

🔹 الإدخال والإخراج:
- باستخدام printf/scanf (خفيفة وسريعة).

🔹 تنظيم الأسماء:
مفيش Namespaces.

🔹 حالات الاستخدام:
- أنظمة تشغيل، أنظمة مدمجة (Embedded)، Drivers.
- أنظمة التشغيل Linux و Windows Kernel.
الـ Embedded Systems
الـ Drivers وبرامج الأجهزة القريبة من العتاد(برامج بتخلي الجهاز يتواصل مع الهاردوير).
- التطبيقات اللي محتاجة أداء عالي جدًا وحجم كود صغير.

________________________________________________

🟣 لغة ++ C :

🔻 مبنية على C لكن بتضيف مميزات ضخمة جدًا وعالية (OOP وTemplates) لكن من غير ما تقلل الأداء.

🔻 الـ (OOP):

- فيها Classes كاملة (encapsulation, inheritance, polymorphism) مع بناءات/مدمرات ودعم قوي للـ OOP.
- فيها Generics/Templates لتوليد كود ذكي وقت الترجمة.

🔻 فيها مكتبة قياسية قوية جدًا STL (حاويات، خوارزميات، تزامن، وقت... إلخ).

🔻بتخلي الكود منظم أكتر وأسهل في التطوير الكبير.

🔻النظام النوعي (Type System):
- نظام نوعي أقوى (References, Overloading, Templates، وميزات حديثة زي auto وconstexpr).

🔻المكتبات القياسية:
- مكتبة ضخمة STL فيها حاويات، خوارزميات، دعم للتزامن، والتعامل مع الوقت.

🔻 الإدخال والإخراج:
- باستخدام iostream (أكثر أمانًا وتنظيمًا).

🔻 تنظيم الأسماء:
- فيها Namespaces وModules لتنظيم المشاريع الكبيرة.

🔻 حالات الاستخدام:
- الألعاب ومحركات الألعاب (Game Engines زي Unreal🎮).
- البرامج الكبيرة والضخمة ومتصفحات زى (Chrome, Firefox).
- تطبيقات سطح المكتب عالية الأداء.
- الأنظمة المالية السريعة (High Frequency Trading) 💹.
- برامج المحاكاة والبرامج العلمية والبرامج اللي محتاجة خوارزميات معقدة..

_______________________________________

⚡️ الخلاصة:

- اختار C لو محتاج خفة وبساطة وقرب من الهاردوير ومهتم بمجال زى الـ IOT والـ Arduino.

- اختار C++ لو عايز إنتاجية أعلى وتجريدات أقوى من غير ما تخسر الأداء ومهتم بالـ Problem Solving.

- وفي مشاريع كبيرة كتير بيجمعوا بين اللغتين.

حابب تتعلم اى من اللغتين فيه قناة على اليوتيوب بتشرح الفرق بينهم وهى عبارة عن كورس لطلبة الجامعات اكتر:
https://www.youtube.com/playlist?list=PLwP9Cg5uidVcoTnrqoMdvKqVSClnuLV6e

وقبل كدا نزلت بوست كامل عن C++ على صفحتى ✨

ولو مهتم بالـ Problem Solving دا عندى قناة على اليوتيوب بنحل فيها مسائل شيتات اسيوط على codeforces ودا اللينك بتاعها:
https://www.youtube.com/@Zeinab.Mahmoud

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

DOM And Events

النهاردة هنتكلم عن أساس مهم من أساسيات لغة JS 😎

الـ DOM والـ Events 🤩

الـ DOM والـ Events في JavaScript… اللي بيخلّي صفحات الويب تتفاعل فعلاً

النهاردة هنتكلم عن أساس مهم من أساسيات لغة JS 😎

الـ DOM والـ Events 🤩

الـ DOM والـ Events في JavaScript… اللي بيخلّي صفحات الويب تتفاعل فعلاً

الـ DOM (Document Object Model) والـ Events هما أساس أي تطبيق ويب تفاعلي حديث.
لو عايز صفحتك تتغير من غير إعادة تحميل، تتفاعل مع المستخدم، تضيف/تحذف/تعدل محتوى في اللحظة… لازم تتقن الاتنين دول.

1. الـ DOM – خريطة الصفحة البرمجية

هو التمثيل اللي بيحوّل كود الـ HTML لشجرة من الكائنات (objects) يقدر JavaScript يتعامل معاها.
يعني بدل ما تكتب HTML ثابت، تقدر تغيّر أي حاجة ديناميكيًا: نصوص، ألوان، عناصر جديدة، حذف… إلخ.

أهم الطرق اللي بنستخدمها دايمًا ومنقدرش نستغنى عنها:

document.getElementById()
document.querySelector() / querySelectorAll()
create Element() + appendChild()
innerHTML / textContent
classList.add() / remove() / toggle()
style لتعديل الـ CSS مباشرة

مثال عملي سريع:

document.querySelector('#welcome').textContent = "Hello To JS";
document.querySelector('.card').classList.add('highlight');

2. الـ Events – لحظة التفاعل

الـ Events هي الطريقة اللي بنربط بيها تصرفات المستخدم (كليك، كتابة، سكرول، ضغط زرار…) برد فعل في الصفحة.
أكتر الأنواع الشائعة:
Mouse: click, dblclick, mouseenter, mouseleave
Keyboard: keydown, keyup
Form: submit, change, input, focus
Window/Document: load, scroll, resize

مثال عملي سريع:

const button = document.querySelector('#submit-btn');
button.addEventListener('click', function(e) {
  e.preventDefault(); // منع السلوك الافتراضي
  alert('تم الإرسال بنجاح!');
});

نقطة ذهبية: استخدام event.preventDefault() وفهم Event Bubbling هيفرقوا معاك جدًا في الكود النظيف والأداء.

ليه الاتنين دول مهمين؟

الـ DOM + Events = تجربة مستخدم حية وسريعة وممتعة
بدونهم الصفحة هتبقى مجرد عرض ثابت.

طبقت عليهم مشاريع وفادني جدًا… زي To-Do List وإضافة عناصر للصفحة، وهشارككم بيهم قريب 😇

وكمان عملت ملخص جميل ومرتب ليهم مع شرح وتلخيص لفيديوهات البشمهندس أسامة الزيرو… هنزله ليكم برضو في بوست تاني ربما يفيدكم ❤️

قريبًا هشارك معاكم موضوع الـ BOM (Browser Object Model) – النوافذ، الموقع، التاريخ، localStorage وأكتر. انتظروني! 🚀

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Choose Your Track Part 1

تختار تراك إيه؟ Front-End ولا Back-End؟ 🤔

النهارده هتكلم معاكم عن موضوع شاغل تفكير ناس كتير من الـ Web Developers، وأنا شخصيًا عانيت منه فترة لحد ما فهمته..!

تختار تراك إيه؟ Front-End ولا Back-End؟ 🤔

النهارده هتكلم معاكم عن موضوع شاغل تفكير ناس كتير من الـ Web Developers، وأنا شخصيًا عانيت منه فترة لحد ما فهمته..!

بعد ما بتخلص أساسيات الـ Front-End، أو حتى وإنت بتقرر تبدأ طريقك في الـ Web Development، غالبًا بتسأل نفسك:

"أختار إيه؟"

React؟ Angular؟
Node.js؟ .NET؟
ولا حاجة تانية خالص؟ 🤩
وبعدها تبدأ تسمع نصايح كتير:

"لو React يبقى Node.js."
"لو Angular يبقى .NET."
"شوف السوق بيطلب إيه وخلاص."

بس... هل الكلام ده صح فعلًا؟ 👀

الحقيقة إن الموضوع مش بالبساطة دي.

قبل ما تختار الـ Technology، في 3 أسئلة مهم جدًا تسألهم لنفسك:

1️⃣ الـ Target بتاعي إيه؟

عايز تشتغل Freelance؟
شركة؟
Startup؟
Enterprise؟
ولا Remote؟

2️⃣ سوق العمل اللي أنا مستهدفه بيطلب إيه؟

مش السوق بشكل عام، لكن الوظائف اللي أنا فعلًا عايز أقدم عليها.
لأن الـ Tech Stack بيختلف من شركة للتانية، ومن مشروع للتاني.

3️⃣ التراك ده مناسب ليا أنا؟

ودي يمكن أهم نقطة.
لأن ممكن Technology تكون مطلوبة جدًا، لكن أنت مش مستمتع بيها، أو طريقة تفكيرك واهتماماتك أقرب لتكنولوجيا تانية.

وعشان كده...

❌ متختارش التراك لمجرد إن حد قالك إنه الأفضل.
❌ ومتربطش Front-End بتكنولوجيا Back-End معينة وكأنهم لازم ييجوا Package واحدة.

مثلًا:

✅ React + .NET
✅ React + Node.js
✅ React + Laravel

وكذلك:

✅ Angular + .NET
✅ Angular + Node.js

كل دي Combinations ممكنة، والاختيار بيعتمد على المشروع والشركة والـ Stack المستخدم.

طيب لو كده...
إزاي أعرف أصلًا إيه الـ Front-End Technology المناسبة ليا؟ 🤔

React?
Angular?
Vue?
Svelt?

وهل فعلًا فيه فرق في طبيعة كل واحدة منهم، ولا الموضوع مجرد أسماء مختلفة؟

ده بالظبط اللي هنتكلم عنه في Part 2. 👀🔥

لو مهتم تعرف تختار إيه، تابعنى فى البوست اللى جاى...

لأن الجزء الجاي هنبدأ فيه نفكك الـ Front-End واحدة واحدة.

انتظرونى... 👋

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Choose Your Track Part 2

رجعت ليكم بالجزء التانى من سلسة: Choose Your Track 💻

في البوست اللي فات اتكلمنا عن 3 حاجات لازم تفكر فيهم قبل ما تختار التراك.

رجعت ليكم بالجزء التانى من سلسة: Choose Your Track 💻

في البوست اللي فات اتكلمنا عن 3 حاجات لازم تفكر فيهم قبل ما تختار التراك:

1️⃣ الـ Target بتاعك إيه؟
2️⃣ سوق العمل اللي بتستهدفه بيطلب إيه؟
3️⃣ وهل التراك مناسب ليك؟

وكمان اتكلمنا عن نقطة مهمة جدًا:

إنك لو اخترت React مش معنى كده إنك لازم تختار Node.js في الـ Back-End.
ولو اخترت Angular مش معنى كده إنك لازم تختار .NET.

طيب بعد ما عرفنا كده...

نختار الـ Front-End Technology إزاي؟ 🤔

لما تخلص أساسيات الـ Front-End وتبدأ تفكر في الخطوة اللي بعدها، هتلاقي قدامك اختيارات كتير.

من أشهر الاختيارات:

React
Angular
Vue
Svelte

فتبدأ تسأل نفسك:

"أختار أنهي واحدة؟"

خلينا نبسط الموضوع 👇

هو React عبارة عن JavaScript Library لبناء واجهات المستخدم، وحواليه Ecosystem كبير جدًا.

و Angular هو Framework متكامل مبني على TypeScript، وبيوفر Structure وأدوات كتير جاهزة لبناء التطبيقات الكبيرة.

و Vue هو Framework مرن وسهل نسبيًا في البداية، وممكن يكون اختيار مناسب حسب المشروع والـ Team

وكمان Svelte ليه طريقة مختلفة في بناء التطبيقات، وبيعتمد بشكل كبير على الـ Build Process لتقليل الشغل اللي بيحصل وقت تشغيل التطبيق.

طيب...
هل فيه واحدة فيهم أفضل من التانية؟ 👀

مش بالضرورة.

لأن السؤال الصح مش:

"مين الأفضل؟"

السؤال الصح هو:

"مين الأنسب لهدفي؟"

مثلًا، لو أنت قوي جدًا في JavaScript، فاختيار React ممكن يكون مناسب جدًا ليك، خصوصًا لو عايز تكمل في نفس الـ Ecosystem.

ولو أنت بتحب الـ Structure الواضح ومرتاح مع TypeScript وبتستهدف مشاريع كبيرة، ممكن Angular يكون اختيار مناسب ليك.

ولو عايز حاجة مرنة وسهلة نسبيًا في البداية، ممكن تبص على Vue.

يعني الاختيار مش بيتحدد بالـ Technology نفسها فقط.

لكن بيتحدد بـ:

🔹 مستواك الحالي
🔹 الـ Target بتاعك
🔹 سوق العمل اللي بتستهدفه
🔹 نوع المشاريع اللي عايز تشتغل عليها
🔹 والـ Technology اللي تقدر تكمل فيها

لكن هنا بيظهر سؤال أهم... 🤔

طيب بعد ما اختارت الـ Front-End، أختار الـ Back-End إزاي؟

هل أختار Node.js عشان أنا شغال React؟
ولا .NET عشان أنا شغال Angular؟
ولا الموضوع ملوش علاقة أصلًا؟ 👀

وهنا هنبدأ ندخل في الجزء اللي ناس كتير بتحتار فيه...
Node.js ولا .NET؟
Laravel ولا Python؟

وإمتى كل اختي يكون مناسب ليك؟
ده اللي هنتكلم عنه في الجزء الثالث والأخير.

ولو أنت محتار في الـ Back-End تحديدًا...

متفوتش الجزء اللى جاي. ❤️

انتظرونى 👀...

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨

Choose Your Track Part 3

انهارده رجعت ليكم بالجزء الثالث والأخير من سلسلة: Choose Your Track 💻

في أول جزء اتكلمنا عن أهم 3 أسئلة لازم تسألهم لنفسك قبل ما تختار التراك.

انهارده رجعت ليكم بالجزء الثالث والأخير من سلسلة: Choose Your Track 💻

في أول جزء اتكلمنا عن أهم 3 أسئلة لازم تسألهم لنفسك قبل ما تختار التراك:

1️⃣ الـ Target بتاعك إيه؟
2️⃣ سوق العمل اللي بتستهدفه بيطلب إيه؟
3️⃣ وهل التراك مناسب ليك؟

وفي الجزء التاني اتكلمنا عن الـ Front-End والاختيارات الموجودة قدامك، زي:

React
Angular
Vue
Svelte

ودلوقتي وصلنا للسؤال اللي ناس كتير بتحتار فيه:

أختار Back-End إيه؟ 🤔
هتلاقي قدامك اختيارات كتير، ومن أشهرهم:

Node.js
.NET
Laravel
Django
FastAPI
Spring Boot

طيب أختار على أساس إيه؟

تعالوا واحدة واحدة 👇

🟢 أول اختيار: Node.js

لو أنت أصلًا قوي في JavaScript، فـ Node.js ممكن يكون اختيار منطقي جدًا ليك.

لأنك هتستخدم JavaScript أو TypeScript في الـ Back-End كمان، وده ممكن يخليك تكمل في نفس الـ Ecosystem بدل ما تبدأ لغة جديدة من الصفر.

وده مش معناه إن Node.js هو الاختيار الوحيد المناسب لمستخدم React.

ممكن جدًا تعمل:
React + .NET
أو:
React + Laravel
أو:
React + Django

وكلهم اختيارات صحيحة.

🔵 تاني اختيار: .NET

لو أنت بتحب C#، ومرتاح مع الـ OOP، وبتحب الـ Structure والأنظمة الكبيرة والـ Enterprise Applications، فـ .NET ممكن يكون اختيار مناسب جدًا ليك.

وبرضه تقدر تستخدمه مع React أو Angular أو أي Front-End Technology تانية.

🟠 تالت اختيار: Laravel

لو بتحب PHP وعايز تشتغل في Web Development، فـ Laravel Framework قوي ومناسب جدًا لبناء Web Applications وAPIs.

🐍 رابع اختيار: Python

لو بتحب Python، عندك Frameworks زي Django وFastAPI لبناء الـ Web Applications والـ APIs.

وكمان Python ممكن تفتحلك بعدين مجالات تانية زي Automation وData وAI.

طيب نرجع للسؤال الأساسي... 🤔

هل React لازم معاه Node.js؟
❌ لأ.

هل Angular لازم معاه .NET؟
❌ برضه لأ.

ممكن تختار:

React + Node.js
React + .NET
Angular + Node.js
Angular + .NET
Vue + Laravel
وغيرهم كتير جدًا.

لأن مفيش Combination واحدة هي الصح.

الصح هو الـ Combination اللي يخدم هدفك، وسوقك، والمشروع اللي هتشتغل عليه، وقدراتك أنت.

❤️ طيب لو عايز تختار صح، تعمل إيه؟

1️⃣ حدد الـ Target بتاعك.
فين عايز تشتغل؟
Freelance؟ شركة؟ Startup؟ Enterprise؟ Remote؟

2️⃣ شوف سوق العمل.
ابحث عن الوظائف اللي فعلًا عايز تقدم عليها، وشوف الشركات دي بتطلب إيه.

3️⃣ اعرف نفسك.
إيه اللي بتحبه؟
إيه اللي مستمتع بتعلمه؟
وإيه اللي نقاط قوتك فيه؟

4️⃣ اختار Technology وابدأ أتقنها.
ومتعملش أكبر غلطة ممكن تعملها:

تفضل تتنقل بين Technologies من غير ما تتقن واحدة.

مش لازم كل ما تظهر Technology جديدة تسيب اللي بتتعلمه وتبدأ فيها.
الأساس القوي هو اللي بيخليك تتعلم أي Technology بعد كده بسهولة. ❤️

وفي النهاية...
مش مهم تختار "أشهر Track".

المهم تختار:

"الـ Track اللي هتقدر تكمل فيه وتبني بيه Career حقيقي."

ولو فاتك الجزء الأول أو الثاني، ارجع لهم الأول ❤️

#Eng_Zeinab_Mahmoud 💻
#Whale_52_Hz 🐋✨
Load More

Contact Me