وطبعاً مش محتاج اقولك انك بتختار التراك الي انت حابه مش الي لقيت كورساته مغرقة اليوتيوب،
ومش التراكات الي كل بيروح يتعلمها وخلاص او علشان مرتباتها اعلي والكلام ده
التراك الي هتدخله تدخله علشان حابه مش علشان فلوس خالص، لو هدفك الوحيد الفلوس يبقي المجال ده مش ليك وفي مجالات تانيه اسهل ومرتباتها يمكن احسن
اما موضوع المرتبات ف مرتبات ال tech كلها في رينج متقارب و البلد والشركه نفسها بتفرق اكيد
ومش التراكات الي كل بيروح يتعلمها وخلاص او علشان مرتباتها اعلي والكلام ده
التراك الي هتدخله تدخله علشان حابه مش علشان فلوس خالص، لو هدفك الوحيد الفلوس يبقي المجال ده مش ليك وفي مجالات تانيه اسهل ومرتباتها يمكن احسن
اما موضوع المرتبات ف مرتبات ال tech كلها في رينج متقارب و البلد والشركه نفسها بتفرق اكيد
حاجة تانية مش محتاج افكرك بيها
انك المفروض راجل مهندس برمجيات يبقي متتمسكش بتراك وتذاكر الي يخصه وخلاص
لا خليك مرن واتأسس كويس وخد بصة علي كل حاجة واتخصص في حاجة واحدة
انت مش عارف انت هتشتغل في ايه
انا مثلاَ تخصصي الاساسي فرونت بس اشتغلت موبايل وبشتغل backend و شويه ورايح شبكات و operating systems
ف مش اكيد انك هتفضل تشتغل بنفس التراك علشان كدا بقولك اتأسس كويس الاول
ومتبقاش صنايعي كود مجرد حافظ كلمتين بيرصهم كل يوم وخلاص
انك المفروض راجل مهندس برمجيات يبقي متتمسكش بتراك وتذاكر الي يخصه وخلاص
لا خليك مرن واتأسس كويس وخد بصة علي كل حاجة واتخصص في حاجة واحدة
انت مش عارف انت هتشتغل في ايه
انا مثلاَ تخصصي الاساسي فرونت بس اشتغلت موبايل وبشتغل backend و شويه ورايح شبكات و operating systems
ف مش اكيد انك هتفضل تشتغل بنفس التراك علشان كدا بقولك اتأسس كويس الاول
ومتبقاش صنايعي كود مجرد حافظ كلمتين بيرصهم كل يوم وخلاص
👍1
نرجع لموضوعنا
بص
اشهر المجالات في ال tech بتلاقيهم حوالين الكام حاجة دول:
Software Development
وده الجزء الخاص بالتطوير وده الاشهر واغلب الي شغالين في المجال بتاعنا شغالين في الجزء ده
و ده هتلاقي فيه وظائف او تراكات كتير تعرفها
زي ال
Web Development - Mobile App Development - Game Development - Desktop ... etc
Cybersecurity
وده مجال تاني خالص غير التطوير وفي الاغلب بيكون متعلق بحماية الانظمة الي تم بناءها بالفعل
وهتلاقي فيها وظائف مشهوره زي دول
Information Security Analyst - Penetration Tester - Network Security Engineer - SOC Engineer - malware Analyst ..etc
Data Science
وده كل شغلهم في التعامل مع الداتا بكل اشكالها وتحليلها و الاستفادة منها وعليهم طلب كبير ومرتابتهم كويسة
دول اشهر وظايف ليهم
Data Scientist - Data Analyst - Machine Learning Engineer
وفي مجالات كتير تانيه هذكرهم سريعاً بدون تفاصيل بحكم ان تعاملي معاهم مش كبير بس اعرف ان مجالاتهم جميلة جداُ
AI and Machine Learning
Cloud Computing
DevOps
Embedded Systems
اسمع ان المجال ده مرتابته جميلة جداً وممتع بس مشكلته ان الطلب عليه اقل شوية في المنطقة وكمان بيقتصر علي كليه هندسة بالاكتر وممكن حاسبات
Quality Assurance (QA) and Testing
Database Administration
System Administration
بص
اشهر المجالات في ال tech بتلاقيهم حوالين الكام حاجة دول:
Software Development
وده الجزء الخاص بالتطوير وده الاشهر واغلب الي شغالين في المجال بتاعنا شغالين في الجزء ده
و ده هتلاقي فيه وظائف او تراكات كتير تعرفها
زي ال
Web Development - Mobile App Development - Game Development - Desktop ... etc
Cybersecurity
وده مجال تاني خالص غير التطوير وفي الاغلب بيكون متعلق بحماية الانظمة الي تم بناءها بالفعل
وهتلاقي فيها وظائف مشهوره زي دول
Information Security Analyst - Penetration Tester - Network Security Engineer - SOC Engineer - malware Analyst ..etc
Data Science
وده كل شغلهم في التعامل مع الداتا بكل اشكالها وتحليلها و الاستفادة منها وعليهم طلب كبير ومرتابتهم كويسة
دول اشهر وظايف ليهم
Data Scientist - Data Analyst - Machine Learning Engineer
وفي مجالات كتير تانيه هذكرهم سريعاً بدون تفاصيل بحكم ان تعاملي معاهم مش كبير بس اعرف ان مجالاتهم جميلة جداُ
AI and Machine Learning
Cloud Computing
DevOps
Embedded Systems
اسمع ان المجال ده مرتابته جميلة جداً وممتع بس مشكلته ان الطلب عليه اقل شوية في المنطقة وكمان بيقتصر علي كليه هندسة بالاكتر وممكن حاسبات
Quality Assurance (QA) and Testing
Database Administration
System Administration
وفي كام وظيفة بردك مشهورين جداُ بس في الاغلب مش هتكتب كود
زي ال Project Management
و UI/UX Design
Technical Support
او تبقي HR او Technical Recruiter
زي ال Project Management
و UI/UX Design
Technical Support
او تبقي HR او Technical Recruiter
الغرض من الكلام ده بس اني افتح نظرك علي المجالات الموجودة وان مش كل حاجة فرونت وباك وان في مجالات كتير اوي غيرهم
كل الي هتعمله انك هتدور علي المجالات دي براحتك وتشوف الانسب ليك
كل الي هتعمله انك هتدور علي المجالات دي براحتك وتشوف الانسب ليك
وحاجة اخيره الرود ماب بتاعت الاساسيات الي انا عاملها
مناسبة بس للبرمجة او بمعني تاني الجزء الاول من الليست دي الي هو ال Software Development
اما باقي المجالات فكل واحد فيهم ليه اساسيات مخلتفه مقدرش افيدك فيها
هتلاقي الرودماب مثبته
مناسبة بس للبرمجة او بمعني تاني الجزء الاول من الليست دي الي هو ال Software Development
اما باقي المجالات فكل واحد فيهم ليه اساسيات مخلتفه مقدرش افيدك فيها
هتلاقي الرودماب مثبته
ولو انت حابب تبدأ في السكيورتي
ف ارشحلك قناة صديقنا ماهر بيساعد الي لسة بيبدأ في المجال ده
https://t.me/twenty_one21ma
ف ارشحلك قناة صديقنا ماهر بيساعد الي لسة بيبدأ في المجال ده
https://t.me/twenty_one21ma
وانا بردك لو لقيت اي حاجة تخص الموضوع ده هبعتها هنا ان شاء الله
ولو حد عندة اسأله ممكن يتفضل في الكومنتات او الجروب ونحاول نساعدة ان شاء الله
بالتوفيق ❤️
ولو حد عندة اسأله ممكن يتفضل في الكومنتات او الجروب ونحاول نساعدة ان شاء الله
بالتوفيق ❤️
GAD Code 💻✨ pinned «ايه الي بعد الاساسيات؟ بعد ما خلصت الأساسيات دلوقت جيه الوقت الي المفروض هتخار فيه التراك بتاعك الي هتتخصص فيه، الموضوع ده ممكن يكون بالنسبالك عادي وانت عارف انت عايز ايه بالظبط و ل ناس تانية بالنسبالهم كابوس ويفضل يفكر في الموضوع ده كتير اوي وفي ناس منهم…»
GAD Code 💻✨
حد مهتم اعمل رود ماب لل Frontend ؟
متخيلتش ان الاغلبية ممكن تكون مهتمه 😂
عمتاَ كويس
عمتاَ كويس
انهادة هقولك ازاي تبدأ في تراك الفرونت اند وكل الي هتحتاج تذاكرة لحد ما تبقي جاهز للشغل
مبداياً هفترض انك خلصت الاساسيات وخلاص قررت تختار انك تبقي FrontEnd developer
ف انا عايزك تمشي علي الخطوات الي هقولك عليها بالترتيب
0️⃣ Basic Understanding of the Web:
- How the web works (client-server model)
- Understanding URLs, HTTP, and HTTPS
- Basic knowledge of web browsers and how they render pages
- Difference Between Front-End and Back-End
ف الجزء ده هحتاج منك تقرأ عن المواضيع دي كويس قبل ما تبدأ علشان يبقي عندك فهم اوسع انت داخل علي ايه ووظيفتك ايه واهم المفاهيم الي هتسمعها كتير في المجال وهاكذا
الجزء مش هيطول هو كام فيديو علي كام مقاله وخلاص كفاية لدلوقت
___________________________________________________________
تمام لحد هنا كان ده قبل حاجات يفضل تعرفها قبل ما تبدأ
الخطوة الجاية هي انك هتذاكر المواضيع الجاية دي كويس وفي وهقولك امتي تعمل مشاريع
1️⃣ HTML
- HTML structure and syntax
- Common HTML tags and attributes
- Semantic HTML
🔹هتعمل بعدها مشروع صغير تحط فيه كل الي اتعلمته
2️⃣ CSS
- CSS syntax and selectors
- Flexbox
- Grid
- How to make Responsive design
- CSS Animations
🔹هنا انت هتطبق كتير جدا علشان تبقي متمكن من الي اتعلتمه
معل كل مفهوم هتتعلمه هتحتاج تعمل تاسك صغيره فيها تطبيق علي الحاجة الجديدة الي اتعلمتها
وبعد ما تخلص css هتعفضل تعمل مشاريع بأفكار مختلفة ب HTML و CSS بس لحد ما تبقي متمكن منهم
ومتكسلش الجزء ده ضروري
3️⃣ JavaScript
Basic syntax
DOM
BOM
AJAX and Fetch API
◽️ممكن تأخر دول شوية لانهم مواضيع متقدمة
ES6+ features
Asynchronous JavaScript (Promises, async/await)
🔷 طبعاَ مش هوصيك علي المشاريع, كتر اوي اوي في الجزء ده وكل مرة فكرة مختلفه عن الي قبلها
ولو حاسس بصعوبة في تطبيق الافكار شوف الويبسايت الجميل ده
https://javascript30.com/
واعمل المشاريع الي فيه كلها هتبقي متمكن من ال JS
مبداياً هفترض انك خلصت الاساسيات وخلاص قررت تختار انك تبقي FrontEnd developer
ف انا عايزك تمشي علي الخطوات الي هقولك عليها بالترتيب
0️⃣ Basic Understanding of the Web:
- How the web works (client-server model)
- Understanding URLs, HTTP, and HTTPS
- Basic knowledge of web browsers and how they render pages
- Difference Between Front-End and Back-End
ف الجزء ده هحتاج منك تقرأ عن المواضيع دي كويس قبل ما تبدأ علشان يبقي عندك فهم اوسع انت داخل علي ايه ووظيفتك ايه واهم المفاهيم الي هتسمعها كتير في المجال وهاكذا
الجزء مش هيطول هو كام فيديو علي كام مقاله وخلاص كفاية لدلوقت
___________________________________________________________
تمام لحد هنا كان ده قبل حاجات يفضل تعرفها قبل ما تبدأ
الخطوة الجاية هي انك هتذاكر المواضيع الجاية دي كويس وفي وهقولك امتي تعمل مشاريع
1️⃣ HTML
- HTML structure and syntax
- Common HTML tags and attributes
- Semantic HTML
🔹هتعمل بعدها مشروع صغير تحط فيه كل الي اتعلمته
2️⃣ CSS
- CSS syntax and selectors
- Flexbox
- Grid
- How to make Responsive design
- CSS Animations
🔹هنا انت هتطبق كتير جدا علشان تبقي متمكن من الي اتعلتمه
معل كل مفهوم هتتعلمه هتحتاج تعمل تاسك صغيره فيها تطبيق علي الحاجة الجديدة الي اتعلمتها
وبعد ما تخلص css هتعفضل تعمل مشاريع بأفكار مختلفة ب HTML و CSS بس لحد ما تبقي متمكن منهم
ومتكسلش الجزء ده ضروري
3️⃣ JavaScript
Basic syntax
DOM
BOM
AJAX and Fetch API
◽️ممكن تأخر دول شوية لانهم مواضيع متقدمة
ES6+ features
Asynchronous JavaScript (Promises, async/await)
🔷 طبعاَ مش هوصيك علي المشاريع, كتر اوي اوي في الجزء ده وكل مرة فكرة مختلفه عن الي قبلها
ولو حاسس بصعوبة في تطبيق الافكار شوف الويبسايت الجميل ده
https://javascript30.com/
واعمل المشاريع الي فيه كلها هتبقي متمكن من ال JS
JavaScript 30
Build 30 things with vanilla JS in 30 days with 30 tutorials
👍1
لحد هنا كانت الاساسيات والي كل الناس هتقولهولك
المشكله مش في الاجزاء الي فاتت دي
المشكلة ان اغلب الناس بيعطل وبيتوه بعد الجزء الي فات ده ومفيش حد بيتكلم هتعمل ايه في الفتره دي
فعايزك تركز معايا في كل الي جاي
معظم الي هقوله من دلوقت مش هيفرق فيه الترتيب بشكل كبير بس يفضل وفي اجزاء كتير تفضيل شخصي
المشكله مش في الاجزاء الي فاتت دي
المشكلة ان اغلب الناس بيعطل وبيتوه بعد الجزء الي فات ده ومفيش حد بيتكلم هتعمل ايه في الفتره دي
فعايزك تركز معايا في كل الي جاي
معظم الي هقوله من دلوقت مش هيفرق فيه الترتيب بشكل كبير بس يفضل وفي اجزاء كتير تفضيل شخصي
4️⃣ Git & GitHub
علشان ترفع نسخ من الكود وتتبع التغييرات وتشتغل ولو في مشكلة ترجع لأخر نسخة
وكمان علشان تشتغل مع تيم علي نفس البروجيكت وحاجات كتير تانية ملهاش اخر
5️⃣ CSS Preprocessors
ده اشبه بلغة برمجة الفكرة انك هتخلي CSS اقوي وتقدر تعمل بيها حاجات كتير جداً عن طريق انها بتضيف logic لل CSS
بمعني انها بتضيف شوية حاجات موجودة في لغات البرمجة فيها زي (variables, nesting, inheritance, mixins, functions, and mathematical operations)
وبرشحلك تتعلم SASS لأنها الاشهر دلوقت
6️⃣ CSS framework
تمام دلوقت انت خلصت الاساسيات وبدأت تعمل مشاريع ومواقع حقيقة وكدا
بس هتلاقي وانت شغال ان في اجزاء كتير بتتكرر بشكل كبير وحاجات كتير بتلاقيها في كل ويب سايت
ف ل توفير الوقت
بتروح تستخدم حاجات جاهزة بتسرع شغلك وموجود فيها الاجزاء دي فتوفر وقت
برشحلك Bootstrap لأنها مشهورة اوي في الشركات العربيه بس مش المستقبل ليها بصراحة وكدا كدا هتعلم غيرها لما تشتغل ب Framework
والاشهر دلوقت حاجات تانية زي Tailwind - MaterialUI وحاجات كتير ملهاش اخر ف انت ابق اقعد جرب كدا الحاجات دي مش بتاخد وقت
⏺ ممكن لو حابب ابق بص ع السريع jQuery
هي معادتش مهمه بس في شركات كتير مصرية لسة بتستخدمها وبالاخص لو البروجيكت قديم
مش لدرجة كورس يعني بس اخطف بصه عليها ع السريع مش هتضيع فرصه علشان نص ساعة
علشان ترفع نسخ من الكود وتتبع التغييرات وتشتغل ولو في مشكلة ترجع لأخر نسخة
وكمان علشان تشتغل مع تيم علي نفس البروجيكت وحاجات كتير تانية ملهاش اخر
5️⃣ CSS Preprocessors
ده اشبه بلغة برمجة الفكرة انك هتخلي CSS اقوي وتقدر تعمل بيها حاجات كتير جداً عن طريق انها بتضيف logic لل CSS
بمعني انها بتضيف شوية حاجات موجودة في لغات البرمجة فيها زي (variables, nesting, inheritance, mixins, functions, and mathematical operations)
وبرشحلك تتعلم SASS لأنها الاشهر دلوقت
6️⃣ CSS framework
تمام دلوقت انت خلصت الاساسيات وبدأت تعمل مشاريع ومواقع حقيقة وكدا
بس هتلاقي وانت شغال ان في اجزاء كتير بتتكرر بشكل كبير وحاجات كتير بتلاقيها في كل ويب سايت
ف ل توفير الوقت
بتروح تستخدم حاجات جاهزة بتسرع شغلك وموجود فيها الاجزاء دي فتوفر وقت
برشحلك Bootstrap لأنها مشهورة اوي في الشركات العربيه بس مش المستقبل ليها بصراحة وكدا كدا هتعلم غيرها لما تشتغل ب Framework
والاشهر دلوقت حاجات تانية زي Tailwind - MaterialUI وحاجات كتير ملهاش اخر ف انت ابق اقعد جرب كدا الحاجات دي مش بتاخد وقت
⏺ ممكن لو حابب ابق بص ع السريع jQuery
هي معادتش مهمه بس في شركات كتير مصرية لسة بتستخدمها وبالاخص لو البروجيكت قديم
مش لدرجة كورس يعني بس اخطف بصه عليها ع السريع مش هتضيع فرصه علشان نص ساعة
لحد هنا انت ممكن تلاقي شغل عادي
انا نفسي اول شغل ليا كان بعد ال فات ده بس
بس متضيعش وقت كتير هنا لان متطلبات السوق اتغيرت وبقت المنافسة شديدة فركز علي انك تتعلم
ومتعملش غلطتي وتفضل تضيع وقت في التقديم وخلاص
انا نفسي اول شغل ليا كان بعد ال فات ده بس
بس متضيعش وقت كتير هنا لان متطلبات السوق اتغيرت وبقت المنافسة شديدة فركز علي انك تتعلم
ومتعملش غلطتي وتفضل تضيع وقت في التقديم وخلاص
7️⃣TypeScript
وممكن تأخرها علي حسب هتختار ايه في الخطوة الجاية غير كدا مش هتفرق
————————————————-
نيجي بقي للجزء ال الكل بيستعجل عليه وهو ال Framework
8️⃣Pick a Framework
React - Angular - Vue
دول اشهر 3 في السوق اختار واحدة فيهم وهتكمل علي اساسها
في تفاصيل كتير في الجزء ده ف هبقي اعمل رود ماب ليها لواحدها
وممكن تأخرها علي حسب هتختار ايه في الخطوة الجاية غير كدا مش هتفرق
————————————————-
نيجي بقي للجزء ال الكل بيستعجل عليه وهو ال Framework
8️⃣Pick a Framework
React - Angular - Vue
دول اشهر 3 في السوق اختار واحدة فيهم وهتكمل علي اساسها
في تفاصيل كتير في الجزء ده ف هبقي اعمل رود ماب ليها لواحدها
لحد هنا انت بقلب جامد تقول علي نفسك FrontEnd Developer وتحضر ال CV المتين بتاعك بال بالمشاريع الي عملتها
وتقدم علي شغل ك Junior FrontEnd Develpoer
وتقدم علي شغل ك Junior FrontEnd Develpoer
في شوية حاجات بس هتحتاج تذاكرهم في الطريق او تقرأ عنهم وهتديك افضليه
زي انك تعرف ازاي تستخدم Figma
وتقرأ من فترة للتانية عن ال UX UI كنوع من التثقيف مش اكتر
ونفس الكلام مع الباك اند
ابقي خد كراش كورس node.js تفهم الدنيا ماشية ازاي وازاي ال Api بيتعمل والحاجات دي
طبعاً كل ده مش في الرودماب
بس لما يبقي عندك وقت ابقي اعمل كدا الحاجات دي هي الي هتخليك تبقي سينيور مش عدد السنين
زي انك تعرف ازاي تستخدم Figma
وتقرأ من فترة للتانية عن ال UX UI كنوع من التثقيف مش اكتر
ونفس الكلام مع الباك اند
ابقي خد كراش كورس node.js تفهم الدنيا ماشية ازاي وازاي ال Api بيتعمل والحاجات دي
طبعاً كل ده مش في الرودماب
بس لما يبقي عندك وقت ابقي اعمل كدا الحاجات دي هي الي هتخليك تبقي سينيور مش عدد السنين
طبعاَ الرود ماب فيها نواقص
النواقص دي هتعرفها بنفسك لما تدخل السوق وتعرف انت ناقصك ايه والسوق محتاج ايه
وكل شركة ليها احتياج مختلفه عن التانية
وعلي حسب انت ناوي تروح فين
النواقص دي هتعرفها بنفسك لما تدخل السوق وتعرف انت ناقصك ايه والسوق محتاج ايه
وكل شركة ليها احتياج مختلفه عن التانية
وعلي حسب انت ناوي تروح فين
🔹ومش هوصيك تاني بالمشاريع
المشاريع هي الي هتجيبلك شغل مش كتر الكورسات ف اهتم بالجزء ده الله يخليك
وحاول لما تبقي في الفتره الي بتجهز فيها مشاريع علشان تحطهم في ال CV تختار مشاريع بتحل مشكلة بجد او مش متكررة من الكورسات علشان الحركة دي بتخليك متتقبلش
المشاريع دي هتجيبها منين
احسن حاجة في البداية هي انك تقلد مواقع موجودة فعلاَ وتجرب تقلدها
وانت بتذاكر لسة وعايز تعمل افكار كويسة ممكن تقلب في codepen في افكار كتير وحاول تقلدها
و عندك تكليفات الزيرو في البداية هتكون حلوة
وعندك الموقع الجميل ده بيديك التصميم بالملفات وانت تعمله كتدريب
https://www.frontendmentor.io/
واخر حاجة هي figma community وده تصاميم مصممين UX UI عاملينها وناشرينها فتقدر تنفزها حتي علشان تدرب علي استخدام فيجما
بس كدا اختار انسب حل يناسب مستواك واشتغل بيه
المشاريع هي الي هتجيبلك شغل مش كتر الكورسات ف اهتم بالجزء ده الله يخليك
وحاول لما تبقي في الفتره الي بتجهز فيها مشاريع علشان تحطهم في ال CV تختار مشاريع بتحل مشكلة بجد او مش متكررة من الكورسات علشان الحركة دي بتخليك متتقبلش
المشاريع دي هتجيبها منين
احسن حاجة في البداية هي انك تقلد مواقع موجودة فعلاَ وتجرب تقلدها
وانت بتذاكر لسة وعايز تعمل افكار كويسة ممكن تقلب في codepen في افكار كتير وحاول تقلدها
و عندك تكليفات الزيرو في البداية هتكون حلوة
وعندك الموقع الجميل ده بيديك التصميم بالملفات وانت تعمله كتدريب
https://www.frontendmentor.io/
واخر حاجة هي figma community وده تصاميم مصممين UX UI عاملينها وناشرينها فتقدر تنفزها حتي علشان تدرب علي استخدام فيجما
بس كدا اختار انسب حل يناسب مستواك واشتغل بيه
Front-end coding challenges using a real-life workflow | Frontend Mentor
Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs.