برای بسیاری از افراد تازه‌کار در دنیای توسعه سمت کاربر یا Front-End Development موضوعات ابتدایی و پایه‌ای بسیار واضح به‌نظر می‌رسد و هیچوقت فکر نمی‌کنند که روزی در کدنویسی آن موارد اشتباه کنند. اما واقعیت این است که همین موضوعات پایه‌ای هم می‌توانند بخشی از اشتباهات یک توسعه‌دهنده سمت کاربر باشند. با در نظر گرفتن این موضوع در این مطلب قصد داریم شما را با مرسوم‌ترین اشتباهات بسیاری از توسعه‌دهندگان فرانت-اند آشنا کنیم. سعی کنید این اشتباهات را در کدهای خودتان تکرار نکنید.
DOCTYPE دستوری است که با استفاده از آن مرورگر به نسخه HTML مربوط به سند شما پی می‌برد. برای نوشتن این دستور در HTML نسخه ۵ تنها کافی‌ست تا قطعه کد زیر را در ابتدای سند وارد کنید:
<!DOCTYPE HTML>یکی از اشتباهات مرسوم طراحان وبسایت نبستن تگ‌ها است. این موضوع از آن جهت ایجاد می‌شود که توسعه‌دهندگان توجه کافی به کدها ندارند. برای جلوگیری از این موضوع می‌توانید از یک ادیتور مناسب استفاده کنید که در آن تگ‌ها به صورت خودکار بسته می‌شوند.
اگر قصد استفاده از جاوااسکریپت به صورت Internal را دارید باید از تگ script استفاده کنید.
<script type=”text/javascript”></script>در نسخه‌های قبلی HTML استفاده از خاصیت type ضروری بود اما در HTML5 می‌توانید از این مقدار استفاده نکنید.
یک نکته مهم که برنامه‌نویسان گاهی در آن اشتباه می‌کنند آن است که تگ‌های script را باید در انتهای کدهای مربوط به قسمت body قرار دهید.
خاصیت alt به عنوان یک جایگزین برای تصاویر استفاده می‌شود. البته جدای از این کاربرد، alt سئو وبسایت را بهینه‌تر کرده و همچنین دسترسی‌‌پذیری را افزایش می‌دهد.
گاهی اوقات برنامه‌نویسان مبتدی چندین المان را با استفاده از یک ID روی یک صفحه قرار می‌دهند. این کار اشتباه است. ID المانی است که باید به صورت منحصر به فرد تعیین شود. به این معنا که یک ID باید متعلق به یک tag باشد. اگر قصد دارید یک استایل را به المان‌های مختلفی اعمال کنید بجای استفاده از ID باید از Class استفاده کنید.
استایل‌دهی به صورت inline-style کاری اشتباه است چرا که باعث پیچیده شدن پروژه خواهد شد. بجای آن بهتر است از رویکردهای Internal و External استفاده کنید. اگر کدهای‌تان کوتاه است رویکرد Internal می‌تواند جوابگوی شما باشد در غیر اینصورت بهتر است از همان فایل style.css استفاده کنید.
یکی دیگر از اشتباهات بزرگی که توسعه‌دهندگان انجام می‌دهند استفاده کردن از تگ br برای قالب‌دهی به متون است. برای اعمال فواصل و استایل‌های مشابه آن بهتر است از CSS استفاده کنید. انجام چنین کاری باعث بالا رفتن سازگاری وبسایت در دستگاه‌های مختلف نیز می‌شود.
important دستوری است که باعث اولویت دهی به یک استایل خاص و نادیده گرفتن استایل‌های دیگر می‌شود. هیچ‌گاه در استفاده از این المان زیاده‌روی نکنید چرا که کدهای شما را ناسازگار کرده و کنترل آن را سخت می‌کند.
هدف از classها می‌تواند موضوعات مختلفی باشد. اما یکی از مهمترین آنها استفاده دوباره کردن است. به این معنا که شما یک استایل خاص را تعریف کرده و آن را روی المان‌های مختلفی اعمال می‌کنید. برای انجام چنین کاری بهتر است از نام‌های معناداری استفاده کنید که بهتر از وضعیت استایل‌ها خبردار شوید.
برای برخی از استایل‌های CSS یکسری میانبر وجود دارد که دانستن آنها به تمیز‌تر بودن کدها کمک می‌کند. برای مثال دستور padding را در نظر بگیرید. استفاده کردن از padding-top، padding-buttom و… می‌تواند کدهای‌تان را شلوغ بکند. بجای این کار تنها کافی‌ست تا padding را فراخوانی کنید.
یکی از دلایل اصلی ایجاد CSS کم شدن المان‌های تکراری در یک فایل کدنویسی شده است. برای مثال اگر قصد اعمال یک استایل روی المان‌های مختلف را دارید بجای آنکه به صورت تک تک این کار را انجام دهید، همه آنها را در یک گروه اعمال کنید.
این موضوع را نیز در نظر بگیرید که استفاده کردن از selectorهای تودرتو می‌تواند پیچیده و گاهی اوقات شَلخته باشد. به همین خاطر مهم است که در حد توان آنها را کوتاه نگه دارید.
من عاشق کمک کردن به آدم ها هستم و سعی می‌کنم تجربه هام رو باهاتون به اشتراک بزارم که حال روحی خوبی رو باهم و در کنار هم تجربه کنیم .
5 مقاله اخیر از این قسمت برای شما در دسترس است
مقالات برگزیده را در این قسمت می‌توانید ببینید
اشکال نداره ، یکی از سایت های نوپا و تازه تاسیس در زمینه پادکست صوتی است که در سعی و تلاش است که با ارائه پادکست های روانشناسی آسیب ها ، مشکلات و معضلات اجتماعی را شناسایی کرده و در محیطی دوستانه درباره آنها صحبت کرده و طبق تجربیات شخصی راهی را برای بهتر کردن حالمان و رها شدن از تله های زندگی ارائه کند . آرامش ذهنی و حال خوب در این دنیای پر از هیاهو آرمان و هدف ماست .
کليه حقوق و محتوای اين سایت متعلق به اشکال نداره می باشد و هر گونه کپی برداری از محتوا و پادکست های سایت غیر مجاز و بدون رضایت ماست.