شما اینجا هستید

طراحی سایت
ارسال شده در ي, 09/11/1397 - 17:14 -- توسط mehrdadk69

تکنولوژی های طراحی سایت را بیشتر بشناسیم

امروز قصد داریم بشتر راجع به تکنولوژی های طراحی سایت و زبان های مختلفی که در این زمینه استفاده میشه اطلاعات کسب کنیم و ببینیم هر کدوم از تکنولوژی هایی که راجع به شون میشنویم واقعا چی هستن ، تکنولوژی هیا مختلفی مثل HTML و CSS و JavaScript و PHP و LESS و SASS و jQuery و فریم ورک هایی مثل Zend و Laravel و ...

HTML5
شاید همون طور که اکثر شاگردا دیسک های فلاپی یا برنامه زرنگار رو یادشون نیست، به زودی وقتی برسه که کسی دوران سرد و تاریک html4 و xhtml1.1 یادش نیاد.
قبلا طراحی یک صفحه وب که توی تمام مرورگرها به یک شکل نمایش داده بشه یه مصیبت بزرگ بود. به خصوص اینترنت اکسپلورر کابوس طراحان وب بود. از طرفی هم هیچ کس html رو جدی نمیگرفت چون خیلی از نظر برنامه نویس ها استاندارد نبود.
برای استاندارد سازی html یک عده xhtml رو طراحی کردن که طراح وب رو مجبور میکنه قواعد xml که یک زبان قاعده مند هست رو رعایت کنه. اینطوری تفسیر کردن کدهای html با مشکلات کمتری روبرو بود. اما این مشکلات جدیدی رو به وجود آورد چون خیلی ها xhtml رو درست استفاده نمیکردن و فقط امید دروغی به برنامه نویس ها میدادن.
نهایتا html5 برای نجات همه وارد شد. یک استاندارد برای حکومت بر دنیای وب. البته انقدر این استاندارد جذابه که راهع خودش رو به دنیای موبایل و دسکتاپ هم باز کرده و تقریبا با html5 هر کاری (نه دیگه هر کاری) میتونید بکنید.
یکی از مهمترین خصوصیات html5 و تکنولوژی های همراهش اینه که وظیفه هر کدوم به خوبی مشخصه. مثلا وظیفه خود html5 معنادار (semantic) کردن محتوا و مشخص کردن ساختار صفحه ست. به همین خاطر خیلی از تگ ها و خصوصیت هایی که مربوط به تغییر رنگ و لعاب صفحه بوده از این نسخه حذف شده.
پس اگر html5 مینویسید همیشه این نکته رو به یاد داشته باشید. موقع نوشتن کد html باید تمرکزتون مشخص کردن ساختار و معنادار کردن محتوا به بهترین و تمیزترین شکل ممکن باشه.


LESS   و   SASS


یکی از مشکلات css نویس ها همیشه این بوده که چیزی به اسم متغیر یا با یه نگاه بازتر چیزی به اسم code reusability و راهی برای پیروی از اصل DRY ندارن.
لس و سس برای حل این مشکل طراحی شدن. میپرسید مثلا چه کمکی میکنن؟ مثلا شما توی سایتتون از سه رنگ اصلی بنفش، خاکستری و نارنجی استفاده میکنید. خیلی جاها هم طبیعتا میخواید این سه رنگ کمی روشن تر یا کمی تیره تر بشن. نهایتا از چیزی حدود 20 رنگ استفاده کردید.
حالا فرض کنید کارفرما بگه این سه رنگ رو به ترتیب به رنگ های خاکستری، سیاه و بنفش تغییر بدید. این کار به صورت دستی یعنی هزاران خط کد رو بخونید و توی هر مورد از 20 رنگ، رنگ جدیدی قرار بدید و اگر خیال کردید با search و replace ممکنه در اشتباهید چون رنگ های خاکستری و بنفش تکراری هستن و جاشون عوض شده و این یعنی وقتی یکی از رنگ های اولی رو تغییر بدید دو ست رنگ مشابه دارید که معلوم نیست کدوم جدیده کدوم قدیمی. پس don't even think about it
اما چشم شما خیلی راحت میفهمه که همه چیز به سه رنگ برمیگرده، پس نباید زندگی انقدر سخت باشه، درسته؟ درسته. سس و لس به شما اجازه میدن سه تا متغیر تعریف کنید و توی تمام سایت فقط به اون متغیر ها اشاره کنید. کارفرما هم که گفت رنگا رو عوض کن فقط سه خط کد رو عوض میکنید و تمام. حتی روشن و تاریک کردن رنگا هم متغیرهای جدید نمیخواد، طبق همون سه متغیر و با کمک توابع داخلی سس و لس میتونید تغییرات زیادی روی رنگا بدید.
تازه این فقط بخش بسیار کوچکی از قدرت سس و لس هست.
اما چطوری کار میکنن؟ فایل سس و لس رو جای css میذارید؟ نه. شما اول به این زبونا استایل هاتون رو مینویسید و وقتی کارتون تموم شد با یه مبدل اونا رو به css های نهایی تبدیل میکنید. اگر نیاز به تغییر داشتید، لس یا سس رو تغییر میدید و دوباره کامپایل میکنید. به همین خاطر به اینا میگن preprocessor.
اگر توی طراحی وب جدی هستید و قراره پروژه های جدی و بزرگ انجام بدید توصیه میکنم حتما با سس و لس کار کنید.

JavaScript
جاوااسکریت یه زمانی برای این بود که وقتی یه نفر میاد توی وبلاگت یه پیغام بدی بگی "به وبلاگ من خوش آمدید" و وقتی میخواد صفحه رو ببنده (اون وقتا تب هم نبود که تب رو ببنده!) یه پیام بدی که "تو رو خدا بازم بیا" حداقل استفاده عمده ش توی ایران این بود.
توی سایت های خارجی هم خبر زیادی از جاوا اسکریپت نبود. حتی تایید اعتبار فرم ها اکثرا طرف سرور و با php و asp انجام میشد. کمی قبل از ورود jquery و با معرفی شدن تکنیک ajax بود که جاوا اسکریپت جدی تر گرفته شد و به خاطر ساپورت متفاوت مرورگرها کتابخونه های زیادی به وجود اومد که درباره شون توی قسمتای بعدی توضیح میدم.
و به طور خاص یه مساله باعث شد جاوا اسکریپت بدجوری جدی گرفته بشه و اونم رقابتی بود که سر سرعت اجرای جاوا اسکریپت توی مرورگر ها شکل گرفت و حاصلش موتور v8 گوگل بود که توی کروم و خیلی جاهای دیگه استفاده میشه. تا قبل از این سرعت جاوا اسکریپت فقط برای کارای بسیار ابتدایی و محدود قابل اعتماد بود.
یکی دیگه از چیزایی که سرنوشت جاوا اسکریپت رو عوض کرد nodejs بود. موتوری که از v8 گوگل استفاده میکنه و جاوا اسکریپت رو خارج از بروزر اجرا میکنه و بهش قابلیت هایی مثل دسترسی به فایلها رو اضافه میکنه.
این یعنی دیگه میتونید از جاوا اسکریپت به جای php و asp و ruby و پایتون، برای نوشتن برنامه های سمت سرور استفاده کنید. یا به جای cpp و سی شارپ و جاوا، برای نوشتن برنامه های کراس پلت فرم ازش استفاده کنید.
بعضی از برنامه هایی که توی همین کانال باهاشون آشنا میشیم با جاوا اسکریپت (با زبان هایی که به جاوا اسکریپت کامپایل میشن و باز با اونا هم آشنا میشیم)  نوشته شدن.

اگر از جاوااسکریپت استفاده میکنید نکات زیر رو بدونید:
- جاوا اسکریپت هیچ ربطی به جاوا نداره غیر از اسمی که به اشتباه روش گذاشته شده، نه مالکشون یکیه، نه سینتکسشون یکیه، نه سمنتیک و ساختارشون یکیه، انقدر بی شباهتن که معنایی نداره فرقاشون رو لیست کنم
- هرچند جاوا اسکریپت هنوز مهربونه و میشه باهاش alert داد، اما دیگه واسه خودش کسی شده و جا داره شما هم جدی بگیریدش و خوب با مفاهیم پیشرفته ش آشنا بشید
- جاوا اسکریپت یه زبان شیءگراست اما اگر با جاوا یا سی شارپ کار کردید، باید تعریف خیلی متفاوتی رو از شیءگرایی باهاش آشنا بشید

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

jQuery

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

امروز قصد داریم بشتر راجع به تکنولوژی های طراحی سایت و زبان های مختلفی که در این زمینه استفاده میشه اطلاعات کسب کنیم و ببینیم هر کدوم از تکنولوژی هایی که راجع به شون میشنویم واقعا چی هستن ، تکنولوژی هیا مختلفی مثل HTML و CSS و JavaScript و PHP و LESS و SASS و jQuery و فریم ورک هایی مثل Zend و Laravel و ...
 

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

CSS3

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

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

PHP
خیلی خیلی وقت پیش، برنامه نویسی تحت وب گرفتاری های زیادی داشت. زبونایی مثل perl هم چندان سینتکس جذابی نداشتن. یه آقایی برای سایت شخصی خودش php رو طراحی کرد. به همین دلیل این زبان شبیه perl بود اما ساده تر، محدودتر و بی قاعده تر.
از اونجایی که این زبون ساده بود و مخصوص ساخت وبسایت بود و رایگان بود، خیلی زود مشتری های خودش رو پیدا کرد و چندین بار بازنویسی شد تا مشکلاتش برطرف بشه. کم کم شیءگرایی هم به این زبون اضافه شد و توی نسخه آخرش بهینه سازی های خیلی جدی توی سرعت اجراش صورت گرفته.
همون قدر که بین مایکروسافت و اپل، ویندوز و لینوکس، فیفا و پس، پپسی و کوکا و استقلال و پرسپولیس دعوا وجود داره، بین php و asp هم دعوا وجود داشته همیشه. هرچند زبان های دیگه ای مثل ruby و python و جاوا و اخیرا nodejs هم برای برنامه های تحت وب به کار میره، اما این دعوا ظاهرا جذاب تره.
اگر فکر کردید من درباره این دعوا نظری میدم اشتباه میکنید :)) من پیش مخالفای php از php دفاع میکنم و پیش مخالفای asp از asp. چون اصولا دنیا رو سیاه و سفید دیدن درست نیست و هر چیزی نکات مثبت و منفی داره که باید اونا رو در کنار هم دید. و به طور خاص این مقایسه به چندین دلیل غلطه، اولیش اینه که php یه زبانه اما asp یه چارچوبه. پس مقایسه سیب و پرتقاله.
واسه php فریم ورک های مختلفی وجود داره مثل Zend یا  Laravel و... 
خلاصه با یادگرفتن زبان php میتونید هر نوع وب سایتی رو ایجاد کنید
خیلی خیلی وقت پیش، برنامه نویسی تحت وب گرفتاری های زیادی داشت. زبونایی مثل perl هم چندان سینتکس جذابی نداشتن. یه آقایی برای سایت شخصی خودش php رو طراحی کرد. به همین دلیل این زبان شبیه perl بود اما ساده تر، محدودتر و بی قاعده تر.
از اونجایی که این زبون ساده بود و مخصوص ساخت وبسایت بود و رایگان بود، خیلی زود مشتری های خودش رو پیدا کرد و چندین بار بازنویسی شد تا مشکلاتش برطرف بشه. کم کم شیءگرایی هم به این زبون اضافه شد و توی نسخه آخرش بهینه سازی های خیلی جدی توی سرعت اجراش صورت گرفته.
همون قدر که بین مایکروسافت و اپل، ویندوز و لینوکس، فیفا و پس، پپسی و کوکا و استقلال و پرسپولیس دعوا وجود داره، بین php و asp هم دعوا وجود داشته همیشه. هرچند زبان های دیگه ای مثل ruby و python و جاوا و اخیرا nodejs هم برای برنامه های تحت وب به کار میره، اما این دعوا ظاهرا جذاب تره.
اگر فکر کردید من درباره این دعوا نظری میدم اشتباه میکنید :)) من پیش مخالفای php از php دفاع میکنم و پیش مخالفای asp از asp. چون اصولا دنیا رو سیاه و سفید دیدن درست نیست و هر چیزی نکات مثبت و منفی داره که باید اونا رو در کنار هم دید. و به طور خاص این مقایسه به چندین دلیل غلطه، اولیش اینه که php یه زبانه اما asp یه چارچوبه. پس مقایسه سیب و پرتقاله.
واسه php فریم ورک های مختلفی وجود داره مثل Zend یا  Laravel و... 
خلاصه با یادگرفتن زبان php میتونید هر نوع وب سایتی رو ایجاد کنید

دسته بندی: 

دیدگاه‌ها

جالبه مطلب قشنگی هست موفق باشید https://sh711.com

محتوای مفید و کارآمدی بود .

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

Hi! I'm Zlata, living in Ukraine. To be honest, I live in a village and we have no job. I get about $110 a month. It is very little ((
That's why I can do it for a little money:
- Send you hot photos and videos
- send you a video of sex with an ex-boyfriend (if you don't put it out there!)
- Make a hot webcast, such as Skype
Also ready to come to you in any country for your money.
I will not leave my contacts here. Find me just on the site http://bestgirls.iseekyou.today/?utm_source=5c167d5db0354&track=Zlata96&... my nickname is Zlata96

==========================
Привет! Я Злата, живу в Украине. Скажу честно, я живу в деревне и работы у нас нет. Я получаю в месяц примерно $110. Это очень мало((
По этому я могу за небольшие деньги:
- прислать тебе горячие фото и видео
- прислать тебе видео секса с бывшим парнем (если вы не будете выкладывать его!)
- сделать горячую ВЕБ-трансляцию , например в скайп
Так же готова приехать к вам в любую страну за ваши деньги.
Свои контакты тут не оставлю. Найти меня просто на сайте http://bestgirls.iseekyou.today/?utm_source=5c167d5db0354&track=Zlata96&... мой ник Zlata96

Dapoxetina Priligy cialis 5 mg Fucibet Cream 30g Nonprescription Levitra Propecia Calculo

Viagra Cialis Impotenza Cialis Priligy Rezeptfrei Paypal Penicillin Or Amoxicillin On Line Doctors

Fluoxetine 20mg On Sale Visa Accepted Low Price Cheapest Lasix cialis without a doctor's prescription Rx Canada Buy Alli Refill Pills Online

Buy Betnovate No Presc Uk http://abcialisnews.com - buy cialis online Change Dose Propecia Cialis Keflex And Side Effects And Interactions

quick loans in pell city alabama quick payday loans today quick loan fast quick loans online quick n loans

quick and easy personal loans online quick loans direct quick loan quick online business loans quick and easy loans online

https://paydailoanz.com/# - quick loans

how much money can you make on disability make extra money from home make money how to make money with bitcoin easy way to make money

legitimate ways make extra money how to make fast money online work from home make money online fast how to make money quick

https://make-money-blogs.com/# - make money

how did mark cuban make his money how to make money on amazon work from home make extra money how to make money on amazon

how to make money on the side how did mark cuban make his money work from home make money now legit ways to make money online

https://make-money-blogs.com/# - work from home

how to make money as a teen easy ways to make money work from home how to make money online how to earn money online or gift cards to amazon how to make money fast

make money on facebook how to make extra money make money how to make money quick how to make money on youtube videos

https://make-money-blogs.com/# - make money

how much money can you make on youtube apps to make money work from home photos imgclick easily make money sharing will friends social free file upload how does venmo make money

how much money do youtubers make how to make extra money make money how did mark cuban make his money photos imgclick easily make money sharing will friends social free file upload

https://make-money-blogs.com/# - work from home

how to make money as a teen make money online from home make money legitimate ways make extra money free ways to make money online

how to make money with a website money make make money how to make quick money legit ways to make money online

http://omegagrupp.ru/ - make money

how does facebook make money how much money can you make on youtube make money how to make money online how to make easy money

easy ways to make money online how to make money online fast make money how to make money selling drugs money make

http://vip-medcenter.ru/ - work from home

make money online fast make money on the side make money how to make money on facebook how to make money online

best ways to make money online make extra money make money best way to make money how to make money on the internet

http://epos-proizvodstvo.ru/ - make money

money make how to make money on the side work from home how to make money on facebook how do you make money on youtube

ways to make money on the side how to make money selling drugs make money homemade items that make money how to make money on the side

https://logonohead.ru/ - make money

online gambling casino online gold fish casino slots

best online casino http://onlinecasinogamespcx.com/ - casino real money casino blackjack casino online slots

http://onlinecasinogamespcx.com/ slots games free free online slots free online slots free casino games online

slot games http://onlinecasinosw.com/ - free casino slot games online gambling casino online best online casino

play slots online real casino slots free casino slot games slots free http://onlinecasinosw.com/ - casino online slots

play online casino http://onlinecasinogamespcx.com/ - slots free play online casino best online casinos

http://onlinecasinogamespcx.com/ world class casino slots slots free free casino real casino slots

free casino games online slots play casino real money casino http://onlinecasinosw.com/ - online casinos

casino games free casino games free casino

play online casino online casino free casino slot games free casino games online http://onlinecasinosw.com/ - casino bonus codes

online casino gambling play casino cashman casino slots

slots for real money http://onlinecasinosw.com/ - slots free online slots play casino

slots online online casino real money casino games

slots online casino real money casino slots casino slots http://onlinecasinopc.com/ - slots free

casino blackjack best online casinos casino real money

http://onlinecasinopc.com/ casino bonus codes online casinos casino real money world class casino slots

play casino http://playcasinosw.com/ - free casino games free casino cashman casino slots

cashman casino slots http://onlinecasinopc.com/ - casino online casino blackjack real money casino slots games free

slots for real money http://playcasinosw.com/ real money casino online casino slots casino games

casino games http://onlinecasinopc.com/ - casino slots casino blackjack online slot games

free online slots online casino gambling online slots

slots online http://playcasinosw.com/ online casino gambling online casino games free casino

free casino http://casinoplaysw.com/ - casino online cashman casino slots online slot games

play online casino casino games online casinos free slots games

casino bonus codes online casino vegas slots online play casino

casino online no deposit casino play slots online free slots

free casino games http://casinoplaysw.com/ - vegas slots online free casino games online casino online

صفحه‌ها

افزودن دیدگاه جدید

دیدگاه

  • تگ‌های HTML مجاز: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <img>
  • خطوط و پاراگراف‌ها بطور خودکار اعمال می‌شوند.
  • نشانی صفحه‌ها وب و پست الکترونیک بصورت خودکار به پیوند تبدیل می‌شوند.

Plain text

  • تگ‌های HTML مجاز نیستند.
  • نشانی صفحه‌ها وب و پست الکترونیک بصورت خودکار به پیوند تبدیل می‌شوند.
  • خطوط و پاراگراف‌ها بطور خودکار اعمال می‌شوند.
كد امنيتي
این پرسش برای جلوگیری از ارسال اسپمهای اتوماتیک است.