خانه / بایگانی برچسب: طراحی سایت

بایگانی برچسب: طراحی سایت

JQuery چیست؟ چرا باید از آن استفاده کنیم

جی کوئری (jQuery) کتاب خانه ای سریع، کوچک و پر از ویژگی از زبان جاوا اسکریپت است و برنامه نویسی را بسیار ساده میکند. یادگیری کتاب خانه ای همچون jQuery(جی کوئری) بسیار ساده تر از یادگیری زبان جاوا اسکریپت است.در این مقاله می خواهیم با این موضوع که JQuery چیست؟ چرا باید از آن استفاده کنیم آشنا شویم. کد نویسی با زبان جاوا اسکریپت میتواند سخت باشد، با وجود اینکه این زبان باز هم نسبت به بعضی از زبان ها ساده تر است ولی همچنان یک زبان برنامه نویسی است و بعضی از مردم مانند از طراحان وب ، برنامه نویسی را سخت میدانند. مشکل بعدی این است که مرورگر های مختلف زبان جاوا اسکریپت را متفاوت میفهمند، در نتیجه برنامه ای که در مرورگری مانند کروم به راحتی اجرا میشود ممکن است در مرورگر اینترنت اکسپلورر ۹ قابل اجرا نباشد. در این صورت شما باید وقت و هزینه ی زیادی صرف کنید تا مطمئن شوید برنامه شما در همه ی مرورگر هایی که کاربران شما از آن استفاده میکنند به درستی کار میکند.(برای یادگیری جی‌کوئری می توانید از دوره جامع آموزش JQuery کدفرند استفاده کنید) اینجاست که کتاب خانه ی JQuery(جی کوئری) به کمک ما خواهد آم..

توضیحات بیشتر »

رنگ ها در طراحی وب : هر آنچه باید درباره رنگ‌ها بدانید

موفقیت هر قطعه از ارتباطات بصری به رنگ بستگی دارد. تحقیقات در زمینه تاثیر رنگ در بازاریابی به ما نشان می‌دهد که تنها ۹۰ ثانیه طول می‌کشد تا یک تصمیم ناخودآگاه در مورد یک محصول اتخاذ شود، و اینکه ۶۲ تا ۹۰ درصد از این تصمیمات تنها براساس رنگ ها هستند. در نتیجه، افزایش آگاهی شما از نظریه رنگ ها و روان‌شناسی آنها می‌تواند یک راه موِثر برای کمک به افزایش ارتباط با مشتری و بازدید کننده باشد، و در بسیاری از نمونه‌ها قابلیت رابط کاربری شما را بهبود می‌بخشد.در این پست قصد داریم با روان‌شناسی رنگ ها و تاثیر رنگ ها در طراحی وب آشنا شویم. پیشنهاد شگفت انگیز کدفرند،دانلود به تمامی دوره های آموزشی کدفرند تنها با ۶۹ هزار تومان درک کنید که کدام رنگ چه معنایی برای مخاطب شما دارد به طور کلی، رنگ‌های مختلف موارد زیر را به تصویر می‌کشند: رنگ قرمز (Red) مفاهیم مثبت : انرژی،اشتیاق،قدرت،حرارت،هیجان مفاهیم منفی : عصبانیت،تهاجم،ترس،شورش،شرارت محل استفاده : ایجاد اخطار،ایجاد فوریت،افزایش اشتیاق رنگ زرد (Yellow) مفاهیم مثبت : شادی،خوش بینی،صمیمت،بازیگوشی،سرگرمی مفاهیم منفی : انتقادی،بی صبری و بی تابی،تکان ده..

توضیحات بیشتر »

زبان‌های برنامه‌نویسی که هر تازه‌کاری باید یاد بگیرد

برنامه‌نویسی یکی از بنیادی‌ترین مهارت‌هایی است که متخصصان حوزه‌ی کامپیوتر باید به آن احاطه داشته باشند. اما افراد تازه‌کاری که درصدد ورود به این حوزه هستند، برنامه‌نویسی را باید از کجا شروع کنند؟در این مقاله می خواهیم با زبان‌های برنامه‌نویسی که مناسب برای افراد تازه کار و مبتدی هستند آشنا شویم. صنعت کامپیوتر هر روز در حال پیشرفت است و این پیشرفت مستلزم تربیت متخصصان بیشتر و کارآزموده‌تری است. علوم کامپیوتر جزو پویاترین صنایعی است که در حال حاضر با سرعت بالایی در حال پیشرفت است. سرعت بالای پیشرفت در این صنعت مستلزم وجود متخصصان کاربلد است و این موضوع در مورد همه‌ی کشورهایی که رایانه‌ بصورت جدی در آن مورد استفاده قرار می‌گیرد، حاکم است. قبل از آغاز یادگیری، از زبان‌های «Drag and Drop» استفاده کنید Drag and Drop یا متد کشیدن و انداختن یک تکنیک ساده برای کدنویسی است. با استفاده از این روش، کاربر درگیر کدهای پیچیده نمی‌شود و با اصول اولیه‌ی کدنویسی نیز آشنا می‌شود.این روش، یادگیری اصول برنامه‌نویسی را بدون نیاز به درگیر شدن در قواعد و اصول پیچیده‌ی نوشتن دستورات متنی میسر می‌کند. ابزار‌..

توضیحات بیشتر »

چرا باید از ری‌اکت استفاده کنیم؟

ری‌اکت یک کتابخانه قدرتمند و پیشرو است که با زبان برنامه نویسی جاوااسکریپت توسعه داده شده. این کتابخانه توسط فیس‌بوک در سال ۲۰۱۳ به صورت متن باز ارایه شد. بعد از آن به کمک جامعه توسعه دهنده‌های جاوااسکریپت، ReactJS هر روز پیشرفت کرد و در حال حاضر یکی از محبوب‌ترین کتابخانه‌های جاوااسکریپت است. این کتابخانه برای مدیریت لایه های نمایشی برنامه های تحت وب و تلفن همراه استفاده می شود.همچنین ReactJs این امکان را به شما میدهد تا کامپوننت هایی طراحی کنید که در بخش های مختلف پروژها قابل استفاده باشند.در این مقاله می خواهیم به این موضوع بپردازیم که چرا باید از ری‌اکت استفاده کنیم؟ چرا باید از ری‌اکت استفاده کنیم؟ ۱.دلیل اول JSX شاید در ابتدا استفاده از jsx برای برنامه نویسان کمی گنگ به نظر بیاید. اما پس از مدتی از استفاده از آن لذت خواهید برد. ری اکت به صورت پیش فرض از JSX به جای جاوا اسکریپت معمولی استفاده می کند. استفاده از JSX اجباری نیست اما توصیه می شود از آن استفاده کنید زیرا دارای سرعت بیشتری است و همچنین بسیاری از ارورهای سینتکسی شما به کمک JSX آشکار می شود. برای استفاده از jsx توصیه م..

توضیحات بیشتر »

بهترین کد ادیتور ها در سال ۲۰۱۹

انتخاب بهترین کد ادیتور یا ویرایشگر کد می تواند تاثیر بزرگی بر بهره‌وری جریان کار شما داشته باشد.چه شما یک برنامه نویس تاره کار باشید یا یک برنامه نویس حرفه ای همیشه به یک ویرایشگر کد (کد ادیتور) عالی نیاز دارید تا به شما کمک کند برنامه و وب سایت های کاربردی و حرفه ای را توسعه دهید. بهترین ویرایشگرهای کد به شما در کدنویسی موثرتر و همچنین بررسی و ویرایش آن کمک می کنند و برای برآورده کردن نیازهای شما قابل تنظیم هستند.آن‌ها همچنین یک تجربه کاربری راحت تر ایجاد می کنند که نمی توان از آن چشم پوشی کرد چون شما هر روز به ویرایشگر کد خود نگاه خواهید کرد. ۱.سابلایم تکست (Sublime Text 3) قیمت: ۸۰ دلار (نسخه رایگان با پیش نمایش و قابلیت استفاده محدود) | پایداری : عالی | سرعت: بالا | رابط کاربری و تجربه کاربری: متوسط | قابلیت سفارشی سازی: بالا حتما شما هم در حیطه‌ی طراحی وب، نام Sublime Text به گوشتان‌ خورده‌ است. ویرایشگر متنی که به ویژگی‌های فوق العاده‌ای دارد و به اعتقاد برخی ها سابلایم میتواند جادو کند و سرعت کدنویسی شما را بسیار زیاد بالا ببرد.Sublime Text یک ویرایشگر متن یا Text Editor غیر..

توضیحات بیشتر »

خطاهای رایج در قالب های وردپرس + راه‌ حل آن ها

اگر یک پوسته پولی و پیشرفته را خریداری کرده‌اید، همیشه می‌توانید از توسعه‌دهنده آن بخواهید تا به شما کمک کند، اما در بسیاری موارد نمی‌توانید از توسعه‌دهنده به‌موقع کمک بگیرید و این قضیه ممکن است درزمانی که شما روی وب‌سایت خود کار می‌کنید، واقعاً خسته‌کننده باشد. درحالی‌که برخی از مسائل وردپرس به‌راحتی حل نمی‌شوند و شما ممکن است لازم باشد یک توسعه‌دهنده حرفه‌ای را برای رفع آن‌ها استخدام می‌کنید، بسیاری از این خطاها واقعاً ساده و پیش‌پاافتاده هستند و حل کردن آن‌ها فقط به چند دقیقه زمان نیاز دارد.در این مقاله می خواهیم با خطاهای رایج در قالب های وردپرس به همراه راه‌حل آنها آشنا شویم.(برای یادگیری طراحی قالب وردپرس می توانید از دوره آموزشی طراحی قالب وردپرس کدفرند استفاده کنید) ۱.فایل استایل (style) کار نمی کند وب‌سایت خود را بارگذاری می‌کنید؛ اما به نظر می­رسد کاملاً به‌هم‌ریخته است. ممکن است یک صفحه سفید با متن درون آن را که فونت استاندارد دارد ببینید، اما خبری از رنگ، تصاویر و سایر عناصر نباشد. این پدیده می‌تواند نشانه بارگذاری نشدن استایل شیت تم یا فایل style باشد. درحالی‌که ممکن است..

توضیحات بیشتر »

افزودن حالت تاریک و روشن به وب سایت با جاوا اسکریپت

اگر شما اغلب در اواخر شب کار می کنید، نور صفحه نمایش روشن کامپیوتر شما باعث بروز چشم درد می شود،بسیاری از برنامه ها، وب سایت ها و حتی سیستم عامل با حالت رنگی حالت تاریک به عنوان یک جایگزین می آید،وب سایت های محبوب مانند یوتیوب نیز یک طرح رنگی تیره ارائه می دهند، این به کاربران امکان می دهد فیلم ها را در اوایل شب با یک تجربه راحت تر تماشا کنند.در این مقاله می خواهیم با روش های افزودن حالت تاریک و روشن به وب سایت با استفاده از جاوا اسکریپت آشنا شویم. ۱.قدم اول ساخت طرح اولیه با HTML در این مرحله با استفاده از HTML یک اسکلت بندی ساده همراه با یک دکمه سوئیچ اضافه خواهیم کرد برای اینکه بتوانیم از حالت تاریک به روشن و بلعکس حرکت کنیم(برای یادگیری HTML از دوره آموزش رایگان HTML 5 کدفرند استفاده کنید).

دقت کنید که حتما برای سوئیچ خود رویداد OnClick را تعریف کنید در غیر این صورت کدهای جاوا اسکریپت اجرا نخواهند شد ۲.استایل دهی با Css بعد از اسکلت بندی سازه یا س..

توضیحات بیشتر »

چگونه از تعطیلات عید بهترین استفاده را ببریم؟

در تعطیلات عید نوروز معمولات کارهای مختلفی انجام میدهیم. یا میهمان هستیم و یا میزبان. به مسافرت میرویم و یا مسافرانی مهمان ما هستند. سریال های مختلف تلویزیونی میبینیم و ساعت ها با برنامه های مفرح آن سرگرم میشویم.این‌ها تفریحاتی بسیار لذت بخش هستند که همه دوست دارند انجام دهند. در کنار دیدن کلاه قرمزی و دوستانش (که امیدوارم سال ۹۸ هم پخش شود) میشود کارهای ارزشمندتری هم کرد. مثل یادگیری یک مهارت جدید اما اگر در کنار تمام این تفریحات، کمی هم وقت به یادگیری اختصاص دهیم، فوق العاده میشود. در ایام تعطیلات نوروز که وقت بسیار زیادی داریم، همه چیز لازم است، همینطور یادگیری.اما ممکن است بگویید وقتی برای یادگیری ندارید و فرصت نمیشود که بخواهید به سراغ یادگیری بروید. در ادامه میخواهیم درباره‌ی این موضوع صحبت کنیم. نخستین ۲۰ ساعت کتاب The First 20 Hours،Josh Kaufman، در این کتاب ایده‌های فوق العاده‌ای برای یادگیری سریع مطرح شده استآقای کافمن در این کتاب بر این عقیده است که برای یادگیری یک مهارت در حدی که بتوانیم از آن لذت ببریم، ۲۰ ساعت تمرین درست و اصولی کافی است. دقت کنید که واژه‌ی «لذت بردن»..

توضیحات بیشتر »

اولین قدم بعد از طراحی وب سایت

در آدینه با فرتک امروز قصد داریم به یک نکته مهم و بسیار ساده بپردازیم. به نظر شما اولین قدم بعد از طراحی وب سایت چیست؟ فرض کنید طراحی وب سایت شما تکمیل شده و محتوای چند صفحه از جمله محصولات، وبلاگ، سوالات متداول، تماس با ما و … نیز به درستی درج گردیده است. مرحله بعد چیست؟ قطعا شما بعد از این مرحله منتظر جذب مخاطب برای وب سایتتان خواهید بود. آیا بدون معرفی وب سایتتان به موتور های جستجو، کاربری جذب وب سایت شما خواهد شد. قطعا خیر. در آدینه با فرتک امروز قصد داریم به این نکته ساده اشاره کنیم که قدم بعد از طراحی وب سایت چیست؟ با ما همراه باشید… گوگل وب مستر تولز چیست؟ یکی از بهترین ابزارهای رایگان شرکت گوگل، Webmaster Tools یا Search Console است. این ابزار در راستای بهینه سازی و کمک به کسب و کار وب سایت ها عرضه شده است. با ثبت آدرس وب سایت خود در گوگل وب مستر تولز ، روبات‌های خزنده گوگل وب سایت شما را بررسی و سایت شما در نتایج موتور های جستجو به کاربران نمایش داده خواهد شد. علاوه بر این مدیران وب سایت ها با استفاده از گوگل وب مستر تولز، امکان دسترسی به ابزارهایی را خواهند داشت که وب سایت..

توضیحات بیشتر »

معرفی ۸ نمونه از بهترین ابزارهای طراحی رابط کاربری در سال (۲۰۱۹)

در حال حاضر در تمام دنیا ابزارهایی که می توانند تقریبا در هر فرایند طراحی متناسب با خلاقیت شما باشند طراحی شده است.برای هرکسی و یا هر کسب و کاری ابزارها و راه‌حل های باورنکردنی وجود دارد و این یک زمان بسیار خوب و مناسب برای کشف ابزارهایی است که می تواند به روند طراحی شما کمک کند.در این مقاله می خواهیم با ۸ نمونه از بهترین ابزارهای طراحی رابط کاربری در سال (۲۰۱۹) آشنا شویم. در این مقاله قدم به قدم پیش خواهیم رفت در ابتدا از ابزار های وایرفریمینگ (Wireframing) شروع خواهیم کرد. وایرفریمینگ (Wireframing) چیست؟ وایرفریمینگ Wireframe ساختار اصلی یک صفحه است. در Wireframe ها از عناصر واقعی برای رابط کاربری استفاده نمی‌شود، بلکه از placeholder ها استفاده می‌شود؛ یعنی عناصر رابط کاربری به‌صورت جعبه‌ای و به‌صورت کادر مشخص می‌شوند. در حال حاضر در فرآیند طراحی و توسعه از wireframe ها استفاده می‌شود تا ساختار مطالب صفحات و خواسته‌های کاربر را موردبررسی قرار گیرد.(برای یادگیری طراحی رابط کاربری از دوره آموزشی طراحی رابط کاربری کدفرند استفاده کنید). معرفی ابزارهای وایرفریمینگ ۱.نرم افزار MockFlow ..

توضیحات بیشتر »