بعض المعلومات والمهارات بسيطة الإكتساب لكن أثرها على شغلك و مهارتك كبير جداً. بأعطي أمثلة على بعض المهارات والمعلومات في الفرونت أند. تقدر تتعلمها في وقت قصير, لكن أثرها عليك كمهندس برمجيات بإذن الله كبير.
أولاً: CSS Grid. خلنا نكون صادقين, CSS بشكل عام يتطلب ممارسة طويلة لإتقانة بشكل كامل (إذا كان ممكن ?). لكن CSS Grid (جزء من CSS) مهم جداً وبيسهل عليك تقسيم صفحة الويب وتصميم موقع يتأقلم مع حجم أي شاشة. بالنسبة لي, CSS Grid جعلني أتحكم في تصميم الصفحة بكل ثقة.
لهذا, أعتبر CSS Grid مهم جداً, لكن بنفس الوقت ماهو صعب التعلم. فيه مواقع وشروحات فديو كثيرة عن هذا الموضوع. هذا الموقع يحتوي على كل ماتريد و يشرح لك المفهوم مع أمثلة تفاعلية.
gridbyexample.com
gridbyexample.com
ثانياً: TypeScript. أعرف أن الكثير بيقول كيف تعلم TypeScript سهل؟ TypeScript هو بشكل تقريبي JavaScript + Typing. يعني فقط عليك تتعلم type system. والجميل أيضاً ان type أختياري أو بما يعرف gradual type system. إذا عندك خلفية جيده في الجافا سكربت, بإذن الله بتتعلمه بسهولة.
كيف TypeScript بيفيدك؟ بفيدك بأشياء كثيره, بس أهمها بالنسبة لي هو TypeScript IntelliSense. إذا أنت شغال في مشروع كبير وقاعد تكتب كود في داخل function تحتوي على عشرات الأسطر البرمجية. ثم تتسائل عن أسم الميثود المسؤولة عن تغير شئ معين في كلاس آخر ?.
في هذه الحالة, TypeScript راح يعطيك لسته بأسماء الميثود الموجودة من دون ما تروح بنفسك تبحث عنها. هذه الميزة موجودة في جميع لغات البرمجة التي تحتوي على type system .
ثالثاُ: Debugger. أعرف أن console.log سهل ويكفي بالغرض لأغلب المشاكل. لكن صدقني إذا تعلمت debugger وأستخدمته بشكل دائم, راح تشوف فرق من ناحية السرعة في عملية debugging. جرب بدال ما تضع console.log(foo) تضع debugger . الأن ماهو فقط تشوف قيمة foo بل كل قيمة موجودة في memory.
أنصح بإستخدام google chrome للجافا سكربت و mozila firefox للـ CSS (خصوصاً CSS Grid أنظر للصورة أدناه). طبعا مستحيل تتعلم كل شي في chrome debugger في وقت قصير. لكن أبدأ بتعلم كيف تستخدم debugger statement في برنامجك. مثلاً أبدأ من هنا developers.google.com
جاري تحميل الاقتراحات...