3 مواقع توفر مشاريع وتحديات في الفرونت اند لممارسة وتطوير مهاراتك
بعد اكمال المشاريع يمكنك ايضا رؤية الحلول المرفوعة لنفس المشروع لمقارنة حلك والتعلم من الاخرين
ازل المسافة 👇
frontendmentor. io/challenges
icodethis. com
codewell. cc
موقع تقدر تربح منه passive income كمبرمج وانت نايم 💰
احد الطرق التي يمكن الربح منها كمبرمج هي انشاء API خاص بك ورفعها على موقع RapidAPI
ممكن تحول dataset الى API، او تحول package مفيدة الى API، او اضافة بعض المميزات لخدمات اخرى مثل OpenAI وتحويلها الى API.
موقع UI Design Daily
موقع يعرضلك تصاميم UI مجانية ومفتوحة المصدر مفيد جدا اذا محتار وش تصمم وايضا مفيد للتغذية البصرية. (يحتوي على نماذج Figma لصفحات تسجيل الدخول، وما إلى ذلك.)
تابعني عشان تستفيد اكثر
سبب الإحباط وعدم الإستمرار في تعلم البرمجة هو عدم وجود هدف واضح
١. حدد الهدف من تعلم البرمجة
٢. حدد خطة بالتقنيات واللغات التي تحتاج تعلمها لكي تصل الى الهدف
٣. حدد زمن واقعي لتحقيق الهدف
٤. حدد المهام اليومية وتابع تقدمك
٥. كلما تشعر بالأحباط تخيل وصولك للهدف
أفكار مشاريع لعرض أعمالك والحصول على عمل🚀
1. Blog Site
2. E-Commerce Site
3. Food Delivery App
4. Social Media App
5. Chat Messaging App
6. Content Management System
7. Project Analytics Dashboard
8. Job Board Website
اذا عندك فكرة مشروع ممتازة شاركنا في التعليقات ✨
موقع يقدم أكثر من 1000 قالب Frontend مجاني في كل الفئات
مثل Landing Page، والمدونات، والPortfolios، والتجارة الإلكترونية، وال dashboards، بالإضافة إلى العديد من القوالب الحديثة والإبداعية المصممة باستخدام HTML, CSS, TailwindCSS, JavaScript الخ
اذا تخصصك حاسب وحسيت ان المجال صعب عليك ولا تقدر تحول
فحاب أقلك بما ان الله قدر لك هذا المجال فأكيد عندك المقومات والمهارات للنجاح فيه والوصول للقمة
قال الله تعالى: أَفَحَسِبْتُمْ أَنَّمَا خَلَقْنَاكُمْ عَبَثًا وَأَنَّكُمْ إِلَيْنَا لَا تُرْجَعُونَ
كل شيء بقدر الله وحكمتُه
موقع CodePen
محرر كود اونلاين يسمح بكتابة HTML وCSS وJavaScript مباشرة في المتصفح. يوفر منصة لإنشاء ومشاركة مشاريع تطوير الويب. يمكن للمستخدمين عرض أعمالهم، والتعاون مع الآخرين، واستكشاف مجموعة واسعة من الأمثلة التي يمكن استخدامها.
أداة في متصفح الكروم تحسن أداء موقعك 🚀
أداة Lighthouse
هي أداة مفتوحة المصدر وذاتية التشغيل لتعزيز جودة وكفاءة موقعك. تقوم بتحليل الموقع عبر تشغيل سلسلة من الاختبارات عليها، ثم توليد تقرير يلخص أداء الصفحة.
أصعب جزء في التطوير والبرمجة ليس كتابة الكود بل إستكشاف ال bugs
وقد تمر عليك أيام وأنت تبحث على حل لنفس الbug
هذه الأيام قد تكون مليئة بالمشاعر السلبية لكن تذكر ان هذا الشيء طبيعي ويحصل مع أغلب المطورين
وتأكد ان دائمًا ما يوجد حل! 💪
أداة تكشف التقنيات المستخدمة في المواقع مثل الفريمووركس ولغات البرمجة.
أداة Wappalyzer للكروم
تقدم تفاصيل حول التقنيات المستخدمة في المواقع. تستخدم هذه الأداة على نطاق واسع من قبل المطورين والمسوقين والباحثين.
ماهي cheat sheets وكيف ممكن تسرع تعلمك للبرمجة
هي صفحة أو صفحتين من المعلومات الأكثر أهمية واستخدامًا حول موضوع محدد
هي ملخص يختصر عليك الكثير وممكن تستفيد كثير منها لما تبدأ في دراسة أي موضوع في البرمجة
كل اللي عليك تدخل على جوجل وتكتب أي أداة او لغة برمجة + cheat sheet
كيف تذاكر كورس برمجة وتخليه يثبت في رأسك
١. حدد من ٣ الى ٤ ساعات يوميا للدراسة
٢. قسم ال٤ ساعات الى نظري وعملي
٣. في الجزء النظري حاول تكتب ملاحظات مهمة على هيئة سؤال وجواب
٤. في الجزء العملي حاول تطبق وتجرب وتخطئ
٥. خصص يوم للمراجعة والأجابة على الاسئلة اللي سجلتها
افضل 3 اضافات ل visual studio code editor
Better Comments: يعزز قراءة الكود عن طريق تصنيف التعليقات بألوان مختلفة بناءً على أهميتها
Code Spell Checker: يحدد الاخطاء الاملائية في الكود
Prettier: يقوم بتنسيق وتنظيف الكود
كيف تختار الحاسب المناسب للبرمجة 💻
اذا هدفك برمجة المواقع فيكفيك جهاز متوسط ب رام 4 جيجا + ذاكرة SSD + لا تحتاج كرت شاشة
اذا هدفك برمجة تطبيقات فاحرص ان يكون الرام 8 جيجا أقل شيء + ذاكرة SSD + لا تحتاج كرت شاشة
فضلاً ريبوست لكي يستفيد الجميع ✨
مقارنة أشهر إطارات عمل باك أند
إطار Spring boot
آمنة وأداء ممتاز
نظام قابل للتوسع ومناسب للشركات الكبيرة
سلبيتها تكتب كود كثير
إطار laravel php
آمنة
مرنة وخفيفة ومناسبة للبدأ بسرعة في التطوير
مشاكل مع التحديثات
مناسبة للشركات الصغيرة والمتوسطة
جزء ثاني؟ فضلاً ريبوست 🔄
أستغرب من اللي ما يستخدمون الchatgbt في البرمجة حتى الآن!
احد الاستخدامات الرهيبة لchatgbt هي شرح أي كود تعطيه بأي لغة برمجة
كيف تعطيه الأمر:
اكتبله أشرح هذا الكود وألصق الكود مهما كان حجمه!
طبعا الأمر بالأنجليزي يكون افضل لكن يدعم العربي
كيف كلمات السر تتخزن في الداتابيز؟
خطأ ان تخزن كلمات السر مباشرة كما هي
الطريقة الصحيحة هي تشفيرها اولاََ قبل تخزينها
ولما المستخدم يريد تسجيل الدخول نشفر كلمة السر اللي دخلها ونقارنها مع كلمات السر المشفرة في الداتابيز
وبكذا حتى لو الهكر دخل للداتابيز رح يلقى كل شيء مشفر
تطوير مشروع برمجي يبدأ اولاً بالتفكير والتخطيط وآخر خطوة هي كتابة الكود!
المبتدئين في البرمجة يعتقدون ان بناء مشروع برمجي يبدأ مباشرة بكتابة الكود. ولكن في الواقع، كتابة الكود هو مجرد التنفيذ التقني لكل التخطيط الذي تم القيام به مسبقًا ويجب أن يكون آخر خطوة لحل المشكلة
فوائد البرمجة 🚀
1. الإبداع: إمكانية التفكير في حلول إبداعية.
2. حل المشكلات: القدرة على التغلب على تحديات معقدة.
3. تأثير واسع: إمكانية استخدام برامجك بشكل عالمي.
4. فرص العمل
5. ريادة الأعمال: تحويل الأفكار إلى مشاريع ناشئة.
6. العمل عن بُعد: من أي مكان في العالم.
أداة ذكاء اصطناعي تحول أي تصميم الى كود فرونت اند وبأي فريموورك تختارها 🚀
أداة لا غنى عنها في مجال الفرونت اند رح تسرع عملك ١٠ مرات كفرونت اند
أزل المسافة 👇
locofy. ai
ريبوست وخلي غيرك يستفيد
الفرق بين المتصفح المخفي و VPN و Proxy 🌐
المتصفح المخفي: كل اللي يفعله هو عدم حفظ المعلومات فقط
ال VPN: يعمل كوسيط بينك وبين المواقع وبالتالي المواقع رح تتعامل معاه وليس معك
الProxy: شبيه بالVPN ولكن الفرق الوحيد انه غير مشفر في حين ان الVPN مشفر
ليش تحتاج الDocker 👀
قمت بتطوير تطبيق ويب يعتمد على Javascript الإصدار الجديد
بعدها نقلت التطبيق على جهاز أخر، يحتوي على إصدار قديم من Javascript
النتيجة -> لن يشتغل التطبيق
الدوكر يخلي تطبيقك + الإعتمادات الخاصة به تشتغل مستقلة بذاتها بغض النظر عن الجهاز المشغل
اذا كنت تستخدم Chatgbt فهذي الأداة أساسية لك 💥
أداة كروم تعطيك أوامر مجربة وجاهزة لإستخدامها في الChatgbt لإستخراج كل المعلومات التي تريدها
الأداة تساعدك في كتابة الأوامر + تعطيك أفكار
يوجد أكثر من ٤٠٠٠ أمر في شتى المجالات من كتابة مقالات إلى البرمجة
AIPRM for ChatGPT
مهارة مهملة لكن لها تأثير كبير
مع التنوع الهائل في البرمجة اليوم من ادوات ومجالات تقنيات، سهل جدا انك تقع في حالة تشوش وفوضى
إحدى المهارات القيمة هي التعرف على ما لا يجب عليك تعلمه
قبل لا تتعلم اي شيء اسئل نفسك هل فعلاً تحتاجه؟
إعادة بناء تطبيق موجود وتضيف عليه أسهل ب١٠ مرات من بناءه من الصفر
عند إعادة إنشاء تطبيق موجود او خاصية او مشروع برمجي، رح يكون عندك فهم مبدئي عن واجهة المستخدم وكيف التطبيق يشتغل بعكس البدء من الصفر بدون فكرة واضحة
وهذا يؤدي الى اختصار الكثير من وقت التطوير
تعلم Git عن طريق شرح بصري تفاعلي
الكثير من المطوريين يعانون من التعامل مع Git خصوصا في البيئات التعاونية الكبيرة
يعتبر موقع "Learn Git Branching" مصدرًا رائعًا لتعلم Git وفهم كيف يعمل خلف الكواليس. ويمكنك تنفيذ الأوامر مباشرة في الموقع ورؤية الشرح البصري التفاعلي.
تم تطوير وإطلاق أول مهندس برمجيات ذكاء إصطناعي 🤖
هل فعلا رح يستبدل المبرمجين شاركونا آرائكم
بالنسبة لتجربتي مع أدوات الذكاء الاصطناعي في البرمجة أشوف ان لازال يوجد غباء واضح
كيف توصل الى أقصى انتاجيتك في العمل او الدراسة
١. قبل الدراسة
التخطيط الذكي: حدد المهام الأكثر الأهمية واهدافك من الدراسة وكم رح تقضي من ساعة
٢. أثناء الدراسة: تركيز عميق مع فترات راحة (بومودورو)
٣. بعد الدراسة: كافئ ورفه نفسك (جودة الترفيه = جودة التركيز في اليوم التالي)
كيف تطور مهارة حل المشكلات وتزيد ذكاءك 🧠
حل التحديات البرمجية هي أحد الطرق المهمة التي تطور مهارات التفكير الابداعي والفهم المنطقي
مما يعزز قدرتك على إيجاد حلول فعّالة لتحديات برمجية متنوعة
بعض المواقع المشهورة في تقديم التحديات البرمجية Leetcode, HackerRank
الربح كبرمج من تطوير مواقع لشركات صغيرة 🚀
العديد من الشركات الصغيرة مركزة على العمل داخل أعمالها ولا تمتلك الوقت أو الخبرة الكافية لبناء موقع الويب الخاص بها.
كمطورين، يمكننا إنجاز هذا بسرعة، وإذا كنت تستضيف موقعهم أيضًا، ستكون قادرًا على فرض رسوم متكررة.
تابعني عشان تستفيد
أداة ذكاء اصطناعي تقرأ أفكارك وتبرمج عنك وتعطيك اقتراحات وتحسينات للكود ✨
تقدر تربطها بالeditor الخاص فيك، تفهم سياق أي برنامج تحاول تكتبه وتقدر تكتبلك كلاسات كاملة وأكثر من ذلك 🖥️
مطورة من شركة OpenAI الخاصة ب Chatgbt
GitHub Copilot
تابعني لكي يصلك أحدث أدوات البرمجة 🚀
هل تعلم البرمجة صعب؟ 🤔
الجواب يعتمد
صعب إذا حاولت تتعلم الكثير في وقت قصير دون مساعدة أو هدف أو تعلم المهارات الأساسية
سهل اذا قاعد تتعلم بسرعة مناسبة ومريحة لك وتبدأ بالمهارات الأساسية، ووجود أشخاص يساعدونك وهدف في الاعتبار
شاركنا رحلتك لتعلم البرمجة وكيف كانت؟ 👀
كيف تحصل أفكار مشاريع برمجية ممتعة ولانهائية لتطوير وعرض مهاراتك🚀
أبني clone أو نسخة مطابقة لتطبيقك او موقعك المفضل
ملاحظة: اذا انت مبتدئ أبني نسخة مبسطة أو جزء صغير من التطبيق
اذا حاب تستفيد أكثر تابعني 🔴
الفرونت اند ولا الباك اند؟
هل أنت مهتم بالعمل مع قواعد البيانات، Authentication، والأمان، وكتابة كود منطقي جيد بشكل عام؟ إذاً اختر (Back End)
هل أنت مهتم بالعمل على واجهات المستخدم، وتصميمها، وكتابة كود للتواصل مع الباك اند وعرض البيانات بشكل منظم؟ إذاً اختر (Front End)
كل ما ترغب في معرفته عن Bootstrap في صفحة واحدة
موقع يقدم قائمة تفاعلية (Cheatsheet) عن الBootstrap في صفحة واحدة، بما في ذلك جميع الكلاسات وأمثلة على كيفية الاستخدام
تابعني عشان تستفيد أكثر
ماهي منهجية Agile المستخدمة في Startups؟🙌
تفاعل مستمر مع المستخدمين
تقسيم العمل إلى فترات قصيرة تسمى السبرنتز
تسليم أجزاء صغيرة وقابلة للاستعمال في نهاية كل فترة
تكيف سريع مع التغييرات في متطلبات المشروع
متابعة التقدم من خلال ادوات ادارة المشاريع
التحسين المستمر والفعال
طريقة مجانية وفعالة لتعلم البرمجة بإسرع وقت ممكن
أستبدل الدورات بممارسة المشاريع
خصوصا مع تطور أدوات الذكاء الاصطناعي، أي مشكلة تواجهها أبدأ بطرح الأسئلة 🤖
كل مشكلة تواجهها أعرف انك رح تطلع منها اقوى من قبل 💪
الوقت اللازم لتعلم البرمجة 💻
البرمجة هي مهارة كباقي المهارات وهذا يعني استثمار وقت أطول في ممارستها = تطور المهارة أكثر
تقدر تقضي ساعتين يوميا في تعلم البرمجة وتصبح متمكن بعد وقت طويل او ٧ ساعات يوميا لكن تصبح متمكن في وقت أقصر 💪
الفرق بين الفريمووركس والمكتبات🚀
الفريموورك تأتي مع مجموعة من القواعد والإرشادات لبناء التطبيقات.
المكتبة هي مجموعة من الكود القابل لإعادة الاستخدام التي يمكن استخدامه في عدة مشاريع مختلفة.
مكتبة + مكتبة + مكتبة = فريمورك
#برمجة
تذكير: مو لازم تتعلم كورس برمجة كامل عشان تبدأ تبني مشروعك 🤫
تعلم فقط ماتحتاج والباقي تقدر ترجعله في المستقبل 🧠
رح تختصر عليك وقت أضعاف الطريقة التقليدية
شاركنا طريقة تعلمك هل تفضل تاخذ دورة في لغة معينة قبل ماتبدأ تبرمج فيها او تبدأ مباشرة في البناء وتتعلم خلال الطريق؟
أول مرة تجرب مجال جديد تكون دائمًا الأصعب والأكثر رعبًا خصوصا البرمجة وكتابة الكود
التغلب على المرة الأولى يجعل الثانية والثالثة أسهل بكثير، وستقوم بفعل ما تفعله للألف مرة دون صعوبة أو خوف على الإطلاق
ما عليك سوى تجاوز المرة الأولى
موقع مجمع لك كل مواقع الذكاء الاصطناعي في مكان واحد 🚀
وكل موقع AI معروض تقدر تشوف مراجعات المستخدمين وأصحاب الوظائف اللي ممكن تستفيد منه مثل المبرمج والمصمم
وايضا فيه خاصية البحث عن المواقع بناءاََ على التاسك اللي انت محتاجها
أزل المسافة 👇
theresanaiforthat. com
أستخدامات لغة الجافا 🧑💻
تطوير تطبيقات الهاتف لنظام Android
تطوير تطبيقات الويب (مثل Spotify وTwitter)
برامج المؤسسات (مثل أنظمة الموارد البشرية)
تطبيقات سطح المكتب (مثل NASA World Wind)
تطوير الألعاب (مثل Minecraft)
أنظمة Embedded (مثل نظام التشغيل Android)
ماهو مصطلح Pull Request في Git
هو آلية لتقديم مساهمات إلى الكود الخاص بالمشروع في جيت، مثل إضافة ميزات جديدة أو إصلاح الأخطاء
يوفر مساحة للمناقشة والتعليقات على التغييرات المقترحة قبل دمجها رسمياً
اذا حاب تستفيد أكثر تابعني ✨
كيف تنظم وقتك كمبرمج : بوست يختصر عليك كورسات
1. تصنيف المهام بناءاََ على الأهم والطارئ
2. إنشاء جدول زمني و تحديد جلسات الدراسة والترفيه
3. تحديد أهداف ذكية وواضحة وقابلة للقياس والتحقيق
4. رفض الالتزامات غير الضرورية
5. تقسيم المهام الكبيرة إلى مهام أصغر
أداة Automation مجانية تشتغل عنك وأنت نايم
فقط تعطيه رابط الAPI الذي يحتوي على برنامجك ورح يدخل عليه وينفذ الكود في أي وقت تبغاه بشكل لانهائي
مثال عندك كود ينزلك بوست على التويتر وتبغاه يتنفذ كل يوم الساعة ٩
أزل المسافة 👇
Cronjob. org
اذا حاب تستفيد أكثر تابعني🚀💻
@powrabdelrahman
حجم الخط في البداية غير متوافق + الحركة المتحركة للصورة اللي في البداية نوعا ما مزعجة ايضا حاول تقلل من المعلومات والضوضاء في التصميم خليه بسيط، عدا ذلك تحفة أستمر
مسار البايثون 🚀
Syntax and Fundamentals
Control Flow
Functions
Data Structures
Error Handling
Modules & Libraries
OOP
Working with Libraries and APIs
Exception Handling
List Comprehensions
Advanced OOP
Decorators and Generators
Concurrency and Parallelism
Database Interaction
هل لازم تكون ذكي عشان تصير مبرمج؟
لا لكن عليك أن تمتلك
١. عقل منطقي
٢. القدرة على تفكيك مشكلة كبيرة إلى مشاكل أصغر وأبسط
٣. القدرة على فهم كيفية استخدام خوارزميات أو مكتبات
الآخرين.
#برمجة