اگر برنامه نویس و توسعه دهنده وبسایت هستید قطعا اهمیت ابزارهای مختلف طراحی و کتابخانه های مختلف را میدانید. این ابزارها به توسعه دهندگان کمک میکنند تا کار خود را سریع تر و با کیفیت تر پیش ببرند. ما در این مقاله قصد داریم برخی از بهترین و محبوب ترین وب سایت های کاربردی را معرفی کنیم پس تا پایان این مقاله با ما در وب دنج همراه باشید.
فریمورک Tailwind، یکی از فریمورک های نوظهور در دنیای برنامه نویسی سمت فرانت اند است. این فریمورک جدید CSS که با قابلیت های خود همه را مبهوت خود کرده.
در ادامه این مقاله از تیم وب دنج، ما قصد داریم تا با هم جزئیات بیشتری از این فریمورک یعنی Tailwind CSS را یاد بگیریم و تفاوت های آن با سایر فریمورک ها را متوجه شویم؛ با تیم وب دنج همراه باشید.
فریمورک Tailwind CSS
CSS که یکی از مهمترین تکنولوژی ها در بحث طراحی و توسعه وب سایت ها است و به منظور استایل دهی و زیبا سازی صفحات وب سایت ها استفاده میشود. همچنین با استفاده از آن میتوانید صفحات وب را به طور دلخواه، شخصی سازی و طراحی کنید.
زمانی این استایل دهی ها با CSS به صورت خام دشوار میشود که شما میبایست وب سایت ها و اپلیکیشن های بزرگی با تعداد صفحات زیاد طراحی کنید. معمولا توسعه دهندگان برای رفع چنین مشکلاتی از فریمورک های CSS که شامل قواعد از پیش تعیین شده، کدهای استاندارد و بهینه ، کلاس ها و غیره هستند را استفاده می کنند.
اگر به حوزه فرانت اند علاقه مند هستید و یا به یادگیری برنامه نویسی فرانت وب سایت ها مشغول شدید حتما اصطلاحاتی مانند Javascript و ECMAscript و یا ES را شنیده اید. به خصوص نسخه ششم آن یعنی ES6 که بیشتر با آن سر و کار داریم؛ اما شاید ارتباط آنها و تفاوت هایشان شما را گیج کرده است.
برای درک بهتر تفاوت ECMA script و Javascript بهتر است ابتدا با خود ECMA آشنا شوید. اما قبل از پرداختن به موضوع اصلی، اگر اطلاعاتی درباره درباره فرانت اند ندارید، توصیه میکنیم ابتدا مقاله فرانت اند (front-end) چیست را مطالعه کنید. حال به معرفی سپس تفاوت های موارد ذکر شده میپردازیم؛ پس با ما در وب دنج همراه باشید.
ECMA چیست ؟
ECMA مخفف European Computer Manufacturer’s Association است. در سال ۱۹۶۱ انجمن سازندگان رایانه اروپایی (ECMA) سازمانی را تأسیس کردند تا نیازهای استانداردسازی قالب های عملیاتی رایانه ها از جمله زبان های برنامه نویسی و کدهای ورودی – خروجی را تامین کند. که به طور عمومی به عنوان ECMA شناخته میشوند.
یکی از چالش های مهمی که برنامه نویسان در پروژه های بزرگ با آن مواجه هستند بحث توسعه و نگهداری کدهای مربوطه است. اما روش نامگذاری BEM چه تاثیری در این موضوع دارد؟
در طراحی سایت و بخصوص در کد های مرتبط با Front-End نیز برنامه نویسان با این چالش مواجه هستند.
یکی از چالش های مربوط به توسعه کدهای Front-End بحث نامگذاری معنی دار و اصولی کلاس ها (class) است.
کلاسها (class)
کلاسها (class) در طراحی وبسایت ها از اهمیت بالایی برخوردارند زیرا کلاس ها نمود بسیاری در کدهای CSS, Sass, JavaScript, HTML دارند و بسیار مهم است که نامگذاری آنها به صورت اصولی انجام بشه تا کدها خوانایی و انعطاف مورد نیاز را داشته باشند.
روشهای متعددی برای نامگذاری کلاسها وجود دارد که یکی از کارآمدترین و جالب ترین آنها، که امروزه بخصوص در حوزه Front-End بسیار مورد استفاده است روش نامگذاری BEM است.
برنامه نویسی یکی از مشاغل پرطرفدار در دنیا محسوب میشود که به ویژه در سال های اخیر به تعداد طرفداران آن افزوده شده است . اگر شما نیز یکی از طرفداران این حوزه به خصوص برنامه نویسی وب هستید ، حتما در مسیر مطالعات خود با اصطلاحاتی مانند توسعه دهنده فرانت اند (Front-End) و یا توسعه دهنده بک اند (Back-End) مواجه شدید.
ما در این مقاله به برسی کامل برنامه نویسی فرانت اند و بازار کار آن و همچنین مهارت های مورد نیازه این حوزه میپردازیم پس با ما در وب دنج همراه باشید.
برنامه نویسی Front End چیست؟
فرانت اند (Front-End) به جنبه گرافیکی و بصری وب سایت ها و یا اپلیکیشن ها که توسط کاربران قابل رویت و مشاهده است گفته میشود. برنامه نویسی فرانت اند هم به معنای برنامه نویسی آن بخشی از سایت است که قابل مشاهده برای کاربران است و همچنین با آن تعامل دارند. این بخش از وبسایت ها توسط توسعه دهندگان فرانت و با استفاده از کد هایی که برای کاربران قابل درک نیست نوشته میشود و در قالب جنبه گرافیکی و ظاهری در وبسایت ها و اپلیکیشن ها نمایش داده میشود
آیا میدانید توسعه وب سایت به چه فرآیندی میگویند؟ نقش فرانت اند و بک اند در این فرآیند چیست؟ با تیم وب دنج همراه باشید تا با هم به پاسخ این سوالات مهم بپردازیم.
وب سایت چیست؟
وب سایت یک پلتفرم آنلاین است که افراد یا سازمان ها را قادر می سازد اطلاعات را به اشتراک بگذارند و با مخاطبان جهانی تعامل داشته باشند. وب سایت ها را می توان برای اهداف مختلفی ایجاد کرد، از جمله وبلاگ های شخصی، سایت های تجارت الکترونیک، پورتال های خبری و پلتفرم های رسانه های اجتماعی. با افزایش محبوبیت اینترنت، وب سایت ها به ابزاری حیاتی برای مشاغل و افراد برای دستیابی به مخاطبان گسترده تر، انجام معاملات و ارائه خدمات تبدیل شده اند.
قسمت جلویی یک وب سایت به قسمتی از پلتفرم که کاربر رو به رو است، اشاره دارد. مسئول طراحی، چیدمان و تجربه کاربری کلی یک وب سایت است. توسعه دهنده front-end مسئول ایجاد عناصر بصری یک وب سایت مانند طرح رنگ، فونت و طرح است.
ما در این مقاله قصد داریم تا باهم بررسی کنیم چگونه پایتون را روی ویندوز خودمون نصب کنیم. زبان برنامهنویسی پایتون، در کنار سادگی بیش از حد خود، یک زبان برنامهنویسی سطح بالا به حساب می آید. این زبان، اولین بار در سال 1991 عرضه شد و هم اکنون یکی از پرطرفدار ترین زبان های برنامه نویسی دنیا است.
دلیل محبوبیت بالای python، فلسفه طراحان آن است که بر سادگی و قابل خواندن بودن کد ها اشاره دارد. هم چنین زبان برنامه نویسی پایتون نسبت به دگیر زبان های برنامه نویسی، فرآیند یادگیری خیلی ساده تری دارد. بنابراین نصب python روی ویندوز برای شما ضروری به حساب می آید.
کدام نسخه پایتون را نصب کنم؟
طبق بروزرسانی که سال ها پیش انجام شد، پایتون دارای دو نسخه مجزا از هم شد. پایتون 2 و پایتون 3. اما ما در اینجا به دلیل وسعت کار با پایتون 3، آموزش نصب آن را برای شما قرار می دهیم. لازم به ذکر است که همه مقالات وب دنج که مربوط به پایتون است، با پایتون 3 پیاده سازی شده اند. شما زمانی که به وبسایت رسمی پایتون مراجعه میکنید، از طریق منو میتوانید وارد بخش دانلود پایتون شود. در این بخش جدید ترین نسخه پایتون مناسب سیستم عاملتان را به شما نمایش می دهد.