🌟ثرد اليوم🌟
تقنيات برمجية يمكنك تعلمها في 24 ساعة😎
قد يبدو الأمر غريبا و غير معقول، فأنى لك أن تتعلم تقنيات في ظرف 24 ساعة فقط ؟ هل هذا حقا ممكن ؟ هل هذا مقال Clickbait مجددا ؟ هل تم خداعي ؟ 👈👈لا👉👉
#جامعه_ام_القري #السعودية
@KokbProg
تقنيات برمجية يمكنك تعلمها في 24 ساعة😎
قد يبدو الأمر غريبا و غير معقول، فأنى لك أن تتعلم تقنيات في ظرف 24 ساعة فقط ؟ هل هذا حقا ممكن ؟ هل هذا مقال Clickbait مجددا ؟ هل تم خداعي ؟ 👈👈لا👉👉
#جامعه_ام_القري #السعودية
@KokbProg
🔷تعلم الـ Git
الـ Git من أبرز التقنيات البرمجية التي يجب أن يجيد إستخدامها أي مبرمج في هذا العالم، إذ تساعدك الـ Git على إدارة مشروعك البرمجي في إحدى المنصات مثل Github, Gitlab او Bitbucket. لمن سيسمع بالـ Git لأول مرة فهو تقنية توفر لك خاصية الـ Version Control
الـ Git من أبرز التقنيات البرمجية التي يجب أن يجيد إستخدامها أي مبرمج في هذا العالم، إذ تساعدك الـ Git على إدارة مشروعك البرمجي في إحدى المنصات مثل Github, Gitlab او Bitbucket. لمن سيسمع بالـ Git لأول مرة فهو تقنية توفر لك خاصية الـ Version Control
بمعنى إدارة نسخ المشروعك، على سبيل المثال إن كنت بصدد تطوير موقع ويب و قمت بصناعة Navbar يمكنك نشر مشروعك على إحدى المنصات السابقة، و في كل مرة تقوم بإنجاز مهمة يمكنك رفع الأكواد الجديدة الى المنصة، في حالة إتلاف المشروع او وجدت نفسك أن المشروع لم يعد شغالا، يمكنك العودة ببساطة
ليس هذا فقط، يسمح لك الـ Git بإدارة المشروع بين مجموعة من الناس، بحيث يمكنك تقسيم المشروع الى Branches ثم إعطاء Branch لكل شخص ضمن فريق العمل، ثم تجميع الكل (Merge) في مشروع برمجي واحد، هكذا يمكن للجميع العمل على نفس المشروع في تناغم و إحترافية.
🔷تعلم الـ SASS / LESS / STYLUS
إن كنت تستخدم الـ CSS مباشرة، فربما ستعاني من بعض المشاكل في إدارة الكود البرمجي او حتى تنفيذ بعض المهام مثل تخزين متغيرات او تحديد الشرط (if) ليتم تطبيق ستايل محدد عند تحقيق شرط معين.
#الرياض
إن كنت تستخدم الـ CSS مباشرة، فربما ستعاني من بعض المشاكل في إدارة الكود البرمجي او حتى تنفيذ بعض المهام مثل تخزين متغيرات او تحديد الشرط (if) ليتم تطبيق ستايل محدد عند تحقيق شرط معين.
#الرياض
او حتى إنجاز حلقات تكرارية (loops)، لكن كل هذا لا يمكن إنجازه بإستخدام الـ CSS. لذلك يلجأ مطورو الويب الى الإعتماد على ما يسمى بالـ Preprocessors مثل الـ SASS او LESS او STYLUS، إذ تسمح لك هذه الأخيرة بكتابة كود CSS أكثر إحترافية و ذكاء،
يمكنك إستخدام العديد من التقنيات في الـ Preprocessors التي تجعل من الـ CSS أقرب الى اللغة البرمجية، ( مثلا يمكنك تحديث حجم خط محدد مثلا 15px، ثم تتلاعب به رياضيا ليكون حجم خط العناوين الكبيرة هو font + 5px ، و العناوين الصغيرة font - 5px و هكذا ).
كل أكواد الـ Preprocessors يتم ترجمتها في الأخير الى كود CSS Minified و هو ما يجعلها مستخدمة بشكل كبير. لحسن الحظ، تعلمها ليس بتلك الصعوبة، و فيديو واحد بسيط قادر على جعلك تتقن الـ SASS مثلا، بحكم أنه يعتمد على الـ CSS بنسبة كبيرة جدا، و يكفي تعلم الـ CSS أولا قبل الولوج إليه.
🔷تعلم الـ Webpack / Yarn / Gulp
إن أردت البدء في إستخدام أحد الـ Preprocessors السابقة مثل Sass في مشروعك البرمجي ستجد العديد من الطرق لفعل ذلك قد يكون أسهلها تنصيب الـ Ruby و التعامل مع compass فقط، لكن الأمر سيبقى دائما تجريدي بعيد عن الهيكلة الحقيقية للمشروع.
#جامعه_القصيم
إن أردت البدء في إستخدام أحد الـ Preprocessors السابقة مثل Sass في مشروعك البرمجي ستجد العديد من الطرق لفعل ذلك قد يكون أسهلها تنصيب الـ Ruby و التعامل مع compass فقط، لكن الأمر سيبقى دائما تجريدي بعيد عن الهيكلة الحقيقية للمشروع.
#جامعه_القصيم
في الحقيقة، مشاريع الويب دائما ما تحتاج الى ما يسمى بالـ Module Bundler، و هي مكتبة أو إطار يتيح لك إمكانية صناعة المشروع البرمجي و تخصيصه حسب الحاجة، فمثلا، إن أردت صناعة موقع يعتمد على الـ Vuejs و يستخدم الـ Sass و ربما أريد إستخدام أيضا الـ Eslint كذلك و غيرها،
فيمكنك فعل ذلك بإستخدام أحد الـ Module Bundlers الشهيرة. أشهرها حاليا قد يكون الـ Webpack، فهو يتيح لك صناعة مشروع برمجي و تخصيصه من حيث كل شيئ، سواء إستخدام Sass / Less في الـ Css، او الإعتماد على Typescript / Bible في الجافاسكربت، او حتى الإعتماد على تقنيات مثل Pug في الـ HTML
🔷تعلم الـ Restful API
لا شك أنك تسمع بالـ API الآن بشكل كبير في العالم البرمجي، فإن أردت حل أي مشكلة برمجية ربما او الحصول على مجموعة من المعطيات و البيانات فأول شيئ تطرحه في خلدك : " هل يوجد API يستطيع القيام بالأمر ؟ "، و الإجابة دائما ستكون نعم.
لا شك أنك تسمع بالـ API الآن بشكل كبير في العالم البرمجي، فإن أردت حل أي مشكلة برمجية ربما او الحصول على مجموعة من المعطيات و البيانات فأول شيئ تطرحه في خلدك : " هل يوجد API يستطيع القيام بالأمر ؟ "، و الإجابة دائما ستكون نعم.
الـ API هو إختصار لعبارة Application Programming Interface، و بشرح أقل تعقيداً، يقوم موقع او منصة او جهة او شخص بتوفير مجموعة من الـ Data التي يمكنك إرسالها و إستقبالها (عبر تقنيتي الـ Post و Get في الـ Restful)،
الـ API ليس بذلك التعقيد حقا، كل ما تحتاج لمعرفته هو الـ Json و التي لا تحتاج إلى أي شيئ سوى معرفة طريقة كتابة و قراءة كود Json، ثم التعامل مع الـ Documentation الخاص بالـ API الذي يضع بين يديك كل خصائص الـ Get و الـ Post، و كل ما تحتاج إلى تنفيذه لاحقا.
🔷تعلم إطارات الويب الجاهزة، خصوصا Bootstrap
في الويب، سيكون من الصعب عليك إنجاز بعض الإقتراحات او الإضافات من الصفر، سواء لضيق الوقت او لصعوبة إنجازها بشكل عام، و سيتطلب منك في الأخير إستخدام إطار ويب متكامل يسمح لك بتنفيذ تلك الإضافات بشكل أفضل و سريع.
في الويب، سيكون من الصعب عليك إنجاز بعض الإقتراحات او الإضافات من الصفر، سواء لضيق الوقت او لصعوبة إنجازها بشكل عام، و سيتطلب منك في الأخير إستخدام إطار ويب متكامل يسمح لك بتنفيذ تلك الإضافات بشكل أفضل و سريع.
إطارات مثل Bootstrap, Material Design, Foundation, Tailwind, Bulma و غيرها من الإطارات ستكون جديرة بالإستخدام، لن تحتاج إلى الكثير من الوقت من أجل البدئ في إستخدامها فهي مرتكزة بشكل أساسي على الـ HTML و الـ CSS و الجافاسكربت فقط
🔷تعلم الـ Gruntjs
الـ Gruntjs هو عبارة عن مكتبة جافاسكربت ضمن إطار مكتبات الـ Task Runners، ببساطة تضمين الـ Gruntjs في مشروعك على الويب يتيح لك التحكم في مجموعة من خصائص هذا المشروع أبرزها تقليص حجم الصور، التحكم في أكواد الـ CSS و تنظيمها و تنسيقها و تقليص حجمها،
الـ Gruntjs هو عبارة عن مكتبة جافاسكربت ضمن إطار مكتبات الـ Task Runners، ببساطة تضمين الـ Gruntjs في مشروعك على الويب يتيح لك التحكم في مجموعة من خصائص هذا المشروع أبرزها تقليص حجم الصور، التحكم في أكواد الـ CSS و تنظيمها و تنسيقها و تقليص حجمها،
نفس الأمر بالنسبة لأكواد الجافاسكربت، أيضا ترجمة أكواد مثل Scss الى Css و غيرها. الـ Gruntjs يمكن التحكم به كاملا عن طريق مجموعة من الـ Functions التي تقوم بتضمينها في ملف جافاسكربت محدد بعد إضافة الـ Gruntjs بالطبع، و هي مكتبة بسيطة و سهلة الإستخدام لكن فوائدها عظيمة على المشروع
وفي نهاية المقال نعلمكم انكم يمكنكم طلب مشروع خاص بكم
(موقع الكتروني كامل - تطبيق هواتف ذكية)
من خلال التواصل معنا عبر الخاص
@Rattibha رتب
(موقع الكتروني كامل - تطبيق هواتف ذكية)
من خلال التواصل معنا عبر الخاص
@Rattibha رتب
جاري تحميل الاقتراحات...