This media is not supported in your browser
VIEW IN TELEGRAM
📌 تفاوت HTML و CSS و JavaScript در طراحی سایت :
🔸 برای درک بهتر HTML و CSS که چه نیازی هست یاد بگیریم، ابتدا تفاوتشان را بیان می‌کنیم
🌀 اچ تی ام ال ( Html ) مانند اسکلت بدن انسان است، در وبسایت در واقع شامل عناوین، متن ها، عکس ها و پاراگراف ها و ساختار پایه ای وبسایت را ایجاد می‌کند.
🌀 سی اس اس ( Css ) مانند رنگ و پوست برای بدن انسان است، در وبسایت شامل رنگ و استایل است و یک پوسته برای سایت شما است مانند پوست در بدن انسان.
🌀 جاوا اسکریپت ( Javascript ) مانند حرکت بدن انسان است مثل رقص یا قدم زدن، در وبسایت به منزله حرکت و منطق است مانند پیغام هشدار یا تاییدیه که به کاربر داده می‌شود
+ منبع : فن آسا
➖➖➖➖➖➖➖
✅ @WorldCode
🔸 برای درک بهتر HTML و CSS که چه نیازی هست یاد بگیریم، ابتدا تفاوتشان را بیان می‌کنیم
🌀 اچ تی ام ال ( Html ) مانند اسکلت بدن انسان است، در وبسایت در واقع شامل عناوین، متن ها، عکس ها و پاراگراف ها و ساختار پایه ای وبسایت را ایجاد می‌کند.
🌀 سی اس اس ( Css ) مانند رنگ و پوست برای بدن انسان است، در وبسایت شامل رنگ و استایل است و یک پوسته برای سایت شما است مانند پوست در بدن انسان.
🌀 جاوا اسکریپت ( Javascript ) مانند حرکت بدن انسان است مثل رقص یا قدم زدن، در وبسایت به منزله حرکت و منطق است مانند پیغام هشدار یا تاییدیه که به کاربر داده می‌شود
+ منبع : فن آسا
➖➖➖➖➖➖➖
✅ @WorldCode
👍19❤4👌1
📌 #سوال
📌 #ادیتور
🤔 کدوم ادیتور و IDE بهتر است؟
🌀 دوستان برای این که ما بتونیم سایتی رو بسازیم، نیاز به ادیتور داریم
🤔 اصلا IDE چی هست؟
🌀 خود IDE میاد محیطی رو براتون ایجاد میکنه که تمام نیازهاتونو برطرف کنه
🤔 ادیتور چی هست؟
🌀 ادیتور محیطی که شما در اون قراره که کدنویسی کنید
چندین ادیتور داریم، از جمله :
🔻 1. نوت پد خود سیستم
🔻 2. Notepad++
🔻 3. Vs Code
🔻 4. Dream Weaver
🔻 5. Atom
🔻 6. Sublime Text
🔻 7. ....
🌀 در تمام ادیتورهایی که نام برده شد، شما در هر کدوم از ادیتورها که راحت هستید میتونید کدنویسی کنید
🌀 دوستان ببینید نمیشه بگیم کدوم ادیتور بهترین است چرا که هر فردی با یک ادیتور راحت به کدنویسی هست، مثلا فرد x با ++Notepad راحته ولی فرد y با Vs Code و ...
🌀 اگر مبتدی و تازه وارد هستید، پیشنهاد می‌کنیم از Dream Weaver استفاده کنید چرا که اگر از ادیتور خود سیستم Notepad استفاده کنید، عیب اولش این که باز و بسته شدن تگ براتون مشخص نیست.
🌀 یعنی چی مشخص نیست؟ یعنی این که خطوط کدنویسی شده همشون به همون حالت رنگ مشکلی پیش فرض هستن (Notepad) ولی اگر تو Dream Weaver و یا ++Notepad کدنویسی کنید رنگ خطوط مشخص است مثلا اگر در ++Notepad تایپ کنید رنگ تگ‌ها به رنگ آبی هست (عکس WorldCode1)
🌀 حال بیاییم یه جا یه تگ رو به اشتباهی تایپ کنیم، می‌بینید که اگر یه تگ رو به اشتباهی تایپ کنیم از رنگ آبی به رنگ مشکی تغییر رنگ پیدا میکنه (عکس WorldCode)
🌀 مثلا فرض کنید در یک پروژه ای 10000 خط کد نوشته شده و در این مابین شما یک جا رو / بسته شدن تگ رو یادتون رفته بذارین، خب طبیعتا پیدا کردن این ارور در خطوط 10000 خطی کار آسانی نیست ولی اگر همین رو تو Dream Weaver بنویسین خود Dream Weaver به محض باز شدن تگ مثلا html خود به خود یا بهتره بگم خودکار تگ html رو میبنده یعنی تا شما <html> روتایپ می‌کنید و می‌خواید برید خط بعد خود این ادیتور <html/> رو تایپ میکنه
در ادامه چندین ادیتور قرار می‌گیره و تگ‌ها توضیح داده میشه
❤️ جهت استفاده ناشنوایان.
‼️ توجه : آموزش تصویری تمامی مطالب هر دو جلسه یک بار منتشر می‌شود.
📌 ادامه دارد ....
👩💻 تهیه شده : توسط مهندس ضرابی
➖➖➖➖➖➖➖
✅ @WorldCode
📌 #ادیتور
🤔 کدوم ادیتور و IDE بهتر است؟
🌀 دوستان برای این که ما بتونیم سایتی رو بسازیم، نیاز به ادیتور داریم
🤔 اصلا IDE چی هست؟
🌀 خود IDE میاد محیطی رو براتون ایجاد میکنه که تمام نیازهاتونو برطرف کنه
🤔 ادیتور چی هست؟
🌀 ادیتور محیطی که شما در اون قراره که کدنویسی کنید
چندین ادیتور داریم، از جمله :
🔻 1. نوت پد خود سیستم
🔻 2. Notepad++
🔻 3. Vs Code
🔻 4. Dream Weaver
🔻 5. Atom
🔻 6. Sublime Text
🔻 7. ....
🌀 در تمام ادیتورهایی که نام برده شد، شما در هر کدوم از ادیتورها که راحت هستید میتونید کدنویسی کنید
🌀 دوستان ببینید نمیشه بگیم کدوم ادیتور بهترین است چرا که هر فردی با یک ادیتور راحت به کدنویسی هست، مثلا فرد x با ++Notepad راحته ولی فرد y با Vs Code و ...
🌀 اگر مبتدی و تازه وارد هستید، پیشنهاد می‌کنیم از Dream Weaver استفاده کنید چرا که اگر از ادیتور خود سیستم Notepad استفاده کنید، عیب اولش این که باز و بسته شدن تگ براتون مشخص نیست.
🌀 یعنی چی مشخص نیست؟ یعنی این که خطوط کدنویسی شده همشون به همون حالت رنگ مشکلی پیش فرض هستن (Notepad) ولی اگر تو Dream Weaver و یا ++Notepad کدنویسی کنید رنگ خطوط مشخص است مثلا اگر در ++Notepad تایپ کنید رنگ تگ‌ها به رنگ آبی هست (عکس WorldCode1)
🌀 حال بیاییم یه جا یه تگ رو به اشتباهی تایپ کنیم، می‌بینید که اگر یه تگ رو به اشتباهی تایپ کنیم از رنگ آبی به رنگ مشکی تغییر رنگ پیدا میکنه (عکس WorldCode)
🌀 مثلا فرض کنید در یک پروژه ای 10000 خط کد نوشته شده و در این مابین شما یک جا رو / بسته شدن تگ رو یادتون رفته بذارین، خب طبیعتا پیدا کردن این ارور در خطوط 10000 خطی کار آسانی نیست ولی اگر همین رو تو Dream Weaver بنویسین خود Dream Weaver به محض باز شدن تگ مثلا html خود به خود یا بهتره بگم خودکار تگ html رو میبنده یعنی تا شما <html> روتایپ می‌کنید و می‌خواید برید خط بعد خود این ادیتور <html/> رو تایپ میکنه
در ادامه چندین ادیتور قرار می‌گیره و تگ‌ها توضیح داده میشه
❤️ جهت استفاده ناشنوایان.
‼️ توجه : آموزش تصویری تمامی مطالب هر دو جلسه یک بار منتشر می‌شود.
📌 ادامه دارد ....
👩💻 تهیه شده : توسط مهندس ضرابی
➖➖➖➖➖➖➖
✅ @WorldCode
👍30❤2🔥1🤯1
آموزش طراحی وب
📌 #سوال 📌 #ادیتور 🤔 کدوم ادیتور و IDE بهتر است؟ 🌀 دوستان برای این که ما بتونیم سایتی رو بسازیم، نیاز به ادیتور داریم 🤔 اصلا IDE چی هست؟ 🌀 خود IDE میاد محیطی رو براتون ایجاد میکنه که تمام نیازهاتونو برطرف کنه 🤔 ادیتور چی هست؟ 🌀 ادیتور محیطی که شما…
🔻 توضیح عکس WorldCode1 :
🌀 اگر تمامی تگ‌ها به درستی تایپ شوند، باید با رنگ آبی همشون نمایش داده شوند
➖➖➖➖➖➖➖
✅ @WorldCode
🌀 اگر تمامی تگ‌ها به درستی تایپ شوند، باید با رنگ آبی همشون نمایش داده شوند
➖➖➖➖➖➖➖
✅ @WorldCode
🤔2👍1
آموزش طراحی وب
📌 #سوال 📌 #ادیتور 🤔 کدوم ادیتور و IDE بهتر است؟ 🌀 دوستان برای این که ما بتونیم سایتی رو بسازیم، نیاز به ادیتور داریم 🤔 اصلا IDE چی هست؟ 🌀 خود IDE میاد محیطی رو براتون ایجاد میکنه که تمام نیازهاتونو برطرف کنه 🤔 ادیتور چی هست؟ 🌀 ادیتور محیطی که شما…
🔻 توضیح عکس WorldCode :
🌀 و اگر به اشتباه یا از قصد بیاییم یکی از تگ‌ها یا بعضی از تگ‌ها رو درست تایپ نکنیم، رنگ اون تگ از رنگ آبی به رنگ مشکی تغییر پیدا میکنه (به خط 9 که تگ body رو از قصد به اشتباه تایپ کردیم، دقت کنید)
➖➖➖➖➖➖➖
✅ @WorldCode
🌀 و اگر به اشتباه یا از قصد بیاییم یکی از تگ‌ها یا بعضی از تگ‌ها رو درست تایپ نکنیم، رنگ اون تگ از رنگ آبی به رنگ مشکی تغییر پیدا میکنه (به خط 9 که تگ body رو از قصد به اشتباه تایپ کردیم، دقت کنید)
➖➖➖➖➖➖➖
✅ @WorldCode
🔥3👍1
📌 #سوال
📌 #ادیتور
📌 #IDE
🤔 تفاوت IDE و ادیتور و مزایا و معایب آن‌ها
🌀 اگه برنامه نویس مبتدی و تازه وارد هستید، با دو مفهوم ادیتور و IDE روبرو می‌شوید. ممکن است بپرسید چه فرقی باهم دارن؟
🌀 هر کدوم اینا مزایا و معایب و کاربرد خودشون رو دارن، IDE مخفف Integrated Development Environment هست که میتونیم اون رو به محیط توسعه یکپارچه ترجمه کنیم.
🌀 میتونیم بگیم IDE میاد محلی رو برای برنامه نویس ایجاد میکنه که هر چیزی برنامه نویس نیاز داره بتونه در اون محیط استفاده کنه به عبارتی میاد تمام نیازهای برنامه نویس رو برطرف کنه.
🌀 توی IDE ما نمیتونیم بیاییم هم برای اپلیکیشن کدنویسی کنیم هم برای وب، به عبارتی هر IDE مختص به یک زبان برنامه نویسی هست.
🌀 اگه طراح وب هستید IDE رو انتخاب می‌کنید که همه اون چیزی که برای طراحی وب نیاز دارید رو بهتون بده، به عبارتی زمان انتخاب IDE باید به این موضوع فکر کنید که هنگام طراحی وب چه نیازهایی دارید و در گام بعد، به دنبال IDE باشید که نیازتون رو برطرف کنه.یک طراح وب موقع کار ممکن است به موارد زیر نیاز داشته باشه :
🔻 1- بتونه رنگ‌های موردنظر طراحی‌اش رو سریعا انتخاب کنه و یا تغییر بده
🔻 2- بتونه با سرویس Git ارتباط برقرار کنه
🔻 3- بتونه به FTP هاست خود متصل بشه و کدهای سرویس آنلاین خود را تغییر بده
🔻 4- بتونه رنگ بندی خوبی در محیط توسعه خود داشته باشه
🔻 5- بتونه به راحتی کدهای خود را مرتب کند تا کدها شلوغ نشده و تمرکز او را از بین نبرد
🔻 6- بتونه خطاهای کد خود را متوجه شده و خیلی سریع آن‌ها را برطرف کنه
🌀 چند نمونه از IDE های معروف :
ا🔻 1- PHPStorm : یک IDE قدرتمند برای نوشتن کدهای PHP (میتونیم ازش برای کدنویسی HTML-CSS-JavaScript هم استفاده کنیم)
ا🔻 2- WebStorm : یک IDE قدرتمند برای طراحان وب
ا🔻 3- Eclipse: یک IDE قدرتمند برای نوشتن کدهای Java, C, C++, Python
ا🔻 4- XCode : یک IDE قدرتمند مخصوص توسعه اپ ها برای IOS و Mac
ا🔻 5- Android Studio : یک IDE قدرتمند مخصوص توسعه‌ی اپ های سیستم عامل اندرید
🌀 هر IDE برای یک کار خاص طراحی و توسعه داده شده است. مثلا شما نمیتونید از Android Studio برای نوشتن اپ‌هایی برای سیستم عامل IOS استفاده کنید و از Eclipse هم نمیشه برای طراحی وب با HTML-CSS استفاده کنید. در واقع میتونیم بگیم:
👈 هر IDE را بهر کاری ساختند !!
❤️ جهت استفاده ناشنوایان.
‼️ توجه : آموزش تصویری تمامی مطالب هر دو جلسه یک بار منتشر می‌شود.
📌 ادامه دارد ....
👩💻 تهیه شده : توسط مهندس ضرابی
➖➖➖➖➖➖➖
✅ @WorldCode
📌 #ادیتور
📌 #IDE
🤔 تفاوت IDE و ادیتور و مزایا و معایب آن‌ها
🌀 اگه برنامه نویس مبتدی و تازه وارد هستید، با دو مفهوم ادیتور و IDE روبرو می‌شوید. ممکن است بپرسید چه فرقی باهم دارن؟
🌀 هر کدوم اینا مزایا و معایب و کاربرد خودشون رو دارن، IDE مخفف Integrated Development Environment هست که میتونیم اون رو به محیط توسعه یکپارچه ترجمه کنیم.
🌀 میتونیم بگیم IDE میاد محلی رو برای برنامه نویس ایجاد میکنه که هر چیزی برنامه نویس نیاز داره بتونه در اون محیط استفاده کنه به عبارتی میاد تمام نیازهای برنامه نویس رو برطرف کنه.
🌀 توی IDE ما نمیتونیم بیاییم هم برای اپلیکیشن کدنویسی کنیم هم برای وب، به عبارتی هر IDE مختص به یک زبان برنامه نویسی هست.
🌀 اگه طراح وب هستید IDE رو انتخاب می‌کنید که همه اون چیزی که برای طراحی وب نیاز دارید رو بهتون بده، به عبارتی زمان انتخاب IDE باید به این موضوع فکر کنید که هنگام طراحی وب چه نیازهایی دارید و در گام بعد، به دنبال IDE باشید که نیازتون رو برطرف کنه.یک طراح وب موقع کار ممکن است به موارد زیر نیاز داشته باشه :
🔻 1- بتونه رنگ‌های موردنظر طراحی‌اش رو سریعا انتخاب کنه و یا تغییر بده
🔻 2- بتونه با سرویس Git ارتباط برقرار کنه
🔻 3- بتونه به FTP هاست خود متصل بشه و کدهای سرویس آنلاین خود را تغییر بده
🔻 4- بتونه رنگ بندی خوبی در محیط توسعه خود داشته باشه
🔻 5- بتونه به راحتی کدهای خود را مرتب کند تا کدها شلوغ نشده و تمرکز او را از بین نبرد
🔻 6- بتونه خطاهای کد خود را متوجه شده و خیلی سریع آن‌ها را برطرف کنه
🌀 چند نمونه از IDE های معروف :
ا🔻 1- PHPStorm : یک IDE قدرتمند برای نوشتن کدهای PHP (میتونیم ازش برای کدنویسی HTML-CSS-JavaScript هم استفاده کنیم)
ا🔻 2- WebStorm : یک IDE قدرتمند برای طراحان وب
ا🔻 3- Eclipse: یک IDE قدرتمند برای نوشتن کدهای Java, C, C++, Python
ا🔻 4- XCode : یک IDE قدرتمند مخصوص توسعه اپ ها برای IOS و Mac
ا🔻 5- Android Studio : یک IDE قدرتمند مخصوص توسعه‌ی اپ های سیستم عامل اندرید
🌀 هر IDE برای یک کار خاص طراحی و توسعه داده شده است. مثلا شما نمیتونید از Android Studio برای نوشتن اپ‌هایی برای سیستم عامل IOS استفاده کنید و از Eclipse هم نمیشه برای طراحی وب با HTML-CSS استفاده کنید. در واقع میتونیم بگیم:
👈 هر IDE را بهر کاری ساختند !!
❤️ جهت استفاده ناشنوایان.
‼️ توجه : آموزش تصویری تمامی مطالب هر دو جلسه یک بار منتشر می‌شود.
📌 ادامه دارد ....
👩💻 تهیه شده : توسط مهندس ضرابی
➖➖➖➖➖➖➖
✅ @WorldCode
👍12❤1
This media is not supported in your browser
VIEW IN TELEGRAM
🔻 آمورش طراحی وب از پایه - قسمت اول
💎 طراحی سایت از کجا شروع کنم؟
🔰 مدرس : ضرابی
🔰 اختصاصی کانال
➖➖➖➖➖➖➖
✅ @WorldCode
💎 طراحی سایت از کجا شروع کنم؟
🔰 مدرس : ضرابی
🔰 اختصاصی کانال
➖➖➖➖➖➖➖
✅ @WorldCode
👍3🤮1