بایگانی برچسب‌ها : طراحی وب سایت در کرج

کد جاوا اسکریپت

ویرایشگران کد جاوا اسکریپت

ویرایشگر کد که برنامه نویسان بیشتر وقت خود را می گذرانند.(کد جاوا اسکریپت)

دو نوع اصلی ویرایشگر کد وجود دارد: IDE ها و lightweight editors. بسیاری از افراد از یک نوع از هر نوع استفاده می کنند.

IDE

اصطلاح IDE (محیط توسعه یکپارچه) به یک ویرایشگر قدرتمند و دارای بسیاری از ویژگی ها اشاره دارد که معمولاً روی یک “کل پروژه” عمل می کند. همانطور که از نام این مقاله پیداست ، این ویرایشگر فقط یک ویرایشگر نیست بلکه یک “محیط توسعه” در مقیاس کامل است.

یک IDE پروژه را بارگیری می کند (که می تواند فایل های زیادی داشته باشد) ، امکان پیمایش بین پرونده ها را فراهم می کند ، اتمام خودکار را بر اساس کل پروژه (نه فقط پرونده باز)  که با یک سیستم مدیریت نسخه (مانند git) ، یک محیط آزمایش و سایر موارد “سطح پروژه” فراهم می کند

کد جاوا اسکریپت

اگر هنوز IDE انتخاب نکرده اید ، گزینه های زیر را در نظر بگیرید:

  • ویژوال استودیو کد (کراس پلت فرم ، رایگان).
  • WebStorm (کراس پلت فرم ، پرداخت شده).

برای ویندوز ، “ویژوال استودیو” نیز وجود دارد که نباید با “کد ویژوال استودیو” اشتباه گرفته شود. “ویژوال استودیو” یک ویرایشگر پولی و قدرتمند فقط برای ویندوز است ، و مناسب برای پلت فرم .NET است. در جاوا اسکریپت نیز خوب است. نسخه رایگان Visual Studio Community نیز وجود دارد.

سردبیران lightweight editors

“ویرایشگرهای سبک” به اندازه IDE ها قدرتمند نیستند ، اما سریع ، ظریف و ساده هستند.

آنها عمدتاً برای باز و ویرایش فوری یک پرونده استفاده می شوند.

تفاوت اصلی بین یک “lightweight editors” و “IDE” در این است که یک IDE در سطح پروژه کار می کند ، بنابراین داده های بسیار بیشتری را از ابتدا بار می دهد ، ساختار پروژه را در صورت لزوم و غیره تجزیه و تحلیل می کند. یک ویرایشگر سبک اگر فقط به یک پرونده نیاز داشته باشیم بسیار سریعتر است.(کد جاوا اسکریپت)

مقدمه ای بر JavaScript بخش اول 

مقدمه ای بر JavaScript بخش دوم

منبع:javascript 

Tagged
مقدمه ای بر JavaScript

مقدمه ای بر JavaScript بخش دوم

در این مقاله به مقدمه ای بر JavaScript و نحوه کار کردن با جاوا اسکریپت می پردازیم.

چه کاری نمی تواند JavaScript در مرورگر انجام دهد؟

توانایی JavaScript در مرورگر به دلیل ایمنی کاربر محدود است. هدف جلوگیری از دسترسی یک صفحه وب شیطانی به اطلاعات خصوصی یا آسیب رساندن به داده های کاربر است.

نمونه هایی از چنین محدودیت هایی عبارتند از:

جاوا اسکریپت در یک صفحه وب ممکن است پرونده های دلخواه را بر روی دیسک سخت بخواند و ننوشته ، آنها را کپی کرده یا برنامه ها را اجرا کند. این دسترسی مستقیم به عملکردهای سیستم عامل ارتباطی ندارد.

مرورگرهای مدرن به این امکان را می دهند که با پرونده ها کار کند ، اما دسترسی محدود است و فقط درصورتی فراهم می شود که کاربر اقدامات خاصی انجام دهد ، مانند “آپلود کردن” پرونده در یک پنجره مرورگر یا انتخاب آن از طریق یک برچسب <input>.

روش هایی برای تعامل با دوربین / میکروفون و سایر دستگاه ها وجود دارد ، اما آنها به اجازه صریح کاربر نیاز دارند. بنابراین یک صفحه با قابلیت JavaScript ممکن است به راحتی یک دوربین وب را فعال نکند ، محیط اطراف را رصد کند و اطلاعات را به NSA ارسال کند.

زبانها / ویندوزهای مختلف معمولاً از یکدیگر اطلاع ندارند. بعضی اوقات این کارها انجام می شود ، به عنوان مثال وقتی یک پنجره از JavaScript برای باز کردن پنجره دیگر استفاده می کند. اما اگر از سایتهای مختلف (از یک دامنه ، پروتکل یا پورت) تهیه شده باشد ، ممکن است جاوا اسکریپت از یک صفحه به صفحه دیگر دسترسی نداشته باشد.

این سیاست همان “مبدا” خوانده می شود. برای حل این مسئله ، هر دو صفحه باید برای تبادل داده توافق کنند و دارای یک کد ویژه JavaScript باشند که آن را اداره می کند.

مقدمه ای بر JavaScript

این محدودیت ، دوباره برای امنیت کاربر است. صفحه ای از http://anysite.com که کاربر آن را باز کرده است نباید قادر باشد به URL مرورگر دیگری با URL http://gmail.com دسترسی پیدا کند و اطلاعاتی را از آنجا سرقت کند.

جاوا اسکریپت به راحتی می تواند از طریق شبکه به سرور جایی که صفحه فعلی از آن بدست آمده است ارتباط برقرار کند. اما توانایی آن در دریافت داده از سایر سایت ها / دامنه ها فلج شده است.

در صورت استفاده از JavaScript در خارج از مرورگر ، به عنوان مثال در سرور ، چنین محدودیتی وجود ندارد. مرورگرهای مدرن همچنین افزونه / پسوندهایی را امکان پذیر می کند که ممکن است مجوزهای طولانی را درخواست کنند.

چه چیزی JavaScript را منحصر به فرد می کند؟
حداقل سه نکته عالی در مورد جاوا اسکریپت وجود دارد:

  • ادغام کامل با HTML / CSS.
  • کارهای ساده به سادگی انجام می شوند.
  • پشتیبانی توسط همه مرورگرهای اصلی و به طور پیش فرض فعال است.

جاوا اسکریپت تنها فناوری مرورگر است که ترکیبی از این سه چیز است.

این همان چیزی است که جاوا اسکریپت را بی نظیر می کند. به همین دلیل گسترده ترین ابزار برای ایجاد رابط های مرورگر است.

گفته می شود ، جاوا اسکریپت همچنین امکان ایجاد سرور ، برنامه های موبایل و غیره را فراهم می آورد.

زبانها “بالای” JavaScript

نحو جاوا اسکریپت متناسب با نیاز همه نیست. افراد مختلف ویژگی های متفاوتی می خواهند.

بنابراین به تازگی تعداد زیادی زبان جدید ظاهر شده است که قبل از اجرا در مرورگر به JavaScript منتقل می شوند.

ابزارهای مدرن باعث می شوند که عمل تعرق بسیار سریع و شفاف صورت گیرد ، در واقع به توسعه دهندگان امکان می دهد تا به زبانی دیگر کد کنند و آن را به صورت خودکار “transpiled” تبدیل کنند.

نمونه هایی از چنین زبانهایی:

  • CafeScript

  • TypeScript

  • Dart

خلاصه

جاوا اسکریپت در ابتدا به عنوان یک زبان تنها مرورگر ایجاد شد ، اما اکنون در بسیاری از محیط های دیگر نیز مورد استفاده قرار می گیرد.
امروزه ، جاوا اسکریپت از یک موقعیت منحصر به فرد به عنوان متداول ترین زبان مرورگر با ادغام کامل با HTML / CSS برخوردار است.
زبانهای زیادی وجود دارند که به جاوا اسکریپت transpiled می شوند و ویژگی های خاصی را ارائه می دهند. توصیه می شود ، حداقل به طور خلاصه ، پس از تسلط بر JavaScript ، به آنها نگاهی بیندازید.

 

حتما مطالعه کنید :مقدمه ای بر JavaScript بخش اول

Tagged
JavaScript

مقدمه ای بر JavaScript بخش اول

در این مقاله به مبانی JavaScript و نحوه کار کردن با جاوا اسکریپت می پردازیم.

JavaScript چیست؟

در ابتدا JavaScript برای “زنده نگه داشتن صفحات وب” ایجاد شد.

برنامه های این زبان اسکریپت نامیده می شوند. آنها را می توان درست در HTML صفحه وب نوشت و به طور خودکار اجرا شد.

اسکریپت ها به صورت متن ساده تهیه و اجرا می شوند. آنها برای اجرا نیازی به تهیه یا تدوین ویژه ندارند.

از این جنبه ، JavaScript با زبان دیگری به نام جاوا بسیار متفاوت است.

امروزه جاوا اسکریپت می تواند نه تنها در مرورگر بلکه در سرور و یا در واقع در هر دستگاهی که دارای یک برنامه ویژه به نام موتور JavaScript باشد ، اجرا شود.

این مرورگر موتور جاسازی شده ای دارد که گاه به آن “ماشین مجازی JavaScript” می گویند.

 

JavaScript

موتورهای مختلف دارای “کد های مختلف” می باشند. مثلا:

V8 – در Chrome و Opera.

SpiderMonkey – در Firefox.

نامهای رمزگذاری شده دیگری مانند “Trident” و “Chakra” برای نسخه های مختلف اینترنت اکسپلورر ، “ChakraCore” برای Microsoft Edge ، “Nitro” و “SquirrelFish” برای Safari و غیره وجود دارد.

اصطلاحات فوق را بخاطر بسپارید زیرا آنها در مقالات توسعه دهنده در اینترنت استفاده می شوند. ما هم از آنها استفاده خواهیم کرد به عنوان مثال ، اگر “ویژگی X توسط V8 پشتیبانی می شود” ، پس احتمالاً در Chrome و Opera کار می کند.

JavaScript مدرن یک زبان برنامه نویسی “ایمن” است. دسترسی سطح پایین به حافظه یا CPU را فراهم نمی کند ، زیرا در ابتدا برای مرورگرهایی که به آن احتیاج ندارند ایجاد شده است.

قابلیت های جاوا اسکریپت تا حد زیادی به محیطی که در آن اجرا می شود بستگی دارد. برای مثال ، Node.js از عملکردهایی پشتیبانی می کند که به JavaScript اجازه می دهد پرونده های دلخواه را بخواند / بنویسد ، درخواست های شبکه و غیره را انجام دهد.

جاوا اسکریپت در مرورگر می تواند همه موارد مربوط به دستکاری صفحه وب ، تعامل با کاربر و وب سرور را انجام دهد.

به عنوان مثال ، جاوا اسکریپت در مرورگر قادر است:

  • HTML جدید را به صفحه اضافه کنید ، محتوای موجود را تغییر دهید ، سبک ها را تغییر دهید.
  • به اقدامات کاربر واکنش نشان دهید ، روی کلیک های ماوس ، حرکات اشاره گر ، فشار کلیدها را اجرا کنی
  • درخواست ها را از طریق شبکه به سرورهای از راه دور ارسال ، بارگیری و بارگذاری فایل ها (به اصطلاح فناوری های AJAX و COMET) ارسال کنید
  • کوکی ها را دریافت و تنظیم کنید ، به بازدید کننده سؤال کنید ، پیام دهید.
  • داده های طرف مشتری (“ذخیره محلی”) را به خاطر بسپارید.

JavaScript

حتما مطالعه کنید : ۸ قانون طلایی UI

 

Tagged
قانون طراحی وب

۱۰ قانون طراحی وب

برای طراحی وب سایتهای عالی این قانون طراحی وب ها را دنبال کنید تا سایتی کاربردی در عین حال دارای جذابیت های بصری داشته باشید.

۱۰-سادگی زیباست

بیش از حد وارد کردن اطلاعات به هر صفحه باعث سردرگمی می شود. بازدید کنندگان ناامید می شوند وقتی که مجبورند از طریق ردیف لینک ها و تصاویر اسکن کنند تا آنچه را که می خواستند پیدا کنند. با ساده نگه داشتن صفحات ، استفاده از وب سایت شما آسانتر خواهد شد.

۹-طراحی مهم است

وقتی برای اولین بار با کسی ملاقات می کنید ، می خواهید اولین تصور خوبی را ایجاد کنید. همین مورد باید در مورد وب سایت شما نیز صادق باشد. نگاه و ظاهر کلی سایت شما اولین چیزی است که بازدید کنندگان شما متوجه آن می شوند.

۸-پیمایش باید بصری باشد

چند چیز ناامیدکننده تر از این نیست که نتوانید آنچه را که می خواهید در یک وب سایت پیدا کنید. صفحات باید با طراحی از بالا به پایین سازماندهی شوند تا بازدید کنندگان بتوانند به راحتی در بخش های مختلف سایت شما مرور کنند.

۷-ثبات مهم است

بازدید کنندگان نباید احساس کنند که هر بار که صفحه جدیدی را در سایت شما باز می کنند از یک وب سایت جدید بازدید می کنند. طراحی مداوم در سراسر صفحات سایت شما ناوبری را به یک کار بسیار ساده تر تبدیل می کند.

۶-رنگ ها بسیار مهم هستند

انتخاب رنگ اشتباه می تواند یک وب سایت را خراب کند. بیشتر ما از وب سایت هایی بازدید کرده ایم که دیدن آنها بسیار دردناک است. هنگام انتخاب رنگ ، از یک پالت رنگی مداوم استفاده کنید که با هم همخوانی نداشته باشد و مطمئن شوید که تضاد شدید بین متن و پس زمینه وجود دارد.

قانون طراحی وب

۵-وب سایت خود را ریسپانسیو کنید

مردم با استفاده از دستگاه های مختلف – از تلفن های هوشمند گرفته تا رایانه های رومیزی – به وب سایت شما دسترسی خواهند یافت. بنابراین ، مهم است که وب سایت شما به درستی در اندازه های مختلف صفحه نمایش نمایش دهد. پرس و جوهای رسانه CSS راهی عالی برای پیاده سازی طراحی وب پاسخگو هستند.

۴-برای چندین مرورگر توسعه دهید

قرار است مرورگرها به همان روش صفحات وب را ارائه دهند ، اما این کار را نمی کنند. بنابراین ، حتماً وب سایت خود را در چندین مرورگر بررسی کنید تا مطمئن شوید همه چیز به درستی ظاهر می شود. بهتر است به جای تکیه بر شکایات بازدید کنندگان خود ، مشکلات را قبل از زمان خود مرتفع کنید.

۳-وب سایت خود را برای خطاها بررسی کنید.

همانطور که هر ویرایشگر باتجربه به شما خواهد گفت ، با یک خطای کوچک می توان یک قطعه بزرگ کار را لکه دار کرد. اگر یک مدیر وب سایت هستید ، وب سایت های خود را به طور مرتب برای نشانه گذاری ها ، پیوندهای شکسته شده و تصاویری که به طور صحیح بارگیری نمی شوند ، بررسی کنید.

قانون طراحی وب

۲-کد خود را بنویسید.

چه HTML باشد ، چه PHP ، هیچ چیز نمی تواند نوشتن کد شما از ابتدا باشد. اگر سایت خود را از قالب ها و اسکریپت های از پیش نوشته شده بسازید ، هنگامی که چیزی اشتباه پیش می رود ، سرسخت می شوید. هنگامی که صفحات خود را رمزگذاری می کنید ، کاملاً بر نحوه نگاه و عملکرد آنها کنترل می کنید.

قانون طراحی وب

۱-محتوا را فراموش نکنید

حتی اگر سایت شما به زیبایی طراحی شده باشد ، فقط یک پوسته خالی و بدون محتوا است. یک وب سایت خوب هم از طراحی عالی و هم از لحاظ محتوای عالی. بنابراین ، اطمینان حاصل کنید که صفحات شما دارای محتوای منحصر به فرد و اصلی هستند که باعث می شود ارزش بازدید از آنها پیدا شود.( قانون طراحی وب)

منبع مقاله :sharpened

 

Tagged
سایت در کرج

سایت در کرج | طراحی سایت در کرج

طراحی فرایند جمع آوری ایده ها و تنظیم زیبایی شناسی و اجرای آنهاست که با هدایت اصول خاصی برای یک هدف خاص انجام می شود. طراحی وب یک فرآیند مشابه با هدف ارائه مطالب در صفحات وب الکترونیکی است که کاربران نهایی می توانند با کمک یک مرورگر وب از طریق اینترنت به آن دسترسی پیدا کنند. فلذا شما برای رونق بخشیدن به کسب و کارتان می توانید با طراحی یک سایت فروش خود را فرا منطقه ای کنید به کمک تیم کیان تجارت فاوا ( طراحی سایت در کرج ).

یک مرورگر وب از طریق اینترنت به آن دسترسی پیدا کنند. فلذا شما برای رونق بخشیدن به کسب و کارتان می توانید با طراحی یک سایت فروش خود را فرا منطقه ای کنید به کمک تیم کیان تجارت فاوا ( طراحی سایت در کرج ).

عناصر طراحی وب

طراحی وب از بسیاری از عناصر بصری کلیدی مشابه انواع طراحی مانند:

چیدمان:

این روش چیدمان گرافیک ، تبلیغات و متن است. در دنیای وب ، یک هدف اصلی کمک به بازدید از یافتن اطلاعات مورد نظر خود در یک نگاه است. این شامل حفظ تعادل ، سازگاری و یکپارچگی طرح است.

رنگ:

انتخاب رنگ به هدف و مشتری بستگی دارد. این می تواند یک طرح سیاه و سفید ساده تا چند رنگ باشد و شخصیت شخصی یا مارک یک سازمان را با استفاده از رنگ های امن در وب انتقال دهد.

گرافیک:

گرافیک ها می توانند شامل آرم ، عکس ، کلیپ آرت یا آیکون باشند که همگی باعث تقویت طراحی وب می شوند. برای دوستی کاربر ، این کارها باید مناسب کار کنند ، با رنگ و محتوای صفحه وب کار کنند ، در حالی که آن را بیش از حد پر ازدحام یا کند نمی کنند.

یک مرورگر وب از طریق اینترنت به آن دسترسی پیدا کنند. فلذا شما برای رونق بخشیدن به کسب و کارتان می توانید با طراحی یک سایت فروش خود را فرا منطقه ای کنید به کمک تیم کیان تجارت فاوا ( طراحی سایت در کرج ).

فونت ها:

استفاده از فونت های مختلف می تواند باعث افزایش طراحی وب سایت شود. اکثر مرورگرهای وب فقط می توانند تعداد انتخابی از قلم ها را بخوانند ، معروف به “فونت های وب امن” هستند ، بنابراین طراح شما بطور کلی در این گروه پذیرفته شده کار می کند.

محتوا:

محتوا و طراحی می توانند با هم همکاری کنند تا پیام سایت را از طریق تصاویر و متن افزایش دهند. متن نوشتاری باید همیشه مرتبط و مفید باشد تا خواننده گیج نشود و آنچه را که می خواهد در اختیار آنها قرار دهد تا در سایت باقی بمانند. محتوا باید برای موتورهای جستجو بهینه شده و از طول مناسب برخوردار باشد ، و شامل کلمات کلیدی مرتبط می باشد.

ادامه مطالب طراحی سایت در کرج در مقاله بعدی

حتما مطالعه کنید: طراحی سایت با وردپرس در کرج | طراحی سایت |طراحی وب سایت در کرج

Tagged