[ Plugin ] إضافة لكتابة الاكواد البرمجية بسرعة هائلة وسهولة تامة
![[ Plugin ] إضافة لكتابة الاكواد البرمجية بسرعة هائلة وسهولة تامة](https://2.bp.blogspot.com/-3GqWTELc83k/WJ8ksBGIxaI/AAAAAAAAAn8/ETVm76px0WMA4iC26Kv2eywHUErCJ-ozQCLcB/s1600/emmettips-4.jpg "[ Plugin ] إضافة لكتابة الاكواد البرمجية بسرعة هائلة وسهولة تامة")
Emmet, الأضافة المعجزة لكل مطوري الويب ( Web Developers ) العرب, الأضافة التي ستسهل عليك عمل ساعات في دقائق, الأضافة التي ستزيد حبك للبرمجة بشكل عام لما فيها من ميزات انا بنفسي زهلت عندما رأيت ما بها من ميزات بصراحة هي كنز بمعني الكلمة, باستخدام اضافة Emmet ستكتب كود بسرعة هائلة انا شخصياً غير متخيل الموضوع.
الاضافة Emmet متوفرة علي معظم محررات الاكواد المشهورة عالمياً وبسيطة لكي تستخدمها.
الاضافة Emmet هي مصدر مفتوح Open Surce مشروع خاص بال MIT. صدقني بعد قراءة هذه المقالة لن تكتب كود CSS & Html بدونها بعد الان, الاضافة التي ستوفر عليك الوقت والجهد وستجعلك محترف ولاكن بعد تعلم كيفية استخدامها, الاضافة ليست صعبة لكي تتعلمها بل سهلة جداً جداً وبسيطة وغير معقدة تحتاج بعض الوقت مع التركيز والتدقيق علي الخطوات والتطبيق عليها لكي تستطيع العمل بها بشكل احترافي.
الاضافة مطورة بواسطة Sergey Chikuyonok and Emmet's community ومصممة في عام 2008 بواسطة Vadim Makeev.
تنصيب إضافة Emmet :-
الاضافة لا تحتاج اكثر من برنامج او محرر اكواد يقبل الاضافات Built-in Plugin, بعدها مباشرة تذهب الي موقع الاضافة وتحمل الاضافة من خلاله ويمكنكم الاطلاع علي الاضافة بشكل ادق ومتابعة اخبارها ودروس تعليمية لها بالصوت والصورة من هنا.
الأستخدام :-
سأضع لكم الان الطريقة والكيفية الاستخدام للاضافة بشكل ادق ومفصل جداً وان شاء الله لا يقف امامكم شي.
Emmet تعمل علي اختصار كتابة الاكواد بحيث ان الكود بيكتب بشكل مختصر ويفك للمحرر بشكله الطبيعي بواسطة الاضافة كما سترون الان في الامثلة التي ساعرضها عليكم باستخدام لغتي البرمجة Css - Html.
مثال مبسط عندما نكتب هذا الكود
يفهم بواسطة المحرر هكذا :
معلومة : لا بمكن اسنخدام ال Space بوسط الاكوادالاكواد الفرعية هذه تكتب هكذا بواسطة الاضافة
< : تتيح لك ان ترتب الاكواد علي نظام الابن والاب مثل - div>p>a تصبح
+ : تتيح لك ان تعرض الاكواد ك فرد بمثال div+p+a تصبح
^ : معناها العودة للكود الاب بمثال div>p^div>p تصبح
* : معناها تكرار العنصر بمثال ul>li*3 تصبح
() : معناها جمع العناصر بمثال div>(ul>li*3>a)+p تصبح
بالطبع يمكنكم اضافة الClass و ال Id بواسطة هذه الاضافة ويكون الاضافة كالتالي.
ويمكنكم اضافة اكتر من كلاس او اي دي في سطر واحد هكذا
وتتيح الاضافة اضافة سمة معينة للكود هكذا
ويمكنكم سرد السمات بواسطة ال $ بمثال ul>li.item$*3 تصبح
كما ذكرت ساعرض عليكم الاضافة باستخدام لغتي ال Css - Html وقد انهيت عرض ال Html هذا ليس كل شي هناك المزيد والمزيد من الدروس انا فقط احببت ان اعرض عليكم الاضافة باستخدام هذه اللغة الان ساعرض عليكم بعض الاكواد المكتوبة بواسطة لغة ال Css.يمكنك اضافة بادينج Padding لعنصر باستخدام الحرف P فقط فهو معرف لل Padding و M ل Margin.
بدائل ال Px في الاضافة كالتالي
كما قلت ليس هذا كل شي بل هذا جزء بسيط وما عليك الا الدخول الي الموقع الخاص بالاضافة والاستمتاع بها وانا اعدك انك لن تتركها بعد الان.ارجوا من الله ان اكون وفقت في عرضي لهذا الموضوع المميز من وجهة نظري ولا تنسونا من صالح دعائكم وتشجيعكم واانا اسف لو كنت عرضت الموضوع بشكل غير مفهوم او غير مرتب وشكرا لكم.
![[ Youtube ] كيفية التحميل من اليوتيوب بسهولة 2017](https://4.bp.blogspot.com/-qSYSVwGndOU/WJoCysZS-JI/AAAAAAAAAmM/IEMANzMKtDorqKXVr_0A3ABchL_5PbifACLcB/s72-c/%25D8%25A7%25D9%2584%25D8%25AA%25D8%25AD%25D9%2585%25D9%258A%25D9%2584%2B%25D9%2585%25D9%2586%2B%25D8%25A7%25D9%2584%25D9%258A%25D9%2588%25D8%25AA%25D9%258A%25D9%2588%25D8%25A8.jpg)
مرحباً، أسمي محمد وأنا هنا لأقدم لكم أحدث الطرق والنصائح في عالم الأنترنت والتكنلوجيا التي تثري حياتكم
ليست هناك تعليقات:
إرسال تعليق