0 تا 100 طراحی سایت رو رایگان یاد بگیر!
یادگیری طراحی سایت خیلی راحته اگر بهش علاقه داشته باشی و براش وقت بذاری میتونی درآمد خوبیم ازش کسب کنی. طراحی سایت یک رشته پویاست و خلاقیت شما میتونه خیلی تاثیر گذار باشه توی پروژه و کاری که انجام میدید. توی این صفحه نقشه راه و مراحل مختلف یادگیری طراحی سایت و حتی سایت های خوبی که باهاشون میتونی طراحی سایت رو باهاشون یاد بگیری برات میذارم تا استفاده کنی و ازش لذت ببری.
فهرست محتوا ها
سایت ها چجوری ساخته میشن؟🤔
اولین سایت تاریخ در 6 آگوست سال 1991 ساخته شد و از همان روز شروع به گسترش کرد و بعد ها سایت های بزرگی مثل گوگل، آمازون، دیجیکالا و … ساخته شدن. اولین سایت ساخته شده info.cern.ch است. نکته مهمی که میخوام بگم اینه که تمام سایت های جهان بر اساس زبانی به نام html ساخته میشن. و برای زیبایی از css استفاده میکنن.به مجموعه این این زبان ها بعلاوه جاوا اسکریپت فرانت اند میگویند. در ادامه بیشتر با این زبان ها آشنا میشیم.
نقشه راه یادگیری طراحی سایت
برای شروع یادگیری هر کار و آموزشی باید یک نقشه راه و برنامه داشته باشیم. خود من اوایل خیلی سردرگم میشدم که باید از کجا شروع کنم. سراغ چه برنامه ای برم چی نصب کنم و یه عالمه سوال دیگه
میخوام بهت یه نقشه راه کامل نشون بدم که ساخت خودمه و با تجربه بدست اومده.
سیستم های مدیریت محتوا یا cms (وردپرس، جوملا و ...)
برای طراحی سایت دانش برنامه نویسی حتما نیازه؟ یعنی حتما باید برم یه عالمه کد یاد بگیرم تا یه سایت برا خودم بزنم؟ میصرفه برای یادگیری طراحی سایت کلی هزینه برای یادگیریش کنم؟ شنیدم وردپرس راحته و میشه باهاش طراحی سایت کرد، آیا این درسته؟ برای سایت فروشگاهی باید کد بزنیم یا میشه بدون کد سایت ساخت؟
این ها سوالاتی هستن که کارفرما ها یا دانشجو ها زیاد میپرسن و من یه هم یه جواب خوب براشون دارم :
خب از cms استفاده کن
CMS مخفف CONTENT MANGEMENT SYSTEM یا همون سیستم مدیریت محتوای خودمون یک محیطیه برای طراحی سایت بدون نیاز به دانش کد نویسی که انواع مختلفی داره و معروفترینش وردپرسه که خیلی قدرتمنده. خود CMS ها برنامه نویسی شده اند. مثلا وردپرس با زبان پی اچ پی نوشته شده ولی برای ساخت وبسایت نیازی به کد زدن نیست یا بسیار کمه.
انواع سیستم مدیریت محتوا:
- وردپرس
- جوملا
- پرستاشاپ
- شاپیفای (خارجی)
- شاپفا(ایرانی)
- مجنتو
- و …
وردپرس (wordpress)
وردپرس بزرگترین سیستم مدیریت محتوای جهانه که طرفدارای خیلی زیادی داره و کار باهاش خییلی آسونه. شما بدون دانش کدنویسی (حتی یه خط) میتونی یه سایت کامل از هر نوعی بسازی. وردپرس با php نوشته شده که خودش یه زبان قدرتمنده.
یادگیری وردپرس خیلی راحته! فقط یکم تلاش میخواد و زمان گذاشتن ولی به راحتی یادش میگیریش✅
برای یادگیری کامل وردپرس رو دکمه زیر کلیک کن
فرانت اند(Front-End)
بخش های ظاهری سایت که کاربر وارد سایت میشه و میبینه رو فرانت اند (فرانت یعنی جلو و فرانت اند در طراحی سایت یعنی بخشی که کاربر و کلاینت میبیند) میگن. برای طراحی بخش فرانت از زبان های html , css, javascript استفاده میشه. البته جاوا اسکریپت کتابخانه های مختلفی داره که ازوناهم میشه برای ساخت فرانت استفاده کرد!
html
اولین و مهمترین و البته ساده ترین زبان برای یادگیری طراحی سایت به صورت اصولی، زبان اچ تی ام اله. چرا html ؟ چون همونطور که اول مقاله گفتم پایه و اساس هر سایتی این زبانه. html مخفف hyper text markup language به معنی زبان نشانه گذاری ابر نگارشیه (معنیشو دوس دارم
)
مهم: html یک زبان نشانه گذاری است نه زبان برنامه نویسی!!!
چون هیچ منطق و ریاضیاتی توی html نیست و از تگ ها استفاده میشه. اگر میخوای کامل آموزش ببینی html روی دکمه زیر کلیک کن
css
بعد از html نوبت میرسه به css. css مخفف cascading style sheet است. css برای رنگ و لعاب دادن به سایته وب ازهم مثل html، این زبان یک زبان برنامه نویسی نیست. چون فقط برای زیبایی استفاده میشه و منطق و ریاضیات داخلش وجود نداره!
cssها دارای دو حالت هستند.cssهای داخلی که در تگ های html استفاده میشن و یا با ایدی یا کلاس نشانه گذاری میشن و در یک فایل با پسوند css. ذخیره میشن.
برای یادگیری و اطلاعات بیشتر درباره css مقدماتی و پیشرفته بر روی دکمه زیر کلیک کنید👇🏻
بک اند(Back-End)
به بخش های برنامه نویسی سایت که عملیات ریاضیاتی، منطقی و شرطی سایت توی اون انجام میشه رو بک اند میگن. بک اند بخاطر داشتن عملیات های برنامه نویسی به مراتب سخت تر از فرانت انده. برای برنامه نویسی بک اند از زبان های مختلفی استفاده میشه.
بزرگترین زبان های بک اند:
- ASP.NET که یکی از زیر مجموععه های سی شارپه
- PHP
- پایتون (کتابخانه های بزرگش مثل فلسک و جنگو)
- گولنگ(GoLang)
- دیتابیس ها مثل MYSQL
- RUBY
- و …
PHP
به جرئت میتونم بگم یکی از بزرگترین زبان های برنامه نویسی در دنیاست که خیلی از استفاده میشه. وردپرس و جوملا با همین زبان نوشته شدن. زبان php چند مزیت بزرگ داره:
- متخصص تو این زمینه زیاد داره
- هزینه طراحی نسبتا پایین تره
- هیچ جا لنگ نمیذاره آدمو و کامله..
آموزش طراحی سایت در دانشگاه علوم و تحقیقات
599,000 تومان- -20%
دستبند جین
200,000 تومان 
سرویس HewbVPN
70,000 تومان – 190,000 تومان
پایتون
داشتن یکی از راحت ترین سینتکس ها، کامل بودن و دیباگ خط به خط، کتابخانه های متعدد، تعداد افراد متخصص نسبتا زیاد باعث محبوبیت این زبان برنامه نویسی شده.
دو تا از محبوب ترین کتابخانه های پایتون برای طراحی سایت:
- جنگو(django)
- فلسک(flask)
کلام آخر و جمعبندی
اگر از آموزش خوشت اومد و دلت خواست حمایت
کن
خب حالا که تا اینجا اومدی و زحمت کشیدی برات یه چند تا پیشنهاد خوب دارم! اگر حرفه ای سایت ساختن شدی باید تو گوگل خودتو بکشی بالا و خودی نشون بدی. بدون اینکار سایتت هیچ جا پیدا نمیشه و به قول معروف بی مایع فطیره. من یه صفحه جدا برای سئو و اول شدن توی رتبه گوگل برات گذاشتم که این پایین لینکشو برات میذارم که ازش استفاده کنی!