لوحة المتصدرين

أريد استخدام أيوقونات في تطبيق مختصة ب الوظائف ( ميكانيكي و سباك و ... )، كيف أستطيع الحصول على هكذا شيء، حيث لم أجدها في الحزمة الموجودة افتراضيا في مشروع فلاتر ( cupertino_icons/ )

السلام عليكم عندما اضغط على button لا يذهب الى دليل الهاتف

اكتشفت المشكلة انو طلعت الأيقونات التي أريد استخدامها في النسخة المدفوعة ( Pro )

يتم استخدامها بهذا الشكل FaIcon(FontAwesomeIcons.x)

ممكن صورة للمشكلة , أو ممكن يكون هناك مشكلة في طريقة استخدام المكتبة.

إذا كان ما تريد موجود في مكتبة fontawsome يمكنك تثبيت الحزمة في مشروع بوضع المكتبة في ملف pubspec.ymal font_awesome_flutter: ومن ثم تنفيذ الأمر التالي flutter pub get إذا لم تجد ما تريد يمكنك صنع الأيقونات بصيغة svg أو جعل مصمم يقوم بتنفيذ الأيقونات لك.

صحيح, فالشهادة مؤهل ومؤكد جيد على انك تمتلك الخبرة في هذا المجال, وأيضا الشهادة معتمدة ولديها كود فريد يمكن التأكد من صحتها من خلاله كما قلت سابقا فهذا الأمر يزيد من فرص القبول, بالاضافة الى الشهادة هناك عوامل أخرى تؤثر على فرص القبول ارجو منك ان لا تنساها في الأخذ بعين الاعتبار, مثل أعمالك السابقة وتقييمات الزبائن شكرا لك

مرحبا دراغون بالتأكيد قوية ومعتمدة فهي مختومة ولها كود فريد يتيح التأكد من صحتها ,كما أيضا تزيد من فرص قبولك بشكل كبير في المشاريع على مواقع العمل الحر مثل مستقل وموقع خمسات شكرا لك

هل يمكنك تنفيذ الأمر التالي flutter doctor و من ثم مشاركة النتائج معي.

أكواد جافاسكريبت لا يمكن إخفائها، لأن المتصفح يجب أن يقوم بتحميلها حتى يستطيع أن ينفذها، وبما أن المتصفح يقوم بتحميلها فيمكن للمستخدم الحصول على هذه الأكواد من خلال أدوات المطورين dev tools في المتصفح، لكن يمكنك أن تقوم بتحويل الكود لكي يكون صعب الفهم، وهذا ما يسمى التعميم Obfuscation حيث نقوم بتحويل الكود التالي: function NewObject(prefix) { var count=0; this.SayHello=function(msg) { count++; alert(prefix+msg); } this.GetCount=function() { return count; } } var obj=new NewObject("Message : "); obj.SayHello("You are welcome."); ليكون بهذا الشكل على سبيل المثال: var _0xafc3=["\x53\x61\x79\x48\x65\x6C\x6C\x6F","\x47\x65\x74\x43\x6F\x75\x6E\x74","\x4D\x65\x73\x73\x61\x67\x65\x20\x3A\x20","\x59\x6F\x75\x20\x61\x72\x65\x20\x77\x65\x6C\x63\x6F\x6D\x65\x2E"];function NewObject(_0xe9e5x2){var _0xe9e5x3=0;this[_0xafc3[0]]= function(_0xe9e5x4){_0xe9e5x3++;alert(_0xe9e5x2+ _0xe9e5x4)};this[_0xafc3[1]]= function(){return _0xe9e5x3}}var obj= new NewObject(_0xafc3[2]);obj.SayHello(_0xafc3[3]) وسيعمل كل شيء على ما يرام، يمكنك تجربة الكود من خلال تشغيله في الـ console توجد أداة مجانية تسمى Javascript Obfuscator تقوم بهذا الأمر

الكود الثالث لن يعمل معك في حالة ال ifram وللوصول للنتيجة المرغوبة يكمنك الابقاء على الكود الأول لكن بتغييرات بسيطة <script type="text/javascript"> $(function(){ $('#button').click(function(){ if(!$('#iframe').length) { $('#iframeHolder').html('<iframe id="iframe" src="//player.vimeo.com/video/90429499" width="700" height="450"></iframe>'); // بالنسبة لك هذا هو الزر المسؤول على تكبير وتصغير الشاشة $('#iframeHolder').append('<span class="togglebutton">Toggle</span>'); } }); }); </script> <button id="button">Button</button> <div id="iframeHolder"></div> طبعا الزر الجديد يحتاج لبعض التنسيقات هو و div iframeHolder #iframeHolder { width:200px; height:200px; border:1px solid gray; position:relative; } iframe { /* width:100%; height:100%; */ width: 1280px; height: 786px; border: 1px solid black display:block; -moz-transform: scale(0.25); -moz-transform-origin: 0 0; -o-transform: scale(0.25); -o-transform-origin: 0 0; -webkit-transform: scale(0.25); -webkit-transform-origin: 0 0; } span.togglebutton { position:absolute; left:0; top:0; background-color:black; padding:3px; color:white; } div.maximized { position:fixed; top:0; left:0; width:100%; height:100%; -webkit-transform: scale(4); -webkit-transform-origin: 0 0; border:0 none; z-index:9; } في هذه الحالة الأن كل الكود الثالث الخاص بك يمكن ان يستبدل ب $("span.togglebutton").click(function () { $(this).closest("div").toggleClass("maximized"); }); الان أصبح لديك فيديو فيه زر لتكبير وتصغير والكود الثاني يمكنك الابقاء عليه كما هو

أظن أن قصدك "وضع الكود الثاني و الثالث بداخل الأول" (و هذا تحقيقا للغرض المطلوب). لا حاجة لذلك , يمكنك فصل كل الدوال بحسب المهمة و من ثم إستدعاءهم في دالة واحدة . بداية يمكنك تبسيط العملية أكثر عن طريق التالي : قم بوضع كل الأكواد الأول و الثاني و الثالث بداخل دوال على هذا النحو (وهذا بحسب مبدأ فصل الإهتمامات) : function openVideoFile() { if(!$('#iframe').length) { $('#iframeHolder').html('<iframe id="iframe" src="//player.vimeo.com/video/90429499" width="700" height="450"></iframe>'); } } و : function putVideoInPage() { setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3); } و : function GoInFullscreen(element) { if(element.requestFullscreen) element.requestFullscreen(); else if(element.mozRequestFullScreen) element.mozRequestFullScreen(); else if(element.webkitRequestFullscreen) element.webkitRequestFullscreen(); else if(element.msRequestFullscreen) element.msRequestFullscreen(); } function GoOutFullscreen() { if(document.exitFullscreen) document.exitFullscreen(); else if(document.mozCancelFullScreen) document.mozCancelFullScreen(); else if(document.webkitExitFullscreen) document.webkitExitFullscreen(); else if(document.msExitFullscreen) document.msExitFullscreen(); } function IsFullScreenCurrently() { var full_screen_element = document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement || null; if(full_screen_element === null) return false; else return true; } و : function setEventForGoButton() { $("#go-button").on('click', function() { if(IsFullScreenCurrently()) GoOutFullscreen(); else GoInFullscreen($("#demo-element").get(0)); }); } و : function handleFullScreen() { $(document).on('fullscreenchange webkitfullscreenchange mozfullscreenchange MSFullscreenChange', function() { if(IsFullScreenCurrently()) { $("#demo-element span").text('opn'); $("#go-button").text('bak'); } else { $("#demo-element span").text('bak'); $("#go-button").text('opn'); } }); } ثم يمكنك دمج و إستدعاء كل الدوال بعد الضغط على زر تشغيل الفيديو على هذا النحو : $(function(){ $('#button').click(function(){ // تضمين الفيديو في الصفحة openVideoFile(); // وضع رابط فيديو بصفحة النشر بدون وضع اكواد فريم putVideoInPage(); // إضافة التفاعلية لزر ملئ الشاشة setEventForGoButton(); // تغيير النصوص بحسب وضع ملئ الشاشة // #demo-element span النصوص المعرفة بـ handleFullScreen(); }); }); ملاحظات : الكثير من الأكواد غير واضحة المهمة في الأكواد التي أرفقتها و لا يظهر بالنسبة لي أي ترابط بين الكود الثاني و الأكواد الأخرى , و رغم ذلك قد قمت بتضيمنها في الأكواد التي وصفتها لك (يمكن لأن ذلك راجع إلى غياب باقي عناصر الصفحة ) . يمكنك تتبع نفس المنطق لكتابة دالة تجمع عمل كل الدوال المعرفة (ألف دالة تقوم بألف مهمة أفضل من دالة تقوم بألف مهمة) , سيكون الكود أفضل قراءة و أكثر وضوحا.

توجد العديد من الطرق لعمل ذلك فمثلاً يمكنك استخدام ال fonts من خلال ملفات ال css كالتالي @import url('https://fonts.googleapis.com/css?family=Roboto'); html { font-family: 'Roboto', sans-serif; } أو يمكنك استخدام الإضافة gatsby-plugin-google-fonts حيث تقوم بإضافة الخطوط المستخدمة يمكنك تثبيت الإضافة كالتالي yarn add gatsby-plugin-google-fonts // أو npm install gatsby-plugin-google-fonts --save ثم إضافة الخطوط في ملف ال gatsby-config.js كالتالي module.exports = { siteMetadata: { title: `I like Google fonts` }, plugins: [ { resolve: `gatsby-plugin-google-fonts`, options: { fonts: [ `limelight`, `source sans pro\:300,400,400i,700` //style وال weight يمكنك أيضاً تحديد ال ], display: 'swap' } } ] } قم بالإطلاع على المزيد من المعلومات من خلال موقع Gatsby