<المبرمج السوري/>

‏شوية اسئلة Interview Front End ممكن تتسالها لو عندك مقابلة قريب ‏و لو معندكش هتفيدك برضو لو فى حاجه واقعه منك او حاجه اول مرة تسمع عنها ممكن تاخد الاسئلة تبحث عنها و تزود معلوماتك ‏1 - What is the difference between dom and bom ‏2 - What is the event loop? ‏3 - What is the difference between callback and promise ‏4 - What is the react helmet? ‏5 - What is nextjs? ‏6 - What is the difference between SPA & SSG & SSL & SSR ‏7 - How to improve performance in the react app ‏8 - What is the reaction cycle? ‏9 - What is the lazy function? ‏10 - How do we use the design pattern in CSS? ‏11 - How to ensure the best SEO experience ‏12 - What are the solid principles? ‏13 - What is the difference between var & let & const ‏14 - What is the difference between asynchronous function and synchronous function ‏15 - What is the difference between async and await and when to use them? ‏16 - What is the promise and what should I use? ‏17 - What is the difference between context and redux ‏18- What is the difference between next js and react helmet in seo ‏19 - What is the react query? ‏20 - What is the difference between formik and yup? ‏21 - What is usememo? ‏22 - What is hosting? ‏23 - What is call stack? ‏24 - What is it set data type ? ‏25 - What is the difference between use memo and use callback? ‏26 - What is the higher order function?

لو عندك ملف JSON وحابب تستكشفه او تفهمه او تعمله visualize ممكن ترفعه هنا على الموقع ده وهو هيحوله ل Graph لينك الموقع : https://jsoncrack.com/

"الإيمان أن ترى النور داخل قلبك حتى لو كانت عيناك لا ترى إلا الظلام."❤️

جماعة ال front end 🪄 مواقع مفيدة جدا لموقعك الإلكتروني ‏Amazing Website | Use For Css ‏1- Make Some Waves موقع يوفر أداة مجانية لإنشاء موجات SVG بطريقة بسيطة وسهلة ‏ https://getwaves.io/ ___ ‏2- Fancy Border Radius موقع fancy-border-radius يقدم أداة مجانية لإنشاء أشكال معقدة وجذابة باستخدام CSS border-radius. ‏ https://9elements.github.io/fancy-border-radius/ ___ ‏3- CSS Buttons يعتبر أداة مفيدة لتوفير مكتبة شاملة من العناصر الجاهزة التي يمكن استخدامها في تصميم واجهات المستخدم. ‏ https://uiverse.io/elements ___ ‏4- SVG Background هو أداة مفيدة لإنشاء وتوليد صور خلفيات (Backgrounds) بشكل سريع وسهل. ‏ https://bgjar.com/#google_vignette ___ ‏5- CSS Grid هو أداة مفيدة لإنشاء وتوليد أنظمة الشبكات باستخدام CSS Grid بشكل سهل وسريع. ‏ https://cssgrid-generator.netlify.app/?ref=producthunt ___ ‏6- Smooth Shadow باختصار، موقع هو أداة ممتازة لمصممي الويب الذين يرغبون في إنشاء تصاميم حديثة وأنيقة باستخدام تقنية Neumorphism بسهولة وفعالية. ‏ https://neumorphism.io/#e0e0e0

«‏دعاءُ النَّجاحِ والتَّوفيقِ في الدِّراسةِ» 📚 اللَّهُمَّ ارزقنا نجاحًا في كُلِّ أمرٍ، ونيلًا لكلِّ مقصدٍ، وارزقنا القِمَمَ في درجاتِ العِلم. اللَّهمَّ إنّا نسألُك التوفِيقَ، والهدايةَ، والرّشدَ، والإعانةَ، والرِّضا، والصّيانةَ، والدُّعاءَ، والإجَابــةَ. اللَّهُمَّ ارزقنا نورًا في القلبِ، وزينةً في الوجه، وقوَّةً في العمل. اللَّهُمَّ أغدِقْ بِكرمِك علينا بكلِّ نجاحٍ، وكلِّ صلاحٍ، وكلِّ فلاحٍ. أسألُ اللَّهَ التَّوفيقَ لي ولكم.. ﴿رَبَّنَا اغْفِرْ لَنَا ذُنُوبَنَا وَإِسْرَافَنَا فِي أَمْرِنَا﴾.

دي شويه extensions في الـ visual studio code ممكن تساعدك 🔹Rainbow Tags بيلون الـ HTML Tags فشكل الكود بيكون منظم اكتر 🔹 Color Highlight بيعمل Heighlight للـ variables او الـ hex بتاعة الألوان باللون بتاعها 🔹 Todo Highlighter بتساعدك تقسم مهامك ف الكود. 🔹 Auto Renametag و دي من خلالها لو هتعدل اسم الـ Tag تقدر تغير إسمه في الـOpen tag و هيسمع في الـClose tag تلقائي. 🔹 Bookmarks بتقدر تميز بيها الأجزاء المهمة بتاعتك علشان تعرف ترجعلها ف أي وقت بسهولة. 🔹Image preview بيحط صوره مصغره للصوره جنب رقم الـ Line اللي موجوده فيه فبيساعدك تتأكد انك من الصوره اللي عاوزها 🔹 Auto Import بيعملك Auto Import وبيحطلك ال Path كمان 🔹Project Manager بيساعدك توصل للـ Projects اللي شغال عليها بسهوله بغض النظر عن المكان اللي هما موجودين فيه 🔹SQL server بتحول VS Code لسيرفر قواعد بيانات كامل عن طريق إنك تجرب الـQueries و تتأكد منها قبل ما تضيفها ف البرنامج بتاعك. 🔹 SVG Viewer تقدر من خلاله تشوف الصور الـSVG من غير ما تحتاج لبرامج خارجيه ، و كمان تقدر تحولها لـPNG أو تعملها URL 🔹Material Icon Theme بيعملك الـFile Icon علشان تكون عارف ال file دا الـ Extension بتاعه ايه 🔹IntelliSense for CSS class names in HTML بيشوف كل فايلات الـ CSS اللي ف ال project بتاعك وبيعملها Cash وانت شغال بيبدأ يعملك auto complete لاسماء ال classes 🔹 ESLint بتستخدم مجموعة من القواعد و تحلل الكود بتاعك بهدف إنها تحسنه. 🔹 CSS Peek و دي من خلالها بتقدر تشوف كود ال CSS إللي بيأثر على الـTag إللي إنت عنده. 🔹 Faker بتوفرلك بيانات وهميه للتجربة زي أسماء أو أرقام أو صور و حاجات تاني. 🔹Live Server و دي بقى بتعمل تحديث لبيانات المتصفح تلقائي من غير ما تعمل Refresh. 🔹HTML Boilerplate بتسهل علينا بدال ما نكتب تاج head و body ف بنكتب html بس و بنلاقي هيكلة صفحة html كاملة إتبنت. 🔹Code OCR - Extract Code from image VS Code Extension من خلاله تقدر تعمل Extract للـ Code لو موجود في صوره 🔹 CodeSnap بيخليك تعمل Screenshot الكود بتاعك بسرعة و بشكل حلو 🔹Change Case بتقدر من خلالها تغير الـtext بتاعك من Small لـCapital أو العكس. 🔹One Monokai Theme بتقدر من خلالها تغير الوان VS Code و لون الكود بتاعك. 🔹 Minify بتساعدك تعمل ملفات صغيره لملفاتك و بتدعم HTML, CSS, JS. 🔹 Auto CloseTtag و دا علشان لو بتنسى تقفل الـTag بتاعك فدا بيقفلك الـTag تلقائي. 🔹 Open in Browser من خلاله تقدر تفتح البروجكت على الـ Browser من و انت في VSCode بمجرد ما تعمل Alt + B

إذا في حدا بشتغل Vue.js يتواصل معي 😁

كل عام ومحاربي الهندسة المعلوماتية في سوريا بألف خير💜 راجين من اللّه التوفيق في مجالٍ يحتاج إلى بيئة ومؤهلات تُعد صعبة على الغالبية💔 وإن شاء الله السنة القادمة تحمل في طياتها العديد من النجاحات والانجازات👊

"اللهم إن كانت هذه الليلة ليلة القدر فارزقنا نورها وخيرها وبركتها اللهم إنا نستودعك أدعية فاضت بها قلوبنا فاستجبها يامجيب الدعاء.. " تذكرونا بالدعاء❤️

لن تُدرك قيمته حتى تفقده هذه وظيفة فوات الأوان

مالذي يميز Tailwind CSS عن بقية التقنيات واطر العمل ؟ - تخصيص لا حدود له: يوجد لدى Tailwind css نظام التخصيص المتقدم حيث يمكنك جعل تصميماتك تبرز بسهولة. - تصميم ومنطق مفصولين: احصل على واجهات مستخدم رائعة دون تعقيد في ترتيب ملفات التطبيق، مما يضمن سهولة التطوير. - أداء مثالي: مع Tailwind، الملفات المستخدمة حجمها قليل بفضل إزالة الكلاسات غير المستخدمة، لتحصل على سرعة عرض فائقة. - تحكم سحري في التصميم: باستخدام Tailwind تستطيع التحكم في التصميم بكل سهولة ، دون الحاجة إلى كتابة CSS من الصفر. - سرعة فائقة في التطوير: وفر وقتك بالابتعاد عن التنقل المستمر بين ملفات HTML وCSS، واستمتع بعملية تطوير أسرع. Tailwind CSS هي الاختيار المثالي للمطورين الذين يطمحون لتحقيق التميز والابتكار في تصميماتهم، دون التضحية بالأداء أو الكفاءة.

اللهم إنا نسألك بهذا الشهر الفضيل أن تبدل حالنا إلى أحسن الاحوال وأن ترزقنا أجمل الايام❤️🤲

عندما تتعب تعلم أن تستريح لا أن تنسحب🤛❣️

HTTP Status Codes