https://virgool.io/feed/@yadify در یادیفای میخوایم به زبان خیلی ساده یاد بگیریم برنامه نویسی چیه و چطور میتونیم توی اون موفق بشیم :) www.yadify.com fa 2026-06-07 08:40:11 https://files.virgool.io/upload/users/17916/avatar/11Dam8.png?height=120&width=120 https://virgool.io/@yadify https://virgool.io/@yadify/%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D8%AA%DA%A9%D9%86%DB%8C%DA%A9-5-%D8%AF%D9%82%DB%8C%D9%82%D9%87-%D8%A8%D8%B1%D8%A7%DB%8C-%DB%8C%D8%A7%D8%AF%DA%AF%DB%8C%D8%B1%DB%8C-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-a47jzdeijano یادگیری برنامه نویسی شباهت زیادی به فرایند ورزش کردن دارد. فرض کنید که دوست‌تان محمد از شما میخواهد که باهم به باشگاه بدن‌سازی بروید.اشخاصی که به تازگی وارد باشگاه بدن سازی می‌شوند، در روزهای اول، بعد از هر تمرین، به جلوی آینه می‌روند تا تغییرات را مشاهده کنند. اما آیا واقعا شما در روز اول یا دوم،‌ تغییر خاصی را در اندام خود میتوانید مشاهده کنید؟ قطعا خیر! https://www.aparat.com/v/fL9je یادگیری برنامه نویسی هم دقیقا مانند فرایند ورزش کردن است. همانطور که شما با چند جلسه‌ی ابتدایی باشگاه رفتن، تغییر خاصی را در خود مشاهده میکنید، با چند روز یا چند هفته‌ کدنویسی هم، زیاد نمیتوانید در برنامه نویسی پیشرفت کنید. همانطور که برای ساخت عضله‌های خود نیاز به زمان و تمرین دارید، برای درک یک زبان برنامه نویسی جدید و یادگیری آن نیز، دقیقا به همان زمان و تمرین نیاز پیدا میکنید!اهمیت یادگیری برای برنامه نویسانیکی از چیزهایی که شما به عنوان برنامه نویس همیشه باید انجام آن بپردازید، یادگیری است. دنیای نرم افزار و علوم کامپیوتری یکی از سریع ترین سرعت های رشد در بین علوم مختلف را دارد. همانطور که میبینید هرروز تکنولوژی ها، ترندها، روش ها و زبان های برنامه نویسی جدیدی معرفی میشوند و:شما به عنوان یک برنامه نویس حرفه‌ای، اگر میخواهید در چرخه‌ی رقابت باقی بمانید، باید یادگیری جز جدا ناپذیری از برنامه روزانه‌تان باشد.اما این یادگیری همیشه آسان نیست. ممکن است مشکلاتی سر راه‌تان قرار بگیرد که نتوانید هرروز یاد بگیرید. در ادامه میخواهیم ۲ مشکل رایج را مطرح کنیم و در نهایت یک راه حل فوق العاده که چیزی شبیه به معجزه است را به شما معرفی کنیم. تکنیکی که اگر آن را رعایت کنیم میتوانیم به یک برنامه نویس حرفه ای تبدیل شویم و نهایتا میتوانیم به کسب درآمد از طریق برنامه نویسی بپردازیم.مشکل اول: انگیزه‌ی شروعیکی از بزرگ ترین مشکلاتی که ما داریم نداشتن انگیزه برای شروع کردن کارهاست! این یکی از مهم ترین دلایلی است که خیلی از ما خیلی از کارهایی که میدانیم درست است را شروع نمیکنیم و آن‌ها را به آینده موکول میکنیم. حتما برای شما هم پیش آمده است که همیشه میدانستید که مهم ترین کاری که در حال حاضر باید انجام دهید چیست، اما ‌هیچوقت انگیزه‌ی شروع آن به سراغتان نیامده است!با استفاده از تکنیکی که در این مقاله و آموزش میخواهیم معرفی کنیم، میتوانید مشکل نداشتن انگیزه برای شروع کارها را رفع کنید.مشکل دوم: فکر میکنیم که وقت نداریماما ممکن است که شما با مشکل زمان مواجه باشید و نتوانید روزانه ۱۴ ساعت را برای برنامه نویسی کنار بگذارید. ممکن است شاغل باشید و بخواهید در زمان های بیکاری، برنامه نویسی کنید. و یا اینکه دانشجو هستید و میخواهید زمان هایی که وقت آزاد دارید، به برنامه نویسی بپردازید.برخی از برنامه نویسان معتقد هستند که برای برنامه نویس شدن، شما باید ۱۰ سال، تمام شبانه روز را پشت سیستم باشید و فقط کدنویسی کنید، فارغ از اینکه این تفکر درست است یا اشتباه، آیا ما میتوانیم ۱۰ سال، شبانه روزی روی برنامه نویسی وقت بگذاریم؟ طبیعتا این امکان برای خیلی از افراد فراهم نیست. پس چاره‌ی کار چیست؟ کلا برنامه نویسی را بیخیال بشیم؟ قطعا خیر!تکنیک ۵ دقیقه، چیزی شبیه به معجزه!اینکه شما باید هرروز به دنبال تمرین و یادگیری برنامه نویسی باشید، موضوعی است که نمیتوان آن‌را رد کرد. اگر فکر میکنید که برنامه نویسی را در چند ساعت یا چند روز میتوانید برای همیشه یاد بگیرید و دیگر نیازی به تمرین ندارید، کاملا اشتباه میکنید. همانطور که احتمالا شنیده‌اید، میگویند زبان انگلیسی فرّار است، برنامه نویسی هم دقیقا به همین صورت است. اگر شما سال‌ها نیز درگیر برنامه نویسی باشید، ولی فقط ۱ماه آن‌را رها کنید، شروع دوباره برای شما کمی سخت خواهد بود و احتمالا مباحث زیادی را فراموش خواهید کرد.اما ممکن است شما انگیزه‌ یا حوصله‌ی کافی برای تمرین چندین ساعت برنامه نویسی در روز را نداشته باشید. اینجا دقیقا جایی است که باید از «حقه‌ی ۵ دقیقه‌ای» استفاده کنید!فرض کنید که شما میخواهید برنامه ریزی کنید که روزانه ۴ ساعت را به تمرین برنامه نویسی بپردازید. در تمام طول روز نگران این خواهید بود که چطور میتوانم ۴ ساعت پشت سر هم را برای تمرین برنامه نویسی خالی کنم. در این حالت، روزهای زیادی خواهد بود که شما حس میکنید که نمتیوانید ۴ ساعت مداوم برای تمرین وقت بگذارید، به همین دلیل کلا بیخیال تمرین میشوید و آن‌را به روز دیگری موکول میکنید.اما حقه‌ی ۵ دقیقه برای شما بطور کلی این مشکل را حل میکند. هروقت که میخواهید یادگیری و تمرین برنامه نویسی را شروع کنید،‌ به خودتان بگویید که فقط ۵ دقیقه اینکار را انجام میدهم و سپس به سراغ کارهای دیگر میروم. به عبارت دیگر خودتان را مجبور کنید که تمرین را شروع کنید و ۵ دقیقه آن‌را ادامه دهید.مشکل بسیاری از افراد برای انجام ندادن کارها، مشکل شروع کردن است. بسیاری از افراد به دلایل بسیاری، کار، تمرین، تلاش، یادگیری و... را شروع نمیکنند. اما اگر بتوانند کاری کنند که فقط آن کا آغاز شود، ادامه دادن مسیر بسیار راحت تر خواهد بود.سخت ترین و مشکل ترین قسمت کار، شروع کردن آن است. اما وقتی که با حقه‌ و تکنیک ۵ دقیقه شروع میکنید، وارد مسیر میشوید و برای‌تان سخت است که کار را رها کنید.بارها برای خود من نیز پیش آمده است که قصد یادگیری موضوعی جدید یا انجام کاری را داشتم، ولی حوصله‌ و انگیزه‌ی آن در من وجود نداشت. با خودم گفتم «فقط ۵ دقیقه اینکار را انجام میدهم و سپس به سراغ کار دیگری میروم!» اما وقتی کار را شروع میکردم، در بسیاری از مواقع آن ۵ دقیقه را فراموش میکردم. در برخی مواقع نیز با خود میگفتم «حالا که ۵ دقیقه از شروع اینکار میگذره، حیفه که نصفه ولش کنی، بشین و تا یه جای خوب کار رو پیش ببر» و همین باعث میشد که ساعت ها کار کنم و کار را ادامه دهم. این تکنیک، نه فقط برای برنامه نویسی، بلکه برای هرکار دیگری که در شروع کردن آن مشکل دارید، مثل درس خواندن، یاد گرفتن زبان، ورزش کردن و... برایتان کاربردی خواهد بود. پس هر وقت انگیزه و انرژی لازم برای انجام کاری را نداشتید،‌ به خودتان بگویید که فقط میخواهید ۵ دقیقه از آن‌را انجام دهید. سپس معجزه‌ی این تکنیک را باور خواهید کرد. نظرتان درباره‌ی این تکنیک چیست؟ بنظرتان آیا میتواند برایتان مفید باشد؟منبع: یادیفای یادیفای یادیفای Sun, 24 Feb 2019 23:08:42 +0330 https://virgool.io/@yadify/%DA%A9%D8%A7%D9%85%D9%84%D8%AA%D8%B1%DB%8C%D9%86-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-sublime-text-3-%D9%88%DB%8C%D8%AF%D8%A6%D9%88%DB%8C%DB%8C-%D9%88-%DA%A9%D8%A7%D9%85%D9%84%D8%A7-%D8%B1%D8%A7%DB%8C%DA%AF%D8%A7%D9%86-gzz9pdp3l04e حتما شما هم در حیطه‌ی طراحی وب، نام Sublime Text به گوشتان‌ خورده‌ است. ویرایشگر متنی که به ویژگی‌های فوق العاده‌ای دارد و به اعتقاد برخی ها سابلایم میتواند جادو کند و سرعت کدنویسی شما را بسیار زیاد بالا ببرد. در این مقاله‌ی آموزشی، هر آن چیزی که برای کار با آخرین نسخه Sublime Text را یاد میگیریم. پس با من در آموزش Sublime Text 3 بصورت کاملا ویدئویی و متنی همراه باشید.کامل ترین آموزش Sublime Text 3حتما به عنوان یک برنامه نویس یا طراح وب برای شما هم پیش آمده است که درگیر انتخاب یک IDE یا Text Editor مناسب کار خود شوید. اگر درباره‌ی فرق بین IDE و Text Editor ها چیزی نمیدانید، پیشنهاد میکنم مقاله تفاوت IDE و Text Editor – مزایا و معایب هرکدام چیست؟ را حتما مطالعه کنید. بسیار برای شما مفید خواهد بود.در این مقاله و فیلم ها‌، کامل ترین آموزش Sublime Text 3 که به زبان فارسی موجود است را ارائه میکنیم. این آموزش به شما کمک میکند که سابلایم را به خوبی بشناسید و با مزایا و معایب آن آشنا شوید، کار با Sublime Text 3 را شروع کنید، و یاد بگیرید که چطور میتوانید آن‌را برای خودتان بهینه کنید. https://www.aparat.com/v/1fkws Sublime چیست؟ معرفی Sublime Text 3Sublime Text یک ویرایشگر متن یا Text Editor غیر رایگان است که به شما کمک میکند که کد نویسی بسیار لذت بخش تر و سریع تری داشته باشید. آخرین نسخه‌ی این نرم افزار Sublime Text 3 می‌باشد که امکانات بسیار زیادی را در اختیار شما قرار میدهد.Sublime Text بصورت پیشفرض یک ویرایشگر متنی بسیار ساده است. وقتی آن‌را برای اولین بار نصب میکنید، ممکن است با امکانات بسیار زیادی مواجه نشوید و فکر کنید که یک نرم افزار بسیار عادی و پیش پا افتاده را پیش روی خود دارید.اما نکته‌ی مهم در خصوص Sublime Text این است که این نرم افزار، دارای پکیج های مختلفی است. به این معنا که هنگامی که شما این نرم افزار را نصب میکنید، به خودی خود قدرست خاصی ندارد، ولی با پکیج هایی که در اختیار شما قرار میدهد، هر کاری که بخواهید را میتوانید با آن انجام دهید.در ادامه بصورت کامل با آموزش Sublime Text 3 در خدمت شما هستم.چرا باید از Sublime Text 3 استفاده کنیم؟سوال بسیار خوبی است. چرا باید از Sublime Text استفاده کنیم و سوال مهم تر اینکه چرا باید آموزش Sublime Text 3 را مطالعه و مشاهده کنیم. اگر مقاله‌ی تفاوت IDE و Text Editor – مزایا و معایب هرکدام چیست؟ را مطالعه کرده باشید، متوجه این موضوع شده‌اید که IDE ها برای اجرا به زمان و منابع سیستم زیادی دارند. به این دلیل که تمام امکانات پیشفرض درون آن‌ها گنجانده شده است. که ممکن است که شما به تعداد زیادی از این امکانات نیازی نداشته باشید.اما یک خوبی Text Editor ها این است که بصورت پیشفرض و بعد از نصب، کاملا خام هستند. که شما میتوانید با نصب پلاگین/پکیج هایی که نیاز دارید، امکانات مختلف را به آن‌ها اضافه کنید و آن Text Editor را برای خودتان کاملا شخصی سازی و بهینه کنید.برای مثال اگر شما بخواهید با Sublime Text 3 اقدام به برنامه نویسی برای زبان PHP کنید، به طور پیشفرض Sublime Text پشتیبانی خوبی از این زبان ندارد. اما شما میتوانید با نصب پکیج های مختلف، پشتیبانی از PHP را به Sublime Text خود اضافه کنید.در ادامه‌ی آموزش Sublime Text 3 بهترین پکیج های این Text Editor فوق العاده رو به شما معرفی میکنیم.یک ایراد بزرگ در Sublime TextSublime Text 3 در کنار تمام ویژگی های مثبتی که دارد، یک ویژگی ای دارد که ممکن است زیاد برای ما کاربران فارسی زبان خوشایند نباشد، Sublime Text 3 از زبان فارسی و کاراکترهای آن پشتیبانی نمی‌کند.اگر بخواهید در Sublime Text 3 فارسی بنویسید، نوشته‌های شما بصورت برعکس و جدا از هم نوشته می‌شوند. که این یک عیب برای Sublime Text 3 به شمار می‌آیند. البته بسیاری از طراحان و برنامه نویسان، با این موضوع کنار آمده‌اند و این موضوع برایشان زیاد اهمیت ندارد.عکس زبان فارسی در سابلایماما اگر برای شما مهم است، باید به دنبال جایگزین هایی برای Sublime Text 3 باشید که از زبان فارسی پشتیبانی میکنند. در آینده مقاله‌ای در یادیفای منتشر خواهیم کرد و درباره‌ی بهترین Text Editor ها و IDE های دیگر که از زبان فارسی بصورت کامل پشتیبانی میکنند و ممکن است در جاهایی از Sublime Text 3 نیز بهتر باشند، صحبت میکنیم.شروع به کار با Sublime Text 3به سراغ شروع آموزش Sublime Text 3 میرویم و میخواهیم کار با این نرم افزار فوق العاده را آغاز کنیم. همانطور که گفتیم Sublime Text یک ادیتور غیر رایگان می باشد. برای شروع کار با این ادیتور نیاز نیست مبلغ خاصی را پرداخت کنید، اما بعد از مدتی، Sublime Text شما را مجبور به وارد کردن لایسنس میکند. شما میتوانید لایسنس Sublime Text 3 به قیمت ۸۰ دلار، یک بار برای همیشه خریداری کنید. اگر نمیتوانید/نمیخواهید این مبلغ را پرداخت کنید، میتوانید از جایگزین های Sublime Text، مثلا Vscode که کاملا رایگان است استفاده کنید که در آینده یک آموزش کامل نیز برای آن ارائه خواهیم داد.ما خودمان برنامه نویس هستیم و برنامه نویس ها را دوست داریم. برای احترامی که برای ساخته‌ی دیگران قائل هستیم، از نرم افزارهای کرک و روش های غیر قانونی استفاده نمیکنیم به شما هم پیشنهاد میکنیم که استفاده نکنید!به همین دلیل در آموزش Sublime Text 3 درباره‌ی نحوه‌ی کرک کردن یا ... صحبت نمیکنیم. https://www.aparat.com/v/ACUfT برای شروع کار با Sublime Text 3، اولین کاری که باید انجام دهیم، دانلود این نرم افزار است. Sublime Text 3 یک نرم افزار Cross Platform می‌باشد. به این معنا که برای تمام سیستم عامل های ویندوز، مک و لینوکس میتوانید نرم افزار آن‌ها را دانلود کنید. برای دانلود میتوانید از راه‌های زیر اقدام کنید:دانلود از رسمی Sublime Textدانلود از پی سی دانلودبعد از دانلود Sublime Text، اقدام به نصب آن کنید و سپس در ادامه‌ی آموزش Sublime Text 3 با من همراه باشید تا کار با این نرم افزار فوق العاده را یاد بگیرید.مفهوم پکیج‌ها در Sublime Textدر این بخش در آموزش Sublime Text 3 میخواهیم درباره‌ی پکیج های Sublime Text صحبت کنیم و بگوییم که دقیقا چه هستند و چه کاری انجام میدهند؟پکیج ها در Sublime Text توسط برنامه نویسان مختلف در تمام جهان نوشته میشوند که امکانات مختلفی را به Sublime Text اضافه کنند و کارایی آن‌را بهتر کنند. همانطور که گفتیم Sublime Text بصورت پیشفرض یک نرم افزار خام است. این پکیج ها هستند که به Sublime Text قدرت میدهند.برای هرکاری که شما بخواهید با Sublime Text انجام دهید، یک پکیج وجود دارد که در گذشته توسط شخصی نوشته شده است که آن قابلیت مدنظر شما را به Sublime Text اضافه کند. در ادامه‌ی آموزش Sublime Text 3 بصورت کامل با این پکیج ها آشنا خواهیم شد.Package Controll چیست؟ نصب کنید! https://www.aparat.com/v/AHZTs یکی از پکیج هایی که کار با Sublime Text را برای شما بسیار راحت میکند و امکان نصب پکیج های دیگر را به سادگی فراهم میکند، پکیجی با نام Package Controll می‌باشد. در این قسمت از آموزش Sublime Text 3 میخواهیم روش نصب Package Controll را بررسی کنیم. برای نصب این پکیج، میتوانید فیلم آموزشی بالا را مشاهده کنید و یا طبق آموزش زیر پیش بروید.برای نصب Package Controll ساده‌ترین راه را در این قسمت بررسی میکنیم:نرم افزار Sublime Text 3 را باز کنیداز منوی بالا روی View و سپس روی Show Console کلیک کنیدیک بخشی پایین Sublime Text شما باز میشود، کد زیر را کپی کنید، در آن قسمت Paste کنید و نهایتا کلید Enter را فشار دهید:برای انتخاب کد به منظور کپی، دوبار روی کد زیر کلیک کنید و بعد از انتخاب شدن تمام متن، آن‌را میتوانید کپی کنید.import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) بعد از اینکه کد زیر را در قسمت مربوطه Paste کردید و Enter را فشار داید، پس از نشان دادن چند خط متن، نصب Package Controll برای شما کامل میشود و الان میتوانید کار حرفه‌ای با Sublime Text را شروع کنید.تصمیم بگیرید Sublime Text را برای چه کاری میخواهید؟یکی از مهم ترین تصمیم هایی که شما در استفاده از Sublime Text باید بگیرید این است که Sublime Text را برای چه کاری میخواهید؟ میخواهید برنامه نویسی چه زبانی را با Sublime Text انجام دهید؟زیرا با توجه به دلیلی که شما برای کار با Sublime Text دارید، پکیج های متفاوتی را باید نصب کنید. اما خیالتان راحت باشد که:برای هرکاری که شما بخواهید با Sublime Text انجام دهید، یک پکیج از قبل نوشته شده است که کار شما را بسیار راحت میکند. در انتهای آموزش Sublime Text 3 بصورت کامل این نرم افزار را برای طراحی و برنامه نویسی وب بهینه میکنیم.معرفی پکیج‌های بسیار کاربردی Sublime Textقبل از اینکه بخواهیم Sublime Text را برای زبان برنامه نویسی خاصی بهینه کنیم،‌ میخواهیم پکیج هایی که به زبان برنامه نویسی خاصی مربوط نیستند را نصب کنیم. این پکیج ها در تمام زبان های برنامه نویسی برای شما بسیار کاربردی خواهند بود و امکانات جذابی را به محیط Sublime Text اضافه خواهند کرد. در ادامه‌ی آموزش Sublime Text 3 با من همراه باشید تا با بهترین پکیج های Sublime Text آشنا شویم و آن‌ها را نصب کنیم.پکیج SideBarEnhancementsیکی از پکیج هایی که داشتن آن در Sublime Text میتواند به شما بسیار کمک کند، پکیج SideBarEnhancements به شما کمک میکند که در بخش منوی کنار سابلایم، تنظیمات بسیار پیشرفته‌تری را داشته باشید. در فیلم زیر بصورت کامل روش نصب و کار با این پکیج را مشاهده میکنید: https://www.aparat.com/v/0cBht دانلود پکیج SideBarEnhancementsپکیج Emmetیک پکیج فوق العاده‌ی دیگر که برای Sublime Text نیز وجود دارد و در این قسمت از آموزش Sublime Text 3 میخواهیم آنرا بررسی کنیم، پکیج Emmet می‌باشد. با استفاده از این پکیج شما میتوانید سرعت کدنویسی خود را در HTML و CSS چندین برابر کنید. در فیلم آموزشی زیر بصورت کامل روش نصب و کار با این پکیج را توضیح داده‌ایم: https://www.aparat.com/v/0ac68 دانلود پکیج Emmetپکیج BracketHighlighterپکیج BracketHighlighter زمانی به کمک شما می‌آید که پروژه‌ی شما بزرگ و تعداد خط کدهای آن زیاد شود. این پکیج شما را از سردرگمی نجات میدهد و جز پکیج های بسیار خوب Sublime Text میباشد که آموزش کار با آن را در فیلم زیر میتوانید ببینید: https://www.aparat.com/v/h8biT دانلود پکیج BracketHighlighterپکیج A File Iconپکیج A File Icon به شما کمک میکند که ایکون های پیشفرض Sublime Text را تغییر دهید که ظاهر زیباتری پیدا کند که در فیلم آموزشی زیر روش کار با آن را یاد میگیریم. همینطور بررسی میکنیم که چطور میتوانیم یک پکیج را حذف کنیم: https://www.aparat.com/v/dpS4c دانلود پکیج A File Iconپکیج Color Pickerبسیاری از افراد برای اینکه بتوانند از رنگ های زیبا در طراحی های خود استفاده کنند، ممکن است به یک نرم افزار انتخاب رنگ مثل Photoshop نیاز داشته باشند. اما با اسفتاده از این پکیج میتوانید به راحتی و خیلی سریع، برای المان های خود رنگ هایی را انتخاب کنید. روش نصب و کار با این پکیج را در زیر میتوانید مشاهده کنید: https://www.aparat.com/v/u1erm دانلود پکیج Color Pickerآماده سازی Sublime Text برای طراحی وب با HTML, CSS, Javascript و jQueryدر این بخش از آموزش Sublime Text 3 میخواهیم Sublime Text را برای طراحی وب با HTML, CSS, Javascript و jQuery بهینه کنیم. به این معنا که پکیج هایی را روی سابلایم نصب کنیم که برای طراحی و کدنویسی با HTML, CSS, Javascript و jQuery بصورت کامل آماده شود. https://www.aparat.com/v/vF0Gm قالب ها در Sublime Textشاید شکل و ظاهر پیشفرض سابلایم برای شما مناسب نباشد و دوست داشته باشید آن‌را تغییر دهید. این دقیقا کاری است که قالب ها (Themes) در سابلایم برای شما انجام میدهند. شما میتوانید با استفاده از قالب هایی که نصب میکنید،‌ شکل و ظاهر متفاوتی را به محیط توسعه خود بدهید. در این بخش زا آموزش Sublime Text 3 بصورت کامل درباره‌ی قالب ها صحبت میکنیم و بهترین قالب های Sublime Text را به شما معرفی میکنیم.معرفی بهترین قالب های Sublime TextSublime Text دارای صدها و شاید هزاران قالب متنوع است که هر کدام برای سلیقه‌ی خاصی طراحی شده‌اند. در این قسمت از آموزش Sublime Text 3 درباره‌ی روش پیدا کردن بهترین قالب های Sublime Text صحبت میکنیم و همچنین 3 قالب معروف و فوق العا‌ده‌ی Boxy, Panda و Material Theme را نصب میکنیم و از کار کردن با آن‌ها لذت میبریم: https://www.aparat.com/v/xDMaj قصه‌ی ما به سر نرسید!آموزش Sublime Text 3 در اینجا تمام نمیشود. در آینده هر نکته‌ی جدیدی در کار با Sublime Text 3 یاد خواهم گرفت را با در اینجا اضافه میکنم. همچنین بزودی یک فیلم آموزشی حاوی ۱۰ نکته‌‌ای که کد نویسی شما را در Sublime Text سریع تر میکند نیز منتشر میکنم که بسیار کاربردی خواهد بود. پس همیشه با یادیفای همراه باشید.معرفی بهترین جایگزین های Sublime Textدر این مقاله با آموزش Sublime Text 3 بصورت کامل و جامع در خدمت شما بودیم. همانطور که گفتیم، Sublime Text در کنار تمام ویژگی های فوق العاده‌ای که دارد، ممکن است نقص هایی نیز داشته باشد. برای مثال یکی از مهم ترین ویژگی های بد Sublime Text این است که از زبان و الفبای فارسی پشتیبانی نمیکند.به همین دلیل شاید شما بخواهید که به دنبال جایگزینی برای Sublime Text باشید. یک IDE یا Text Editor دیگری که علاوه بر پشتیبانی از زبان فارسی، ویژگی های فوق العاده Sublime Text را نیز داشته باشد. در زیر لیستی از بهترین IDE و Text Editor ها را برای شما به همراه آموزش کامل و ویدئویی آماده کردیم که میتونید از آن لذت ببرید. برای مشاهده‌ی هر آموزش، روی آن کلیک کنید:کامل‌ترین آموزش Sublime Text 3 (ویدئویی و کاملا رایگان) (همین آموزش)بزودی: کامل‌ترین آموزش PHP Storm (ویدئویی و کاملا رایگان)بزودی: کامل‌ترین آموزش Atom (ویدئویی و کاملا رایگان)بزودی: کامل‌ترین آموزش Visual Studio Code (کاملا رایگان)بزودی: کامل‌ترین آموزش Brackets (ویدئویی و کاملا رایگان)منبع: یادیفای یادیفای یادیفای Sun, 24 Feb 2019 23:06:29 +0330 https://virgool.io/@yadify/%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D9%88%D8%A7%DA%A9%D9%86%D8%B4-%DA%AF%D8%B1%D8%A7-%DB%8C%D8%A7-%D8%B1%DB%8C%D8%B3%D9%BE%D8%A7%D9%86%D8%B3%DB%8C%D9%88-responsive-f9umwmgfrv2n اگر بخواهید به عنوان یک طراح وب حرفه ای شناخته بشید، یکی از مهارت هایی که حتما باید داشته باشید، طراحی وب واکنش گرا یا ریسپانسیو یا Responsive Web Design است. در این آموزش بصورت کامل بررسی میکنیم که طراحی وب واکنش گرا یا ریسپانسیو چیست، چه کاربردی دارد و چطور میتوان آن‌را یاد گرفت. پس با من در این آموزش همراه باشید تا بصورت کامل با طراحی وب واکنش گرا یا ریسپانسیو آشنا شویم و هر آن چیزی که از آن نیاز داریم را یاد بگیریم.طراحی وب واکنش گرا یا ریسپانسیو چیست؟ https://www.aparat.com/v/NSJZi اگر بخواهیم بگوییم که طراحی وب واکنش گرا یا ریسپانسیو به چه معناست، میتوانیم آن را در یک جمله به این صورت خلاصه کنیم:طراحی وب واکنش گرا یا ریسپانسیو یعنی صفحات وبمان را به گونه ای طراحی کنیم که در سایزهای مختلف صفحه‌ی نمایش مثل موبایل‌ها، تبلت‌ها و... سایت‌مان به درستی نمایش داده شود.امروزه با توجه به افزایش تعداد کاربرانی که با استفاده از تلفن های همراه یا تبلت اقدام به گشت و گذار در سطح اینترنت میکنند، بسیار مهم است که وبسایتی که توسط شما طراحی میشود، قابلیت نمایش صحیح در انواع صفحات نمایش را داشته باشد.اگر شما یک طراح وب باشید که با استفاده از HTML5 و CSS3 اقدام به طراحی وب میکنید، یکی از مهارت هایی که حتما باید به آن مسلط باشید، مهارت طراحی وب واکنش گرا یا ریسپانسیو است. اگر به این مهارت مسلط نباشید، نمیتوانید خودتان را یک طراح وب حرفه‌ای بنامید. زیرا مهارت طراحی وب واکنش گرا یا ریسپانسیو یکی از مهم ترین مهارت هایی است که شما به عنوان یک طراح وب حرفه‌ای باید به آن مسلط باشید.امروزه داشتن یک وبسایت ریسپانسیو یا واکنش گرا (Responsive) یکی از المان هایی است که هر کسی باید به آن توجه کند. اگر شما مهارت طراحی وب واکنش گرا یا ریسپانسیو نداشته باشید، بزودی از چرخه‌ی رقابت حذف خواهید شد.در این مقاله بصورت کامل یاد میگیریم که چرا طراحی وب واکنش گرا یا ریسپانسیو اینقدر مهم است و در انتهای این مقاله یک منبع آموزشی فوق العاده برای یادگیری طراحی وب واکنش گرا یا ریسپانسیو به شما معرفی میکنیم.مزایای طراحی وب ریسپانسیوممکن است این سوال برایتان پیش باید که چرا باید طراحی وب واکنش گرا یا ریسپانسیو (Responsive) را یاد بگیریم و اصولا چرا باید سایت هایی ریسپانسیو داشته باشیم؟ سوال بسیار خوبی است. در ادامه میخواهیم به این سوال جواب دهیم.الزامات یک طراح وب حرفه‌ایشما به عنوان یک طراح وب حرفه‌ای، یکی از مهارت هایی که حتما و قطعا باید به آن مسلط باشید، طراحی وب واکنش گرا یا ریسپانسیو می‌باشد. با استفاده از این مهارت شما میتوانید کاری کنید که وبسایت هایی که توسط شما طراحی میشود، در دستگا‌ه‌های مختلف، حالت نمایشی خوبی داشته باشد.تسلط به این مهارت آنقدری مهم است که میتوانیم بگوییم که اگر یک طراح وب هستید و به طراحی وب واکنش گرا یا ریسپانسیو مسلط نیستید، بزودی از رقابت طراحان وب حذف خواهید شد! اگر میخواهید یک طراح وب حرفه‌ای باشید، پیشنهاد میکنیم که هرچه زودتر اقدام به یادگیری این مهارت کنید. در انتهای این آموزش یک منبعی آموزشی خیلی خوب به شما معرفی میکنیم.همه جا در دسترس هستیدیکی دیگر از مزایای طراحی وب واکنش گرا یا ریسپانسیو این است که اگر سایت شما Responsive باشد، شما همه جا در دسترس خواهید بود و کاربران‌تان در هرجایی میتوانند شما را ببیند.مهم نیست که سایت شما در یک تلفن هوشمند، یک تبلت یا یک مانیتور بزرگ باز شود. اگر وبسایتی که طراحی میکنید ریسپانسیو باشد، نمایش وبسایت شما در هیچ دستگاهی با هیچ اندازه ای دچار هیچ مشکلی نمیشود.کاربرتان لذت میبردیکی دیگر از مزایای طراحی وب واکنش گرا یا ریسپانسیو این است که کاربر هنگام کار با سایت شما، از آن لذت میبرد. وقتی کاربر شما سایت‌تان را با موبایل، تبلت، لپ تاپ و... باز میکند و از آن بدون هیچ مشکلی استفاده میکند، باعث میشود که از کار با سایت شما لذت ببرد و این فوق العاده است.در حالی که اگر سایت شما یک سایت واکنش گرا یا Responsive نباشد، کاربران هنگام کار با سایت شما بسیار اذیت میشوند و خاطره‌‌ی خوبی از سایت شما در ذهن آن‌ها نقش نمی‌بندد. این باعث میشود که کاربران‌تان نسبت به شما حس خوبی نداشته باشند و این اصلا برای کسب و کار آنلاین شما خوب نیست!قشر زیادتری از مخاطبان را خواهید داشتاگر شما طراحی وب واکنش گرا یا ریسپانسیو بلد باشید، میتوانید سایت هایی طراحی کنید که مخاطبان زیادی داشته باشند.به این معنا که سایت شما میتواند همه کاربران موبایلی، تبلتی و... را پوشش دهد.این موضوع در حالی است که اگر سایت شما واکنش گرا یا Responsive نباشد، شما تمام افرادی که از موبایل ها و تبلت ها برای مشاهده‌ی سایت شما استفاده میکنند را از دست خواهید داد. به این دلیل که این افراد وارد سایت شما میشوند و به دلیل عدم واکنش گرا بودن سایت شما، سریع از آن خارج میشوند و این فاجعه است.در رتبه‌ی سایت‌تان موثر استطراحی وب واکنش گرا یا ریسپانسیو در رتبه سایت شما نیز موثر است. این مورد را در ادامه بیشتر توضیح میدهیم.آماری عجیب!طبق آماری که در سطح اینترنت وجود دارد و تا حدودی میتوان به آن استناد کرد:۴۵ میلیون کاربر اینترنت در ایران وجود دارد۶۰ درصد جست و جوهای اینترنتی توسط موبایل ها انجام میشودبا استفاده از این دو آمار ساده میتوانیم متوجه شویم که چرا طراحی وب واکنش گرا یا ریسپانسیو اینقدر مهم است. درصد بالایی از جست و جوهای روزانه توسط دیوایس های همراه انجام میشود. اگر سایت ما برای دیوایس های همراه بهینه نباشد، تمام کاربرانی را که از دیوایس های همراه استفاده میکنند را از دست میدهیم.یک معیار مهم برای گوگلبا توجه به افزایش روز افزون کاربران موبایلی و تبلتی، یکی از معیارهایی که گوگل به تازگی به آن اهمیت بسیاری داده است، ریسپانسیو بودن وبسایت هاست.هدف اصلی گوگل این است که سایت‌هایی را در نتایج جست و جو قرار دهد که کاربران از آن سایت ها لذت ببرند و خواسته‌هایشان به راحتی براورده شود. اگر سایت شما یک سایت واکنش گرا یا Responsive نباشد، کار با سایت شما برای افراد مختلف راحت نخواهد بود. به همین دلیل یک امیتاز مهم از دیدگاه گوگل که ریسپانسیو بودن سایت‌تان است را از دست خواهید داد.پس اگر میخواهید یکی از المان‌های مهم را در سایت خود داشته باشید، حتما باید به طراحی وب واکنش گرا یا ریسپانسیو مسلط باشید. با من همراه باشید تا بگوییم که چطور میتوانید این تخصص را یاد بگیرید.من یک طراح وب هستم، نمیخوام برای خودم سایت داشته باشم!ممکن است با خود بگویید که «من یک طراح وب هستم و نمیخواهم سایتی داشته باشم که نگران واکنش گرا بودن یا نبودن آن باشم.» موضوع بسیار خوبی است. در این قسمت میخواهیم درباره‌ی آن صحبت کنیم.طراحی وب واکنش گرا یا ریسپانسیو برای ۲ دسته از افراد امری ضروری می‌باشد:اشخاصی که دارای یک سایت هستند، باید سایت‌ آن‌ها ریسپانسیو باشد. دلایل این امر را نیز در ابتدای مقاله عنوان کردیم.اشخاصی که طراحی وب با HTML و CSS انجام میدهند نیز باید به طراحی وب واکنش گرا یا ریسپانسیو تسلط کامل داشته باشند. چرا؟به ۲ دلیل:اگر شما مهارت طراحی وب واکنش گرا یا ریسپانسیو (Responsive Web Design) را نداشته باشید، نمیتوانید به خودتان یک طراح وب حرفه‌ای بگویید و بزودی از دور رقابت حذف خواهید شد. زیرا یکی از مهم ترین مهارت‌های طراحی وب را ندارید.همینطور اگر شما بخواهید برای اشخاص دیگری یک وبسایت طراحی کنید و یا در یک شرکت طراحی سایت استخدام شوید، یکی از چیزهایی که حتما از شما درخواست میشود، ریسپانسیو کردن قالب است. که اگر به آن مسلط نباشید، ممکن است فرصت های شغلی و کاری بسیاری را از دست بدهید، زیرا این موضوع هرروز دارای اهمیت بیشتری میشود.آیا وبسایت من ریسپانسیو است؟سوال بسیار خوبی است. برای اینکه چک کنیم که آیا وبسایت‌مان طبق اصول طراحی وب واکنش گرا یا ریسپانسیو طراحی شده است یا خیر، یک تست بسیار ساده دارد.وبسایت‌مان را در یک مرورگر اینترنتی مثل گوگل کروم باز میکنیم و اقدام میکنیم به کوچک کردن سایز صفحه مرورگرمان. با اینکار شبیه سازی میکنیم که اگر یک کاربر سایت ما را با موبایل خود باز کرد، با چه صحنه‌ای مواجه میشود. در واقع با کوچک کردن اندازه‌ی مرورگر، اندازه‌ی صفحه‌ی نمایش کاربر را بصورت نمایشی کوچک میکنیم. همین تست را میتوانید روی تلفن همراه‌تان نیز انجام دهید. یک سایت را باز کنید و ببنید که واکنش گرا هست یا خیر.در زیر میتوانیم تفاوت یک سایت واکنش گرا با یک سایت غیر واکنش گرا را ببینیم.منبع: یادیفای یادیفای یادیفای Sun, 24 Feb 2019 22:58:30 +0330 https://virgool.io/@yadify/cdn-%DA%86%DB%8C%D8%B3%D8%AA-%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87%DB%8C-%D8%B4%D8%A8%DA%A9%D9%87-%D8%AA%D9%88%D8%B2%DB%8C%D8%B9-%D9%85%D8%AD%D8%AA%D9%88%D8%A7-dwjcdwwndo80 اگر در دنیای وب فعال باشید، حتما با عبارت CDN یا شبکه توزیع محتوا برخورد کرده‌اید و این سوال برایتان پیش آمده است که CDN چیست؟ در این مقاله‌ی آموزشی بصورت کامل به پاسخ سوال CDN چیست؟ میپردازیم. همچنین تمام آن چیزی که درباره‌ی CDN ها لازم است بدانید را آموزش میدهیم. در انتها نیز درباره‌ی بهترین CDN های ایرانی و خارجی صحبت میکنیم و نهایتا بررسی میکنیم که CDN در برنامه نویسی و طراحی وب چه کاربردی دارد.پس اگر میخواهید تمام این موارد را مسلط شوید، در این آموزش با من همراه باشید. https://www.aparat.com/v/f0FWe CDN چیست؟ دقیقا چه کاری انجام میدهد؟در این مقاله نمیخواهیم آنقدری تخصصی صحبت کنیم که هیچ چیز از CDN متوجه نشوید. بلکه میخواهیم خیلی کاربردی به سوال CDN چیست؟ پاسخ دهیم و کاملا عملی با مفهوم CDN یا شبکه توزیع محتوا آشنا شویم.در پاسخ به سوال CDN چیست؟ میتوانیم بگوییم که CDN مخفف Content Delivery Network می‌باشد. اگر بخواهیم این عبارت را کلمه به کلمه معنا کنیم،‌ مجددا به مفهوم شبکه توزیع محتوا میرسیم.میتوانیم بگوییم CDN مجموعه‌ و شبکه‌ای از سرور های مختلفی است که در نقاط مختلف جهان، بصورت پراکنده قرار دارند و ما میتوانیم سایت ها و سرویس های آنلاین خودمان را بر روی CDN ها بارگزاری کنیم. اینکار مزایای بسیاری دارد که در ادامه به آن ها میپردازیم.CDN چطور کار میکند؟وقتی که یک سایت یا سرویس آنلاین بر روی یک CDN یا شبکه توزیع محتوا بارگزاری میشود، اتفاق بسیار جالبی می‌افتد. همانطور که گفتیم، CDN شبکه‌ای از سرور های مختلف است که در نقاط مختلف جهان قرار دارند.وقتی که یک وبسایت از یک CDN استفاده کند، وقتی که کاربردی قصد ورود به آ‌ن سایت را داشته باشد، اطلاعات مربوط به آن سایت، از نزدیک ترین سرور به آن کاربر برایش ارسال میشود.برای مثال فرض کنید که شما میخواهید وارد سایت یادیفای به آدرس www.yadify.com شوید. اگر سایت یادیفای از یک CDN استفاده کند، وقتی که شما در مرورگرتان آدرس سایت را وارد میکنید، موقعیت مکانی شما سنجیده میشود و محتویات سایت یادیفای، از نزدیک ترین سرور برای شما فرستاده میشود.همانطور که احتمالا میدانید، هرچقدر فاصله‌ی بین کاربر و سروری که سایت روی آن قرار دارد کمتر باشد، سرعت بارگزاری آن سایت بیشتر میشود. برای مثال اگر شما در ایران باشید، سرور ایران برای شما سرعت بسیار بیشتری خواهد داشت نسبت به سروری که در لندن یا المان قرار دارد. اگر هم در آلمان باشید، سریع تر سرور برای شما، سروری است که کمترین فاصله‌ی مکانی را با شما داشته باشد.سایت شما بصورت پیشفرض دارای یک سرور اصلی است. این سرور اصلی میتواند در هرجایی از جهان باشد. فرض کنید که سرور اصلی شما در ایران قرار دارد. وقتی که شما از یک CDN یا شبکه توزیع محتوا برای سایت‌تان اسفتاده میکنید، یک نسخه از فایل های قابل دانلود سایت‌تان مثل عکس ها، فیلم ها، فایل های CSS, Javascript و... روی سرورهای مختلفی در نقاط مختلف جهان قرار داده میشود.در این صورت، اگر کاربری در آلمان بخواهد سایت شما را باز کند، اطلاعات سایت شما از سرور ایران برای او فرستاده نمیشود، بلکه اطلاعات سایت، از نزدیک ترین سرور به آن شخص فرستاده میشود.پس وقتی که ما اقدام به استفاده از CDN ها میکنیم، یک نسخه از فایل های سایت‌مان روی سرورهایی در نقاط مختلف و قاره‌های مختلف جهان قرار داده میشود. و هر شخصی که میخواهد اقدام به وارد شدن به سایت ما بکند، موقعیت مکانی او بررسی میشود و اطلاعات سایت ما را از نزدیک ترین سرور به خودش دریافت میکند.استفاده از CDN مزایای بسیاری دارد، اما تا اینجا فهمیدیم که CDN میتواند سرعت سایت ما را بسیار افزایش دهد، زیرا باعث کم شدن فاصله‌ی کاربر و سرور میشود که این فوق العاده است!CDN یا شبکه توزیع محتوا چه تاثیراتی بر روی سایت ما دارد؟استفاده از CDN یا شبکه توزیع محتوا مزایای بسیاری دارد که باعث میشود سایت بسیار خوب و حرفه‌ای داشته باشیم. در زیر میخواهیم به برخی از مزایا CDN ها اشاره کنیم که خیلی دقیقا تر بتوانیم به سوال CDN چیست؟ پاسخ دهیم.افزایش سرعت بارگزاری سایتهمانطور که در بخش قبل گفتیم، یکی از اصلی ترین ویژگی های CDN ها این است که باعث افزایش سرعت بارگزاری سایت میشوند. البته این موضوع برای حالتی است که سایت شما در یک هاست خارج از کشور قرار داشته باشد. اگر هاست شما در ایران است، به شما پیشنهاد استفاده از CDN را نمیدهیم. در ادامه دلیل آن‌را بررسی میکنیم.اما اگر هاست شما در خارج از کشور قرار دارد، CDN و یا شبکه توزیع محتوا میتواند برایتان بسیار مفید باشد. با استفاده از شبکه توزیع محتوا، میتوانید کاری کنید که هر شخصی که از هر جای دنیا که میخواهد سایت شما را ببیند، به نزدیک ترین سرور در اطرافش متصل شود که این باعث افزایش سرعت و بازدهی سایت شما میشود.برای مثال فرض کنید که شما میخواهید وارد یک سایت انگلیسی زبان شوید که سرور اصلی آن در لندن قرار دارد، ولی از CDN استفاده میکند. شما هنگامی که آدرس این سایت را در مرورگر خود وارد میکنید، موقعیت مکانی شما سنجیده میشود و مثلا اگر در ایران باشید، نزدیک ترین سرور نیز به شما، که مثلا در ترکیه است، اطلاعات آن سایت را برای شما ارسال میکند.این موضوع باعث میشود که شما بصورت مستقیم اطلاعات سایت را از سرور اصلی که در لندن است دریافت نکنید. زیرا به دلیل فاصله‌ی زیاد، سرعت بارگزاری سایت برای‌تان کاهش پیدا میکند. اما وقتی اطلاعات را از سرور ترکیه میگیرید، به دلیل فاصله‌ی کم، سرعت بارگزاری سایت برای شما بشدت کاهش پیدا میکند.بسیاری از شرکت های اینترنتی بزرگ، برای اینکه بتوانند سرویس و خدمات یکسانی را در تمام جهان ارائه دهند، از CDN ها استفاده میکنند. این باعث میشود که کیفیت وبسایت آ‌ن‌ها در هیچ جای جهان تفاوت زیادی نداشته باشد.افزایش امنیت وبسایتیکی دیگر از مزایای استفاده از CDN ها، افزایش امنیت وبسایت است. CDN ها یا شبکه های توضیح محتوا، به دلیل چند مرحله‌ای بودن، میتوانند امنیت شما را در برابر حملات مختلف بالاتر ببرند.برای مثال یکی از شایع ترین حملاتی که در فضای مجازی رخ میدهد، حملات DDos میباشد. اگر از CDN ها استفاده کنید، امنیت سایت شما بسیار بالا میرود در برابر بسیاری از حملات مقاوم تر خواهید بود.صرفه جویی در هزینه هااین مورد یکی دیگر از مزایای استفاده از CDN ها میباشد. شما وقتی از CDN ها استفاده میکنید، مقدار زیادی از محتوایت سایت شما بر روی سرورهای مختلف پخش میشود. این موضوع باعث میشود که هاست یا سرور اصلی شما، مقدار کمتری پهنای پاند مصرف کند. و هرچقدر سایت شما پهنای باند کمتری مصرف کند، شما نیز میتوانید در هزینه های مربوط به هاستینگ، صرفه جویی بسیار خوبی داشته باشید.تاثیر بسیار خوب در سئو سایتدر ادامه‌ی پاسخ به سوال CDN چیست؟ باید بگوییم که CDN یکی از ویژگی هایی است که میتواند در سئوی شما تاثیر فوق العاده ای داشته باشد. وقتی که گوگل مشاهده کند که سایت شما برای تمام کاربران در تمام نقاط جهان با سرعت بسیار خوبی باز میشود و پایداری بالایی دارد، به شما اعتماد بیشتری میکند. هرچقدر گوگل به شما اعتماد بیشتری کند، رتبه‌ی بهتری به سایت شما میدهد که این فوق العاده است.قطع نشدن همیشگی سایت!اگر بخواهیم بگوییم که CDN چیست؟ حتما باید به این موضوع اشاره کنیم که میتوانیم بگوییم یکی از بهترین ویژگی های CDN ها میباشد.وقتی که شما از CDN ها استفاده میکنید، در صورت قطع شدن سرور اصلی، سایت شما قطع نمیشود، بلکه همان نسخه‌ای از سایت شما که در سرورهای مختلف ذخیره شده است، به کاربران نمایش داده میشود. این ویژگی یکی از فوق العاده ترین ویژگی های CDN هاست.سرور اصلی شما، به دلایل مختلفی ممکن است قطع شود. و از لحاظ تجربه کاربری، گوگل و... بسیار مهم است که سایت شما اصطلاحا Uptime بالایی داشته باشد و زیاد قطع و وصل نشود.وقتی که شما از CDN ها استفاده کنید، دیگر هرگز به این مشکل برنخواهید خورد.معایب استفاده از CDN یا شبکه توزیع محتوادر ادامه‌ی پاسخ به سوال CDN چیست؟ میخواهیم درباره‌ی معایب CDN ها صحبت کنیم.کارکرد برعکس برای هاست های ایراناگر سایت شما در سایتی باشد که روی هاست ایران باشد و در داخل کشور میزبانی شود، استفاده از CDN زیاد نمیتواند برای شما مفید باشد. در ادامه‌ی مقاله بصورت کامل دلیل این امر رو بررسی میکنیم. اما استفاده از CDN برای هاست هایی که در داخل ایران هستند، معمولا نتیجه‌ی معکوس در سرعت بارگزاری سایت دارد و سرعت بارگزاری سایت را افزایش میدهد.بوجود آمدن مشکل در کش (Cache) شدن فایل هاهمانطور که گفتیم، CDN ها فایل های قابل دانلودی سایت شما، مانند فایل های جاوا اسکریپت، CSS و... را در سرورهای مختلف کپی میکنند و آن فایل ها را برای کاربران به نمایش در می آورند.اما ممکن است شما زمانی بخواهید تغییری در فایل‌های CSS خود بوجود آورید. به دلیل اینکه فایل های CSS شما روی سرورهای دیگر کپی یا اصطلاحا کَش (Cache) شده است، ممکن است شما بصورت لحظه‌ای نتوانید تغییرات را مشاهده کنید. زیرا سایت شما از روی سرورهای CDN خوانده میشود. به همین دلیل ممکن است تغییرات ظاهری مثل تغییر در فایل های جاوا اسکریپت یا CSS را نتوانید بصورت لحظه‌ای مشاهده کنید.از کار افتادن بعضی از پورت (port) های دامنهدر برخی از سایت ها، شما وقتی اقدام به نصب CDN روی سایت میکنید، بعضی از پورت های سایت شما از کار می افتد. برای مثال در برخی از هاست هایی با کنترل پنل CPanel، با نصب CDN، پورت 2082 که مربوط به دسترسی به CPanel است، غیرفعال میشود. البته این مشکل برای برخی از هاست ها اتفاق می‌افتد و برای همگان این مشکل بوجود نمی آید.هزینه‌های نسبتا بالای CDN هادرست است که همه‌ی سرویس های CDN دارای پنلی رایگان هستند، اما برای اینکه بتوانید اما تمام امکانات یک CDN حرفه ای را استفاده کنید، مجبور هستید که از سرویس های غیررایگان CDN ها استفاده کنید. البته که بعضی از سرویس های CDN، در پلن های رایگان‌شان نیز به شما امکانات خوبی ارائه میدهند.در آینده در مقاله‌ای در یادیفای، بصورت کامل روش نصب یک CDN روی سایت را یاد خواهیم گرفت.آیا برای هاست های ایرانی از CDN استفاده کنیم؟در ادامه‌ی پاسخ به سوال CDN چیست؟ میخواهیم درباره‌ی هاست های ایرانی و استفاده از CDN برای آن‌ها صحبت کنیم.اگر میخواهید از سرویس های ارائه دهنده CDN خارجی مثل Cloudflare و... استفاده کنید و سایت شما توسط سروری در ایران میزبانی میشود، پیشنهاد میکنیم که در این صورت از CDN ها استفاده نکنید.زیرا اگر یک CDN روی سایت خود نصب کنید، اگر کاربران‌تان از ایران به سایت شما مراجعه کنند، اطلاعات سایت شما از سروری نزدیک به ایران، مثل ترکیه برای آن ها نمایش داده میشود. به این دلیل که سرویس‌های ارائه‌ی دهنده‌ی CDN خارجی مثلا Cloudflare و...، در ایران سروری ندارند. این موضوع باعث میشود که سرعت سایت شما کاهش پیدا کند.اما اگر سایت شما توسط سروری در آلمان پشتیبانی میشود، استفاده از سرویس های CDN خارجی مثل Cloudflare و... میتواند برای شما مفید باشد. به این دلیل که اگر کاربری از ایران بخواهد سایت شما را ببیند، اطلاعات سرور ترکیه برای او ارسال میشود و به دلیل نزدیک تر بودن ترکیه به ایران به نسبت آلمان به ایران، سایت شما سریع تر باز میشود.پس اگر بخواهیم یک جمع بندی کلی داشته باشیم، میتوانیم بگوییم:اگر سایت‌تان در ایران میزبانی میشود، استفاده از CDN خارجی ممکن است روی سرعت سایت شما تاثیر معکوس داشته باشد. اما اگر سایت شما در خارج از کشور میزبانی میشود، استفاده از CDN میتواند برای شما مفید باشد. همچنین اگر سایت شما در خارج از ایران میزبانی میشود و میخواهید حتما از CDN اسفتاده کنید، میتوانید از سرویس های ارائه‌ دهنده‌ی CDN ایرانی استفاده کنید که در ایران نیز سرور دارند.کدام CDN یا شبکه توزیع محتوا بین کاربران ایرانی محبوب است؟برای پاسخ به سوال CDN چیست؟ میخواهیم درباره‌ی سرویس های معروف CDN در ایران صحبت کنیم. در انتهای مقاله بصورت کامل معروف ترین شرکت های ارائه دهنده CDN را معرفی میکنیم.اما امروزه در بین کاربران و سایت های ایرانی، سرویس خارجی Cloudflare محبوبیت بسیاری دارد و بسیاری از سایت ها نیز از این سرویس برای CDN استفاده میکنند.در مقاله‌ی دیگری بصورت جداگانه، روش نصب Cloudflare بصورت کامل بررسی میکنیم و آموزش میدهیم.معروف ترین سرویس های ایرانی و خارجی ارائه دهنده CDNدر ادامه‌ی پاسخ به سوال CDN چیست؟ ، در این قسمت میخواهیم معروف ترین سرویس های ارائه دهنده CDN ایرانی و خارجی را بررسی کنیم.آروان کلوداولین سرویس ارائه دهنده CDN ایرانی که میخواهیم معرفی کنیمیک شرکت ایرانی به نام آروان کلود می‌باشد. آروان کلود در شهر های مختلف ایران مثل تبریز، شیراز، مشهد، تهران و شهرهای خارجی مثل توکیو، لندن، برلین، لس آنجلس، نیویورک و... سرور های مختلفی برای CDN دارد. همچنین به گفته‌ خودشان، دیجی کالا، دیوار، زرین پال، دیجی استایل، بانک پاسارگاد و... از سرویس های آن‌ها استفاده میکنند.شما میتوانید قیمت پلن های مختلف آروان کلود را در سایت رسمی آ‌روان کلود مشاهده کنید.Cloudflareسرویس دیگری که این روزها بین کاربران ایرانی بسیار مورد توجه قرار گرفته است، سرویس کلودفلر یا Cloudflare می‌باشد که یک سرویس جهانی می‌باشد. دلیل محبوبت Cloudflare این است که در پلن رایگان خود، امکانات خوبی برای کاربران خود در نظر گرفته است که باعث شده که کاربران زیادی به استفاده از آن روی بیاورند. همچنین کار با Cloudflare برای کاربرانی که تخصص فنی خاصی ندارند نیز خیلی ساده است.علاوه بر این دو سرویس که بین کاربران ایرانی بسیار محبوب هستند،‌ سرویس های ارائه دهنده CDN دیگری نیز مثل MaxCDN, Amazon CloudFront و... نیز وجود دارد که کارکردهای مشابهی دارند و فقط ممکن است در برخی امکانات و قیمت های با هم متفاوت باشند.CDN ایرانی یا خارجی؟‌ مسئله این استدر ادامه‌ی پاسخ به سوال CDN چیست؟ ممکن است این سوال برایتان پیش بیاید که از CDN های ایرانی استفاده کنیم یا خارجی؟مزیتی که CDN های ایرانی دارند این است که در ایران نیز سرورهایی دارند که سایت شما را روی آن‌ها قرار دهند. اما سرویس های ارائه دهنده‌ی CDN خارجی، در ایران سروری ندارد.در این حالت اگر شما روی سایت‌تان یک CDN خارجی نصب کنید و شخصی از ایران بخواهد سایت شما را ببیند، نزدیک ترین سرورهای آن‌ها در کشورهای همسایه ایران خواهند بود.استفاده از CDN برای فایل های پرکاربرد در طراحی وب!در ادامه‌ی پاسخ به سوال CDN چیست؟ میخواهیم درباره‌ی کاربرد CDN یا شبکه توزیع محتوا در طراحی وب صحبت کنیم. حتما برای شما نیز پیش می‌آید که بخواهید از جی کوئری، یا کتابخانه‌ی خاصی در کدهایتان استفاده کنید.یکی از روش ها این است که فایل های این کتابخانه ها را دانلود کنید و در پروژه‌ی خودتان به آن ها آدرس دهید. اما روش حرفه‌ای تر و بهتر استفاده از CDN هاست.به این صورت که قبلا فایل های کتابخانه‌های مختلف روی CDN هایی بارگزاری شده است و شما میتوانید آن کتابخانه ها را از CDN ها در پروژه‌ی خود لود کنید.برای مثال اگر میخواهید از jQuery در کدهایتان استفاده کنید، یک روش این است که جی کوئری را از سایت رسمی آن دانلود کنید و سپس در پروژ‌ه‌ی خود از آن استفاده کنید. روش بعدی این است که تکه کد زیر را در تگ <head> خود قرار دهید.<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">با استفاده از این یک خط کد میتوانید کاری کنید که بجای دانلود جی کوئری، کاربر فایل جی کوئری را از نزدیک ترین سرور از طریق CDN پیدا کند. اینکار باعث میشود که لود وبسایت شما سریع‌تر باشد. اگر میخواهید دیگر کتاخانه‌ها و... را از طریق CDN ها لود کنید، فقط کافی است که عبارتی مثل jquery cdn, bootstrap cdn, fontawesome cdn و... را سرچ کنید تا بتوانید آدرس دسترسی به آن فایل ها از رطیق CDN را وارد کنید.جمع بندیدر این مقاله سعی کردیم بصورت کامل به سوال CDN چیست؟ پاسخ دهیم. اگر شما تجربه‌ای در کار با CDN یا شبکه توزیع محتوا دارید، آن‌را با ما در میان بگذارید و نظرتان را برایمان بنویسید.منبع: یادیفای یادیفای یادیفای Sun, 24 Feb 2019 22:54:52 +0330 https://virgool.io/@yadify/%D9%BE%D8%A7%DB%8C%DA%AF%D8%A7%D9%87-%D8%AF%D8%A7%D8%AF%D9%87-%DB%8C%D8%A7-database-%DA%86%DB%8C%D8%B3%D8%AA-%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87%DB%8C-%D8%AF%DB%8C%D8%AA%D8%A7%D8%A8%DB%8C%D8%B3-%D8%B5%D9%81%D8%B1-%D8%AA%D8%A7-%D8%B5%D8%AF-lwqrpkvc1ci3 حتما شما هم واژه‌ی دیتابیس (Database) یا پایگاه داده به گوشتان خورده است. شاید این واژه در ابتدا خیلی عجیب و بسیار فنی به نظر برسد. اما اگر بگوییم که شما با مفهوم این علم، هرروز سر و کار دارید، باورتان میشود؟ در این مقاله و فایل آموزشی بصورت کامل میخواهیم به این سوال پاسخ دهیم که پایگاه داده یا Database چیست؟ هر آن چیزی که درباره‌ی پایگاه داده یا دیتابیس نیاز است بدانید را با مثال هایی بسیار جذاب و روزمره عنوان میکنیم. پس با من، مهدی خسروی، همراه باشید یا یاد بگیریم که پایگاه داده یا Database چیست؟پایگاه داده یا Database چیست؟اگر بخواهیم این مفهوم را تعریف کنیم، به ۲ صورت میتوانیم اینکار را انجام دهیم. هم میتوانیم از تعریف های خیلی تخصصی و عجیب غریب و بسیار فنی صحبت کنیم که افراد متخصص فقط آ‌ن‌را متوجه شوند، و هم میتوانیم خیلی ساده این مفهوم را توضیح دهیم.ما راه دوم را انتخاب میکنیم و میخواهیم خیلی ساده و با مثال‌هایی جذاب، این مفهوم را توضیح دهیم که برای همیشه در ذهن‌تان نقش ببندد و متوجه شوید که واقعا پایگاه داده یا Database چیست؟ با دو مثال زیر، توضیحاتمان را شروع میکنیم.لیستی از رستوران ها!فرض کنید که با دوستان‌ یا اقوام هستید و میخواهید از یک فست فود، غذا سفارش دهید؟ معمولا چه کاری انجام میدهید؟‌ یا به سراغ اپلیکیشن های سفارش آنلاین غذا میروید، و یا بروشورهای تبلیغاتی فست فود ها می آورید و از حاضران میخواهید که غذای مورد نظرشان را انتخاب کنند.در واقع در این مثال، شما لیستی از فست فود هایی دارید که اطلاعاتی مثل اسم غذاها، قیمت آن‌ها و... در آن لیست درج شده است.در این حالت میتوانیم به مجموعه بروشورهای تبلیغاتی شما، یک پایگاه داده یا Database از فست فود های اطرافتان بگوییم.یا مثلا دفترچه تلفندر مثال دوم، میخواهیم درباره‌ی یکی از نوستالژی هایی صحبت کنیم که در گذشته بیشتر در خانه‌هایمان وجود داشت. دفترچه تلفن هایی که حاوی شماره تماس تمامی اقوام و دوستانی بود که میخواستیم به آن‌ها تماس بگیریم.هر زمان میخواستیم با شخصی تماس بگیریم، به سراغ آن دفترچه تلفن میرفتیم، به دنبال اسم شخص مورد نظرمان میگشتیم و شماره او را پیدا میکردیم و با او تماس میگرفتیم.در این مثال هم میتوانیم بگوییم که آن دفترچه تلفن، یک پایگاه داده یا Database از شماره تلفن ها بود.حالا با استفاده از این دو مثالی که گفتیم، میخواهیم به این سوال پاسخ دهیم: پایگاه داده یا Database چیست؟یک تعریف بسیار سادهاگر بخواهیم یک تعریف بسیار ساده از دیتابیس یا پایگاه داده داشته باشیم، میتوانیم بگوییم:سیستمی که برای ما مجموعه اطلاعاتی را بصورت سازماندهی شده، منظم و مرتب نگه داری میکند. برای مثال دیتابیسی از شماره تلفن ها، دیتابیسی از رستوران های اطرافمان، دیتابیسی از مشتریان کسب و کارمان، دیتابیسی از دانش آموزان یک مدرسه و... . پس پایگاه داده یا Database اطلاعاتی که ما نیاز داریم را برایمان نگهداری میکند و دسترسی به آن ‌ها را برایمان ساده و راحت میکند.ممکن است برایتان سوال پیش بیاید که پایگاه داده یا Database چطور دسترسی به اطلاعات را برای ما ساده و راحت میکند.یک دیتابیس یا پایگاه داده، میتواند حاوی یک یا چند جدول باشد. هر جدول هم میتواند حاوی ستون ها و سطر های مختلفی باشد که اطلاعات را در جدول بصورت سازماندهی شده برایمان نگه داری میکند. در ادامه بیشتر به این مفاهیم میپردازیم و دقیق تر به سوال پایگاه داده یا Database چیست؟ پاسخ میدهیم.چرا باید از پایگاه داده یا دیتابیس استفاده کنیم؟ممکن است برایتان سوال پیش بیاید که اصلا چرا باید از پایگاه داده یا Database استفاده کنیم؟ سوال بسیار خوبی است.ممکن است شما بتوانید مجموعه رستوارن های اطرافتان، شاگردان یک مدرسه و... بدون استفاده از پایگاه داده و جدول ها، نگه داری کنید. ولی هنگامی که تعداد آیتم های شما (رستوران یا دانش آموزان) زیاد میشود، دسترسی و جست و جو در این داده ها و اطلاعات بسیار سخت و گاهی غیرممکن میشود.پس پایگاه داده یا Database با استفاده از ساختاربندی منظمی که به داده ها و اطلاعات ما میدهد، باعث میشود که اطلاعات ما در بلند مدت، بسیار منظم و یکپارچه باشند و دسترسی به آن‌ها نیز بسیار ساده باشد.پس در پاسخ به سوال «چرا باید از دیتابیس استفاده کنیم؟» میتوانیم بگوییم که:پایگاه داده یا Database اطلاعات و داده‌های ما را درون جدول ها قرار میدهد. این جداول، نگهداری اطلاعات را برای ما بسیار ساده و منظم میکنند و یکپارچگی بسیار خوبی به آن‌ها میدهند. برای مثال میتوان به یک دفترچه تلفن که با نظم خاصی نوشته شده است و دارای سطر و ستون هایی یکپارچه می باشد، یک دیتابیس گفت.کاربرد Database در نرم افزارهاتا اینجا سعی کردیم که به سوال پایگاه داده یا Database چیست؟ پاسخ دهیم. اما مثال هایمان همه در دنیای واقعی بود. حالا میخواهیم درباره‌ی دنیای نرم افزارها و کاربرد دیتابیس در آن‌ها صحبت کنیم.یکی از اصلی ترین جاهایی که پایگاه داده یا Database ها به کار میروند، نرم افزارها هستند.میتوانیم بگوییم تقریبا تمام نرم افزارها، بوسیله‌ی پایگاه داده یا Database قدرت واقعی خود را پیدا میکنند و بدون آن هیچ کار خاصی نمیتوانند انجام دهند. برای مثال:نرم افزار اسنپ، حاوی یک دیتابیس از راننده ها می‌باشد.سایت دیجی کالا، حاوی دیتابیس عظیمی از کالاها میباشد.سایت یادیفای، حاوی  پایگاه داده بزرگی از آموزش های فوق العاده میباشد.آپارات، یک دیتابیس عظیم از فایل های ویدئویی دارد.یک سیستم مدیریت یک باشگاه ورزشی، نیاز به دیتابیس و پایگاه داده‌ای از افرادی که در آن ثبت نام کرده‌اند دارد.و همینطور یک نرم افزار مدیریت دبیرستان، نیاز به پایگاه داده‌ای از دانش آموزان آن دبیرستان دارد.تمام سایت ها، سرویس ها و نرم افزارهایی که در بالا مثال زدیم، قدرت اصلی خود را از پایگاه‌های داده میگیرند و اگر پایگاه داده‌ای در کار نبود، این سایت ها و سرویس ها هم معنایی نداشتند. مثلا شما میتوانید دیجی کالا را بدون محصولات تصور کنید؟ یا اسنپ را بدون راننده؟ غیر ممکن است!پس کار پایگاه داده یا Database در نرم افزارها، سایت ها و سرویس‌ها، این است که مجموعه از اطلاعات مورد نیاز را در خود ذخیره میکنند، سپس آن اطلاعات را به نرم افزار تحویل میدهند و آن نرم افزار، مجموعه عملیات و پردازش هایی با آن داده ها و اطلاعات انجام میدهد (مثلا آن اطلاعات را به کاربران نشان میدهد)در ادامه‌ی پاسخ به سوال پایگاه داده یا Database چیست؟ ، باید بگوییم که در دنیای نرم افزارها، هر پایگاه داده یا Database شامل یک سری اصطلاحات است که در زیر میخواهیم درباره‌ی آن‌ها صحبت کنیم:مفهوم جدول (Table) در کار با دیتابیسهر پایگاه داده یا Database میتواند شامل چندین جدول مختلف باشد. برای مثال فرض کنید که میخواهید یک وبسایت برای خودتان برنامه نویسی کنید. این وبسایت یک پایگاه داده باید داشته باشد که اسم آ‌ن‌را myDatabase میگذاریم.این دیتابیس که مخصوص به سایت شماست، باید چندین جدول متفاوت داشته باشد. برای مثال:جدولی برای کاربران سایتجدولی برای مطالب ارسالی در سایتجدولی برای محصولات سایتجدولی برای نظرات کاربرانجدولی برای ثبت سفارشاتو...تمام این جدول ها، در دیتابیس و پایگاه داده اصلی شما که آن‌را MyDatabase نامگذاری کردیم، قرار میگیرد. و اینگونه یک دیتابیس، میتواند حاوی چندین جدول یا Table مختلف باشد.مفهوم ستون (Column) در کار با دیتابیسهر جدول در دیتایس، دارای ستون های مختلفی است. بیایید با هم همان مثال بالا را بررسی کنیم. یکی از جداول، مثل جدول محصولات سایت را انتخاب میکنیم. این جدول میواند حاوی ستون های زیر باشد:ستون نام محصولاتستون تاریخ انتشار محصولاتستون تعداد خریداران محصولاتستون قیمت محصولاتستون دسته بندی محصولاتو...پس هر جدول، برای نگه داری اطلاعات مختلف محتویات آن، نیاز به ستون های مختلفی دارد.مفهوم سطر (Row) در کار با دیتابیسدر یک دیتابیس یا پایگاه داده، به هر عنوانی که وارد یک جدول میشود. یک سطر میگوییم.اگر بخواهیم مفاهیم بالا را بسیار عالی و در یک عکس توضیح دهیم، عکس زیر بهترین توضیح میباشد:RDBMS چیست؟در ادامه ی پاسخ به سوال پایگاه داده یا Database چیست؟ میخواهیم درباره‌ی یک مفهوم کلی صحبت کنیم. اگر بخواهیم خیلی ساده بگوییم که RDBMS چیست، میتوانیم اینگونه آن‌را توضیح دهیم.همانطور که ما به یک پایگاه داده یا Database نیاز داریم، به چیزی نیاز داریم که این دیتابیس یا پایگاه داده ما را مدیریت کند. RDBMS مخفف Relational Database Management System میباشد که یک ساز و کار برای مدیریت پایگاه داده میباشد. در این خصوص در همین حد صحبت میکنیم و در آینده،‌ بصورت کامل به آن خواهیم پرداخت.یک مثال: PHP و MySQLدر ادامه‌ی پاسخ به سوال پایگاه داده یا Database چیست؟ میخواهیم یک مثال عملی بزنیم. زبان ها و محیط های برنامه نویسی مختلف، پایگاه های داده و دیتابیس های متفاوتی دارند.برای مثال شما وقتی که میخواهید با PHP برای وب برنامه نویسی کنید، نیاز دارید که از دیتابیس MySQL استفاده کنید. اگر میخواهید در این باره بیشتر بدانید پیشنهاد میکنم حتما مقاله‌ی PHP چیست و همینطور MySQL چیست را مطالعه کنید. بسیار برایتان مفید خواهد بود.در این مقاله بصورت کامل سعی کردیم به سوال پایگاه داده یا Database چیست؟ پاسخ دهیم. اگر سوالی داشتید، آن‌را در قسمت نظرات با ما مطرح کنید.اگر به دنبال مطالعه‌ی بیشتر در خصوص پایگاه داده ها هستید، پیشنهاد میکنم سایت متمم و ویکی پدیا را نیز مطالعه کنید.منبع یادیفای یادیفای Sun, 24 Feb 2019 22:49:41 +0330 https://virgool.io/@yadify/codeigniter-%DA%86%DB%8C%D8%B3%D8%AA-%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87%DB%8C-%D9%81%D8%B1%DB%8C%D9%85-%D9%88%D8%B1%DA%A9-%DA%A9%D8%AF%D8%A7%DB%8C%DA%AF%D9%86%D8%A7%DB%8C%D8%AA%D8%B1-c1okhhjo0ksy اگر تجربه‌ی کار در برنامه نویسی سمت سرور یا backend را داشته باشید، حتما با زبان PHP نیز آشنایی دارید. برای زبان برنامه نویسی PHP، فریم ورک (Framework) های مختلفی وجود دارد که میتوانند سرعت و سهولت در توسعه‌ نرم افزارها را برای شما فراهم کنند. در این مقاله و فایل آموزش، بصورت کامل به سوال Codeigniter چیست؟ پاسخ میدهیم و هر آن چیزی که درباره‌ی آن نیاز باشد بدانیم را بررسی میکنیم. با من در این آموزش همراه باشید.فریم ورک (Framework) چیست و چه کاری انجام میدهد؟قبل از اینکه بخواهیم به سوال Codeigniter چیست؟ پاسخ دهیم، اجازه دهید بصورت خلاصه درباره‌ی فریم ورک و مفهوم آن در برنامه نویسی صحبت کنیم. اگر بخواهیم Framework را خیلی ساده توضیح دهیم، میتوانیم بگوییم:فریم ورک یا Framework، مجموعه‌ای از کتابخانه ها و قوانین در برنامه نویسی است. فریم ورک ها به شما کمک میکنند که فرایند برنامه نویسی سریع‌تر و ساده‌تری داشته باشید.تعریف بالا یک تعریف بسیار ساده و مقدماتی از فریم ورک بود. در آینده بصورت کامل درباره‌ی چیستی فریم ورک در یادیفای صحبت میکنیم. اما همین تعریف ساده برای ما در اینجا کافی است که بتوانیم به سوال Codeigniter چیست؟ پاسخ دهیم.پس همانطور که گفتیم، فریم ورک ها به ما کمک میکنند که ساده تر و سریع تر برنامه نویسی کنیم. هر زبان برنامه نویسی، Framework های مخصوص خودش را دارد که کمک می کند توسعه‌ی نرم افزار با استفاده از آن زبان برنامه نویسی سریع تر و ساده تر شود.Codeigniter چیست؟در پاسخ به سوال Codeigniter چیست؟ میتوانیم بگوییم که Codeigniter یک فریم ورک برای زبان برنامه نویسی PHP است. همانطور که در بالا گفتیم، هر زبان برنامه نویسی، فریم ورک های متعدد و مختلفی دارد که به شیوه های مختلفی سعی میکنند برنامه نویسی را برای ما ساده تر و سریع تر کنند.یکی از این فریم ورک ها که مخصوص زبان برنامه نویسی PHP است، فریم ورک کدایگنایتر یا Codeigniter می باشد.در واقع فریم ورک Codeigniter به ما کمک میکند که برنامه هایی که میخواهیم با زبان PHP بنویسیم را سریع‌تر، راحت‌تر، امن‌تر و لذت بخش تر بنویسیم. Framework کدایگنایتر سعی میکند که ما از برنامه نویسی با PHP لذت ببریم و کارمان ساده تر و راحت تر شود.متاسفانه در برنامه نویسان بسیار حرفه ای‌ هم مشاهده کردم که اسم این فریم ورک را به اشتباه «کد ایگنیتر» تلفظ میکنند. در حالی که تلفظ اصلی و صحیح نام این فریم ورک، کُداِگنایْتِر یا کُدایگنایْتِر  می باشد. برخی از برنامه نویسان نیز به Codeigniter بصورت اختصاصی CI (بخوانید سی-آی) نیز میگویند که مخفف Code و Igniter میباشد.بطور خلاصه اگر بخواهیم بگوییم که Codeigniter چیست؟ میتوانیم بگوییم که Codeigniter آمده است تا با استفاده از نوع ساختاری که دارد، توسعه‌ی اپلیکیشن های تحت وب با PHP را:سریع‌تر،ساده‌تر،امن‌ترو لذت بخش تر کند!چرا باید از Codeigniter استفاده کنیم؟ مزایای کدایگنایتراگر بخواهیم به سوال Codeigniter چیست؟ پاسخ دهیم، خوب است که کمی درباره‌ی مزایای آن صحبت کنیم. در دنیای برنامه نویسی PHP، فریم ورک های بسیار وجود دارند که شما میتوانید از آن‌ها استفاده کنید. ولی کدایگنایتر مزیت های جذاب و فوق العاد‌ه‌ای دارد که در این بخش میخواهیم درباره‌ی آن صحبت کنیم.رایگان و متن بازیکی از ویژگی های اصلی Codeigniter این است که کاملا رایگان و Open Source یا متن باز است. شما برای استفاده از Codeigniter هیچ هزینه‌ای نیاز نیست پرداخت کنید و همه چیز برای شما رایگان خواهد بود. فقط کافی است که کدایگنایتر را نصب کنید و کار با آن را شروع کنید.ساده، سبک، سریع ولی قدرتمندCodeigniter یک فریم ورک بسیار ساده، سریع، سبک ولی قدرتمند است. ممکن است این تفکر اشتباه وجود داشته باشد که به دلیل ساختار نه چندان پیچیده‌ی آن، نمیتوان به آن نرم افزاهای خوب نوشت. ولی این دید کاملا اشتباست.سادگی و سهولت در استفاده، یکی از ویژگی های اصلی کدایگنایتر است که آن‌را برای همگان قابل استفاده میکند. اما این سادگی در استفاده و یادگیری، به معنای قدرت پایین Codeigniter نیست. بلکه این هنر توسعه‌ دهندگان Codeigniter را نشان میدهد که در عین سادگی و سریع بودن، یک فریم ورک بسیار قدرتمند را ایجاد کرده‌اند.نصب آسان و اجرای سریعبر خلاف بعضی از فریم ورک های دیگر، Codeigniter برای نصب و اجرا نیاز کار خاص یا عجیب غریبی ندارد. برای مثال شما برای راه اندازی و کار با فریمورک لاراول، نیاز هست که با Command Line درگیر شوید و دستوراتی را در آن اجرا کنید. اما همچین چیزی در کدایگنایتر وجود ندارد. راه اندازی کدایگنایتر بسیار سریع و ساده است و شما خیلی زود میتوانید کدایگنایتر را نصب کنید و توسعه‌ی نرم افزارتان را با آن شروع کنید.داکیومنت (Document) و راهنمای بسیار قویدر ادامه‌ی پاسخ به سوال Codeigniter چیست؟، میتوانیم بگوییم که یکی از ویژگی های اصلی Codeigniter، داکیومنت و راهنمای بسیار قوی آن است. اگر به سایت رسمی Codeigniter سری بزنید، در قسمت Documentaion متوجه یک راهنمای بسیار کامل و جامع درباره‌ی روش کار با Codeigniter میشوید.در این راهنمای فوق العاده، در ابتدا یک پروژه‌ی تست ساخته میشود و در حین انجام آن پروژه‌ی تست، مفاهیم ابتدایی و پایه‌ای Codeigniter به شما تدریس میشود. اینگونه شما با استفاده از راهنمای اصلی سایت کدایگنایتر میتوانید خیلی سریع و پروژه محور، یادگیری کدایگنایتر را آغاز کنید و از آن لذت ببرید.سرعت توسعه‌ی بالاهمانطور که در ابتدای مقاله گفتیم، یک فریم ورک حاوی کتابخانه ها و قوانین کد نویسی مختلفی باشد. در کدایگنایتر قوانین و امکاناتی وجود داردکه میتوانید بوسیله‌ی آن، سرعت کدنویسی خود را تا چندین برابر افزایش دهید. اینکه چطور فریم ورک ها روی سرعت توسعه‌ و کدنویسی تاثیر دارند را در ادامه بررسی میکنیم.چگونه Framework ها،‌ توسعه‌ی نرم افزارها را سریع‌تر و ساده‌تر میکنند؟در ادامه‌ی پاسخ به سوال Codeigniter چیست؟ خوب است به موضوع افزایش سرعت کدنویسی نیز بپردازیم. ممکن است این سوال برای شما هم پیش آمده باشد که فریم ورک ها چگونه روی سرعت کار ما تاثیر میگذارند.یکی از مهم ترین روش هایی که فریم ورک ها بوسیله‌ی آن میتوانند سرعت کدنویسی ما را افزایش دهند، Helper ها هستند. اگر بخواهیم کاری که Helper ها انجام میدهند را خیلی ساده توضیح دهیم، میتوانیم بگوییم:Helper ها در کدایگنایتر به شما کمک میکنند که کدهای بیشتری را در زمان کم تری بنویسید. برای مثال در کدایگنایتر شما میتوانید با یک خط کد ساده‌ی PHP، به کدایگنایتر بگویید که برای شما ۱۰ خط کد HTML تولید کند. مثلا اگر بخواهید یک فرم HTML داشته باشید، نیاز به نوشتن کدهای HTML زیاد نیست، با استفاده از PHP میتوانید کاری که کنید که کدهای HTML برای شما بصورت خودکار ساخته شوند.یکی دیگر از ویژگی هایی که فریم ورک ها دارند، این است که قابلیت هایی که در اکثر پروژه‌ها نیاز میشود را درون خود گنجانده‌اند و شما برای استفاده از آن قابلیت ها، نیاز نیست که آن‌ها را از صفر کدنویسی کنید. بلکه فقط کافی است که از امکانات فریم ورک خود استفاده کنید.برای مثال اگر بخواهید داده‌های ورودی کاربر در فرم های HTML را بررسی کنید، نیاز نیست که کدهای PHP و جاوا اسکریپت خاصی بنویسید. کدایگنایتر قبلا این کدها را برای شما نوشته است و شما الان فقط کافی است که از آن‌ها استفاده کنید و لذت ببرید.MVC چیست؟اگر بخواهیم به سوال Codeigniter چیست؟ پاسخ دهیم، باید بگوییم که Codeigniter یک فریم ورک بر پایه‌ی معماری MVC است. در اینجا میخواهیم بصورت خیلی ساده MVC را توضیح دهیم و در آینده در مقاله‌ای جداگانه به صورت مفصل به توضیح آن میپردازیم.MVC مخفف Model - View - Controller است که یک نوع روش کدنویسی یا اصطلاحا معماری نرم افزاری می‌باشد. در این روش کدنویسی، نرم افزار شما به ۳ بخش مختلف تقسیم میشود و هر بخش وظایف خاص خودش را دارد.بخش اول: Model که وظیفه‌ی ارتباط با پایگاه داده یا دیتابیس را دارد.بخش دوم: View که حاوی تمام آن کدهایی است که کاربر نهایی آن‌ها را میبیند.و بخش سوم: Controller که وظیفه‌ی کنترل نرم افزار را به عهده دارد و در واقع Model را به View متصل میکند.با استفاده از این روش کدنویسی، کدهای شما بسیار خوانا و منظم خواهند بود. به این دلیل که کدهای شما به ۳ بخش مختلف تقسیم میشوند و در هر بخش، کدهای مرتبط باهم قرار دارد و این باعث میشود که شما نتوانید کدهای‌تان را درهم و قاطی بنویسید.بعد از این توضیح ساده‌ی MVC، باید بگوییم که Codeigniter نیز بر پایه معماری MVC نوشته شده است و این موضوع باعث میشود که کدهایی که شما در قالب فریم ورک Codeigniter  مینویسید، بسیار خوانا باشند و توسعه‌ی آن‌ها خیلی راحت باشد.کدایگنایتر (Codeigniter) در برابر لاراول (Laravel)یکی دیگر از فریم ورک هایی که اینروزها طرفداران بسیاری دارد، فریمورک لاراول (Laravel) میباشد. در ادامه‌ی پاسخ به سوال Codeigniter چیست؟ میخواهیم کدایگنایتر را کمی با لاراول مقایسه کنیم. در مقاله‌ای جداگانه در یادیفای بصورت کامل به بررسی فریم ورک لاراول نیز میپردازیم.نکته‌ی اول در خصوص فریم ورک لاراول، این است که بر خلاف کدایگنایتر، لاراول هرگز یک فریم ورک ساده برای یادگیری نیست. ممکن است شما با دانش محدود و کمی در زمینه‌ی برنامه نویسی PHP بتوانید با کدایگنایتر کار کنید، اما با لاراول هرگز.شما تنها زمانی میتوانید اقدام به کار و یادگیری لاراول کنید که با مفاهیمی مثل شی گرایی، MVC، Command Line و... آشنایی کامل داشته باشید. به همین دلیل لاراول هرگز به مبتدیان و افراد تازه کار پیشنهاد نمیشود.همینطور پیشنهاد من این است که قبل از استفاده از هر فریم ورک کامل و پیشرفته‌ای مثل لاراول، نیاز هست که حتما با یک فریم ورک خیلی ساده مثل کدایگنایتر نیز آشنایی داشته باشیم. این باعث میشود که در آینده بهتر بتوانیم با فریم ورک های پیشرفته‌ای مثل لاراول کار کنیم. به این دلیل که در حین کار با کدایگنایتر، بسیاری از مفاهیم برای ما روشن تر میشود و بهتر میتوانیم ساختار معماری MVC را درک کنیم. (لاراول نیز کاملا بر پایه‌ی معماری MVC ساخته شده است.)اما در ترند روز دنیا، میبینیم لاراول طرفدار بیشتری دارد. اما شما زمانی که به میزان بسیار خوبی به برنامه نویسی با PHP مسلط نشده‌اید، هرگز نباید به سراغ لاراول بروید.آیا برای کار با Codeigniter باید PHP را بلد باشیم؟در ادامه‌ی پاسخ به سوال Codeigniter چیست؟ این سوال پیش می‌ آید که حتما باید PHP را بلد باشیم که یادگیری Codeigniter را آغاز کنیم یا خیر.شما میتوانید بدون ذره‌ای مطالعه‌ و یادگیری PHP، کار با Codeigniter را آغاز کنید. اما این اصلا روش درست، منطقی و اصولی‌ای نیست. اگر شما PHP بلد نباشید و به سراغ یادگیری کدایگنایتر، لاراول یا هر فریم ورک دیگری بروید، مثل این است که بخواهید از شخصی که سواد خواندن و نوشتن ندارد، بخواهید که یک نمایشنامه‌ به فرانسوی را برای شما بخواند.ممکن است که آن فرد بتواند مثل طوطی آن نمایشنامه را حفظ کند و بخواند، اما چیزی آن آن نمیفهمد. برای فهمیدن آن، باید چند مرحله‌ی پیشین را طی کرده باشد.شما هم ممکن است بتوانید که بدون یادگیری PHP، اقدام به کار با کدایگنایتر کنید، ولی حقیقتا هیچ چیز از ساختار آن را درک نمیکنید و فقط کدها را حفظ میکنید. در این صورت شما یک فلش دیسک هستید که اطلاعاتی را روی آن کپی/پیست کرده‌اید، و نه یک برنامه نویس!قبل از شروع کار با هر فریم ورکی، نیاز است که حتما تا میزانی با زبان برنامه نویسی آن آشنایی داشته باشید. حالا اگر میخواهید با لاراول کار کنید، میزان آشنایی‌تان با PHP باید خیلی بیشتر باشد نسبت به زمانی که میخواید با کدایگنایتر کار کنید. برای برنامه نویسی با کدایگنایتر، یک دانش متوسط در زمینه‌ی PHP نیز میتواند برای شما کافی باشد.آیا یادگیری Codeigniter سخت است؟جواب این سوال، هم بله است و هم خیر.اگر قبل از کدایگنایتر، با PHP آشنایی خوبی داشته باشید و آن‌را بخوبی درک کرده باشید، یادگیری کدایگنایتر نیز برای شما آسان و ساده خواهد بود. در غیر این صورت، اگر بخواهید بدون درک PHP، با کدایگنایتر کار کنید، راه سخت (و شاید غیر ممکنی) را پیش رو خواهید داشت.در این مقاله سعی کردیم بصورت کامل به سوال Codeigniter چیست؟ پاسخ دهیم. نظر شما درباره‌ی Codeigniter چیست؟ آیا تجربه‌ی کار با آن‌را دارید؟ کدایگنایتر را چطور بررسی میکنید و نظرتان درباره‌ی آن چیست؟ لطفا نظرات‌تان را برایمان بنویسید.منبع: یادیفای یادیفای یادیفای Fri, 01 Feb 2019 11:20:37 +0330 https://virgool.io/@yadify/mysql-%DA%86%DB%8C%D8%B3%D8%AA-%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87%DB%8C-mysql-%D9%88-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%AF-%D8%A2%D9%86-j76j19dnnek2 اگر شما هم تجربه‌ی کمی کار در دنیای برنامه نویسی وب و کار با PHP را داشته باشید، حتما واژه‌ی MySQL به گوشتان خورده است و این سوال برایتان پیش آمده است که MySQL چیست؟ در این مقاله و فایل آموزشی بصورت کامل میخواهیم به این سوال پاسخ دهیم و همینطور بگوییم که MySQL چه کاربردی دارد؟ کوئری یا Query چیست و زبان SQL چه کمکی به ما میکند. با من در این مقاله و فایل آموزشی همراه باشید.MySQL چیست؟در مقاله‌ی قبل بصورت کامل به سوال PHP چیست؟ پاسخ دادیم. حالا میخواهیم درباره‌ی سوال MySQL چیست؟ صحبت کنیم.اگر بخواهیم به سوال MySQL چیست؟ پاسخ دهیم، میتوانیم مباحث خیلی پیشرفته و عجیب غریبی را مطرح کنیم که افراد خیلی متخصص آن‌را متوجه شوند. ولی همچین قصدی نداریم. در این مقاله بصورت خیلی ساده میخواهیم بررسی کنیم که واقعا MySQL چیست؟ و چه کاربردی دارد.برای پاسخ به سوال MySQL چیست؟ خوب است که در ابتدا، بصورت خیلی کلی با مفهوم دیتابیس یا پایگاه داده آشنا شویم.بازی اسم، فامیل و دفترچه‌ی تلفن!اگر دوران دبستا‌ن‌تان را یادتان باشد، حتما به خاطر دارید که قبل از آمدن معلم به سر کلاس،‌ شخصی روی تخته نام اسامی «خوب‌ها» و «بدها» را مینوشت. یا در مثال دیگری، هنگامی که به بازی «اسم، فامیل» میپرداختیم، جمعی از اسم‌ها، فامیلی‌ها، شهر‌ها، کشورها و... را روی کاغذ مینوشتیم.در مثال اول اسم افراد و در مثال دوم اسم شهرها، کشورها، میوه‌ها و... همگی یک نوع از اطلاعات هستند که هرکدام در جایی ذخیره‌ شده‌اند، یکی روی تخته سیاه و دیگری روی کاغذ.کار دیتابیس (Database) یا پایگاه داده این است که مجموعه‌ای از اطلاعات را برای ما در جدول ها و ستون های مختلف ذخیره کند. همانطور که از اسمش نیز پیداست، دیتابیس یک پایگاه‌ و محلی برای داده‌ها و اطلاعات ماست!اگر بخواهیم یک مثال خیلی ساده‌ی دیگری بزنیم، دفترچه‌ای تلفنی که در اکثر خانه‌های ما وجود دارد که حاوی شماره تلفن دوستان و اقدام است، یک دیتابیس و پایگاه داده‌ای از نام های افراد و شما‌ره‌های آن‌هاست.در دنیای کامپیوتر و اینترنت هم ما در بسیاری از جاها با اطلاعات زیادی سر و کار داریم. برای مثال:ممکن است سایت‌مان کاربران زیادی داشته داشته باشد و یک لیست از کاربران سایت‌مان بخواهیم داشته باشیم.یا ممکن است یک لیستی از مطالب، نظرات، اخبار و... را برای سایت‌مان نیاز داشته باشیم.برای ذخیره سازی این اطلاعات در دنیای وب، به یک دیتابیس یا پایگاه داده نیاز داریم که این اطلاعات را برای ما ذخیره کند تا در آینده بتوانیم به آن‌ها دسترسی داشته باشیم (همانطور که هر چند وقت یکبار، به سراغ دفترچه تلفن میرفتیم و از شماره‌های داخل آن استفاده میکردیم)پایگاه داده یا دیتابیس (Database) چیست؟بعد از این مقدمه، حالا میتوانیم خیلی ساده بگوییم که:دیتابیس یک جایی است که میتوانیم اطلاعات مختلف‌مان را در آن ذخیره سازی کنیم تا در آینده از آن استفاده کنیم.در همین راستا میخواهیم به سوال MySQL چیست؟ نیز پاسخ دهیم:MySQL یک سیستم مدیریت دیتابیس است که با استفاده از آن‌، میتوانیم یک دیتابیس بسازیم و آن‌را مدیریت کنیم. که در انلگیسی به آن Database Management System یا به اختصار DBMS نیز میگویند.در واقع کار MySQL این است که استفاده از دیتابیس را برای ما راحت کند و آ‌ن را مدیریت کند. در ادامه میگوییم که چطور MySQL میتواند داده های ما را مدیریت، ویرایش یا حذف کند.MySQL چه کاربردی دارد؟ممکن است این سوال برایتان پیش بیاید که MySQL چه کاربردی دارد. سوال بسیار خوبی است. در دنیای کامپیوتر، نرم افزارها، اپلیکیشن ها، سایت ها و... یک چیز بسیار مهم است: داده ها!منظورمان از داده ها چه چیزهایی است؟ تمام آن چیزی که در نرم افزارها، اپلیکیشن ها، سایت ها و... مشاهده میکنیم. مثل:محصولات سایت دیجی کالامقالات آموزشی سایت یادیفایلیست رانندگان اطراف شما در اسنپ یا تپسیعکس‌ها، فیلم‌ها، استوری‌ها، کپشن ها، کامنت‌ها و... در اینستاگرامو ...تمام اطلاعات، متن‌ها، عکس ها، فیلم ها و کلا هرچیزی شما در نرم افزارها، اپلیکیشن ها، سایت ها و... مشاهده میکنید، یک سری اطلاعات است که در یک پایگاه داده یا دیتابیس ذخیره شده است. سپس با استفاده از زبان های برنامه نویسی،‌ آن اطلاعات از پایگاه داده گرفته میشود و در قالب متن‌ها، عکس ها، فیلم ها، محصولات و... به شما نمایش داده میشود.در پاسخ به سوال MySQL چیست؟ میتوانیم بگوییم که MySQL یک نرم افزار و سیستمی است که میتواند همه‌ی این اطلاعات را برای ما ذخیره و مدیریت کند!ویژگی‌های MySQL چیست؟در ادامه‌ی پاسخ به سوال MySQL چیست؟ میخواهیم درباره‌ی ویژگی های MySQL صحبت کنیم. MySQL به عنوان یک نرم افزار و سیستم مدیریت دیتابیس، دارای ویژگی های زیادی است که در ادامه‌ برخی از آن‌ها را ذکر کرده‌ایم:کارایی بالاهزینه‌ی پایین در راه اندازی و نگه داریسهولت در تنظیم و یادگیریپشتیبانی بسیار خوبکاربرد بالا در وبرابطه‌ی بسیار خوب با زبان برنامه نویسی PHPQuery یا کوئری چیست؟همانطور که گفتیم، MySQL  یک سیستم برای مدیریت اطلاعات و داده‌های ماست. و ما میتوانیم انواع داده ها را در آن ذخیره کنیم.اما زمانی را تصور کنید که تعداد این داده ها زیاد میشود و شما نیاز به انجام یک کار خاص روی این داده‌ها دارید. مثلا میخواهید:یک داده خاص را پاک کنیدبخشی از یک داده را ویرایش کنیدیک داده‌ی جدید را اضافه کنیدو یا به دنیای یک داده‌ی جدید بگردید.مثلا در مثلا دفترچه تلفن، میخواهید شماره یک نفر را پاک کنید، شماره یا نام او را ویرایش کنید، یک شماره‌ی جدید به دفترچه‌ی تلفن‌تان اضافه کنید و یا یک شماره‌ی خاص را جستجو کنید.اینکارها را با استفاده از کوئری ها (Query) انجام میدهید. در واقع کوئری یک دستوری است که شما به پایگاه داده خود میدهید و از آن میخواهید که یکی از کارهای بالا را برای شما انجام دهد. درواقع کوئری ها، درخواست های شما از پایگاه داده هستند.زبان SQL چیست و چه ربطی به MySQL دارد؟در بالا گفتیم که کوئری، درخواستی است که شما به پایگاه داده خود ارسال میکنید و از آن میخواهید که یک کاری برای انجام دهد، برای مثال شماره تلفن یک فرد را حذف کند.SQL یک زبان برنامه نویسی است که میتواند اینکار را برای شما انجام دهد. SQL مخفف Structured Query Language میباشد که همانطور که از اسمش پیداست، به شما در انجام کوئری ها کمک میکند.در زیر لیست برخی کارهایی که زبان SQL میتواند انجام دهد را میبینیم:زبان SQL میتواند کوئری ها را روی پایگاه داده اجرا کند.زبان SQL میتواند داده‌ها را از پایگاه داده بخواند.زبان SQL میتواند داده‌ها را وارد پایگاه داده بکند.زبان SQL میتواند داده‌های موجود در پایگاه داده را ویرایش و آپدیت کند.زبان SQL میتواند داده‌های موجود در پایگاه داده را حذف کند.زبان SQL میتواند یک پایگاه جدید بسازد.و بسیاری از کارهای دیگری که زبان SQL میتواند انجام دهد و در بحث ما نمیگنجد.اگر میخواهید درباره‌ی زبان SQL یاد بگیرید، دوره‌ی آن در سایت w3schools را از دست ندهید.پس اگر بخواهیم همه چیزهایی که در این مقاله گفتیم را جمع آوری کنیم، میتوانیم بگوییم:در این مقاله بصورت کامل به سوال MySQL چیست؟ پاسخ دادیم و سعی کردیم به زبان ساده آ‌ن‌را توضیح دهیم. اگر این مقاله را مفید دیدید و برایتان کاربردی بود، لطفا آن‌را حداقل با یکی از دوستان‌تان به اشتراک بگذارید.منبع یادیفای یادیفای Fri, 01 Feb 2019 11:17:43 +0330 https://virgool.io/@yadify/php-%DA%86%DB%8C%D8%B3%D8%AA-%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87%DB%8C-php-%D9%88-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%AF-%D8%A2%D9%86-muvrtz6uf0xh اگر شما هم با دنیای طراحی وب و برنامه نویسی وب آشنایی داشته باشید، حتما این سوالات برایتان پیش آمده است که PHP چیست؟ PHP چه کاربردی دارد؟ چطور میتوان با PHP کار کرد؟ منظور از اینکه PHP یک زبان برنامه نویسی سمت سرور است چیست؟ و بسیاری از سوالات دیگر. در این مقاله و فایل آموزشی بصورت کامل به این سوالات پاسخ میدهیم و هر آن چیزی که درباره‌ی زبان برنامه نویسی سمت سرور پی اچ پی نیاز داریم را یاد میگیریم و در انتها میفهمیم که واقعا پی اچ پی چیست و چرا اینقدر طرفدار دارد. همچنین دربا‌ره‌ی مزایا و معایب PHP و معروف ترین سایت هایی که با PHP نوشته‌ شده‌اند نیز صحبت میکنیم. با من تا انتهای این مقاله آموزشی همراه باشید.PHP چیست؟ یک معرفی کلیدر اینجا میخواهیم یک معرفی بسیار کلی از PHP داشته باشیم که بصورت مبتدی متوجه شویم که PHP چیست؟PHP مخفف PHP Hypertext Preprocessor است که PHP یک اسم خاص در آن می‌باشد.PHP یک زبان برنامه نویسی یا اسکریپت نویسی اپن سورس (Open Source) است. به این معنا که استفاده از PHP کاملا رایگان است و شما هیچ هزینه‌ای برای کار با آن پرداخت نمیکنید.کدهای PHP باید روی یک سرور اجرا شوند. این سرور میتواند یک سرور واقعی باشد و یا سرور موجود در کامپیوتر شما (با استفاده از نرم افزارهایی مثل wamp یا xampp)PHP در بسیاری از سایت های بزرگ جهان استفاده شده و کاربردی جهانی دارد.این مقدماتی بود که نیاز بود درباره‌ی PHP بدانیم تا بهتر بتوانیم به سوال PHP چیست؟ پاسخ دهیم. در ادامه میخواهیم بصورت ریز تر و جزئی تر به سوال PHP چیست؟ پاسخ دهیم.قبل از مطالعه‌ی این مقاله، مقاله‌ی Back End چیست و به چه کسی برنامه نویس بک اند میگویند؟ نیز میتواند بسیار مفید باشد.PHP دقیقا چه کار میکند؟PHP یک زبان برنامه نویسی است که میتوانیم با استفاده از آن اقدام به ساخت صفحات وب داینامیک (Dynamic) کنیم. درباره‌ی صفحات وب داینامیک در ادامه‌ی این مقاله صحبت خواهیم کرد.با استفاده از PHP میتوانیم سایت و اپلیکیشن های تحت وب قدرتمندی را برنامه نویسی کنیم. اگر بخواهیم ریزتر به سوال PHP چیست؟ پاسخ دهیم، باید بگوییم که PHP کارهای پشت صحنه را در صفحات وب انجام میدهد.به این معنا که شما با استفاده از PHP نمیتوانید ظاهر سایت را تغییر دهید. PHP یک زبان برنامه نویسی است که تاثیر مستقیمی روی ظاهر سایت ندارد. با استفاده از PHP شما میتوانید اطلاعات مختلف را از پایگاه داده بگیرید و به کاربر نشان دهید.اگر بخواهیم دقیق تر بگوییم، درواقع PHP یک زبان برنامه نویسی است که قدرت اصلی آن زمانی پدیدار میشود که با یک پایگاه داده یا Database ترکیب میشود. PHP میتواند اطلاعات را وارد دیتابیس کند و همینطور از آن اطلاعات مختلف را بخواند و به کاربر نشان دهد. شما با استفاده از PHP میتوانید به یک دیتابیس وصل شوید و اطلاعات موجود در آن پایگاه داده، مثل مطلب، نظرات و... را به کاربرانتان نشان دهید.داینامیک و استاتیک یعنی چی؟در ادامه‌ی پاسخ به سوال PHP چیست؟ میخواهیم درباره‌ی دو موضوع صفحات وب داینامیک (Dynamic) و استاتیک (Static) صحبت کنیم و خیلی ساده آن‌ها را توضیح دهیم.فرض کنید که شما در سایت‌تان یک بخشی دارید که میخواهید آخرین اخبار شرکت خودتان را نمایش دهید. برای نمایش این اخبار، از ۲ روش میتوانید استفاده کنید:روش اول: بصورت دستی وارد کدهای HTML سایت خودتان شوید و اخبار را در کدهای HTML بصورت دستی بنویسید.روش دوم: اخبار را ابتدا وارد پایگاه داده یا دیتابیس بکنید و سپس با استفاده از یک زبان برنامه نویسی مثل PHP، آن اخبار را از دیتابیس بخوانید و به کاربران نشان دهید.روش اول، یعنی زمانی که شما بصورت دستی اقدام به نوشتن اخبار در صفحات وب خود میکنید را روش Static میگویند و اصطلاحا میگویند که آن صفحه‌ی شما، یک صفحه‌ی وب استاتیک یا Static Web Page است.اما وقتی که شما اطلاعات و کلا محتویات صفحه را از یک پایگاه داده میخوانید و به کاربران نشان میدهید، آن صفحه‌ی وب شما به یک صفحه‌ی وب داینامیک یا Dynamic Web Page تبدیل میشود.اگر بخواهیم بگوییم که PHP چیست؟ میتوانیم بگوییم کار PHP این است که با گرفتن اطلاعات از پایگاه داده، صفحات وب داینامیک تولید کند.MySQL چیست و چه ارتباطی با PHP دارد؟در کنار PHP حتما اسم MySQL نیز به گوشتان خورده است. در مقاله‌ای جداگانه در یادیفای بصورت کامل بررسی میکنیم که MySQL چیست و چه کاربردی دارد.اما در اینجا اگر بخواهیم یک تعریف خیلی کلی از MySQL بدهیم، میتوانیم بگوییم که MySQL یکی از پایگاه های داده‌ای است که PHP  میتواند با آن کار کند.در واقع شما با استفاده از PHP میتوانید به پایگاه داده MySQL وصل شوید، اطلاعات را وارد آن کنید و همینطور اطلاعات وارد شده در گذشته‌ را از آن بخوانید و درصفحه وب‌تان نمایش دهید.رقیب های PHPدر دنیای برنامه نویسی سمت سرور، PHP هیچوقت تنها نبوده است و همیشه رقیب های سرسختی را در کنار خود داشته است. یکی از اصلی ترین رقیب‌های PHP در این سال‌ها، زبان برنامه نویسی ASP.NET بوده است و همیشه بین برنامه نویسان PHP و ASP یک بحث و جدال بزرگ است و هر دوی این گرو‌ها، میخواهند بگویند که زبان برنامه نویسی آن‌ها بهتر و حرفه‌ای تر است.همینطور اگر بخواهیم به دیگر رقیب های PHP اشاره کنیم، میتوانیم JSP، ColdFusion, Perl و... را نیز نام ببریم. در آینده در یادیفای بصورت کامل میخواهیم یک بررسی کامل داشته باشیم که PHP بهتر است یا ASP؟ و آیا اصلا مقایسه‌ی این دو زبان برنامه نویسی کار درستی است یا خیر؟مزایای PHPدر ادامه‌ی پاسخ به سوال PHP چیست؟ میخواهیم دربا‌ره‌ی مزایای PHP صحبت کنیم و بگوییم که پی اچ پی به عنوان یک زبان برنامه نویسی سمت سرور، چه امکانات و مزایایی را به ما میدهد:PHP میتواند در پلتفرم های مختلفی مثل ویندوز، لینوکس، مکینتاش و... اجرا شود و این عالی است!PHP با تمام سرورهایی که امروزه استفاده میشود (مثل Apache و IIS) سازگاری کامل دارد.PHP میتواند انواع مختلفی از پایگاه‌های داده و دیتابیس ها ساپورت کند و با آن‌ها کار کند.PHP کاملا رایگان و Open Source است و میتوانید از سایت رسمی آن به آدرس php.net آن‌را دانلود کنید.کار با PHP ساده است و برای برنامه نویسی با آن تنظیمات ابتدایی خاصی لازم نیست. فقط کافی است که یک سرور یا شبیه‌ساز سرور داشته باشید تا بتوانید با آن کدهای PHP خودتان را اجرا کنید و از دیدن نتیجه‌ی آن لذت ببرید.PHP چه کارهایی میتواند انجام دهد؟حالا که داریم به سوال PHP چیست؟ پاسخ میدهیم، خوب است که کمی هم درباره‌ی کارهایی که PHP میتواند انجام دهد صحبت کنیم. شما با استفاده از PHP میتوانید انواع مختلفی از صفحات وب و وب اپلیکیشن ها را برنامه نویسی و اجرا کنید.PHP میتواند برای شما صفحات داینامیک تولید کند.PHP میتواند اطلاعات را به دیتابیس بفرستد، از دیتابیس اطلاعات را بخواند و همینطور اطلاعات موجود در دیتابیس را ویرایش یا حذف کند.PHP میتواند با فرم های HTML شما ارتباط برقرار کند و اطلاعات ورودی کاربران در فرم ها را پردازش کند و کارهای مدنظر شما را روی آ‌ن‌ها انجام دهد.PHP به شما امکان کار با Cookie ها و Session ها را میدهد.PHP امکان رمزگذاری کردن اطلاعات حساس را دارد و این امکان نیز در آن تعبیه شده است.با اسفتاده از PHP شما میتوانید فایل های txt, pdf, jpg و... تولید و ویرایش کنید و این یک امکان فوق العاده است که PHP در اختیار شما قرار میدهد.مواردی که در بالا ذکر کردیم، امکاناتی است که بصورت پیشفرض در PHP آمده است. شما میتوانید با استفاده از کتابخانه‌های مختلف PHP، امکانات مختلف و دیوانه‌کننده‌ای داشته باشید که اصلا باورتان نشود که میشود همچین کارهایی را در سطح وب نیز انجام داد!برخی از سایت‌هایی که با PHP ساخته شده‌انداگر بخواهیم درباره‌ی سوال PHP چیست؟ بیشتر صحبت کنیم، خوب است که برخی از سایت‌هایی که از PHP قدرت گرفته‌اند را معرفی کنیم. در زیر لیست برخی از سایت های ایرانی و جهانی را میبینیم که از PHP استفاده میکنند.دیجی کالا (در گذشته Digikala با استفاده از ASP.NET نوشته شده بود، اما به تازگی آن‌ها سیستم‌شان را به PHP تغییر داده‌اند)آپاراتفیسبوکویکی پدیایاهوتامبلرسیستم مدیریت محتوای وردپرسهمانطور که در لیست بالا دیدید، قدرتمندترین وبسایت های ایران و جهان را نیز میشود با استفاده از زبان برنامه نویسی‌ای مثل PHP نیز نوشت و اجرا کرد (بر خلاف نظر بسیاری از برنامه نویسان که PHP را مناسب یک پروژه‌ی بزرگ نمیدانند!)یادگیری PHP سخت است یا آسان؟بعد از سوال PHP چیست؟ ، این سوالی است که بسیار از افراد مبتدی درگیر آن هستید که آیا یادگیری PHP سخت است؟ باید نابغه باشیم یا خیر؟ اگر بخواهیم خیلی کوتاه به این سوال پاسخ دهیم، میتوانیم بگوییم:با توجه به اینکه PHP یک زبان برنامه نویسی فوق العاده است، اما یادگیری آن در ابتدا بسیار ساده و آسان میباشد. کافیست که یک منبع آموزشی خوب و حرفه‌ای پیدا کنید تا بتوانید مقدمات PHP را در کمتر از ۱ ماه بصورت کامل یاد بگیرید و با استفاده از آن، سرویس های کوچکی بنویسید.بعد از یادگیری مقدمات، مباحث پیشرفته‌تر و حرفه‌ای تری نیز در PHP وجود دارند که طبیعتا یادگیری و تسلط به آن‌ها نیاز به زمان، انرژی و تلاش بیشتری دارد. اما برای شروع، خیلی راحت و سریع میتوانید اقدام کنید و نگران هیچ چیز نباشید!برای یادگیری PHP چه پیشنیازهایی لازم است؟قبل از یادگیری PHP خیلی خوب است که کمی با دنیای وب آشنایی داشته باشید. برای مثال اگر قبل از PHP کمی به طراحی وب با HTML و CSS مسلط باشید، کار شما در یادگیری و کار با PHP نیز بسیار ساده و راحت میشود.در این مقاله‌ی آموزشی بصورت کامل به سوال PHP چیست؟ پاسخ دادیم و آ‌نرا بررسی کردیم. نظر ما درباره‌ی PHP چیست؟ آیا تجربه‌ی خوب یا بدی در هنگام کار با PHP داشته‌اید؟ لطفا در قسمت نظرات برایمان بنویسید.منبع یادیفای یادیفای Fri, 01 Feb 2019 11:15:44 +0330 https://virgool.io/@yadify/stack-overflow-%DA%86%DB%8C%D8%B3%D8%AA-%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87%DB%8C-%D8%A7%D8%B3%D8%AA%DA%A9-%D8%A7%D9%88%D8%B1%D9%81%D9%84%D9%88-wmqtbryignye اگر شما هم جز دسته‌ی برنامه نویسان باشید، حتما اسم سایت استک اورفلو یا Stackoverflow را شنیده‌اید. من این سایت را به عنوان بهشت برنامه نویسان و یا بهترین دوست برنامه نویسان میدانم. با کمک این سایت شما میتوانید در کمتر از ۱ دقیقه (!) به پاسخ سوالات خود دست پیدا کنید. این سایت برای برنامه نویسان مثل اکسیژن برای انسان‌هاست. در این مقاله بصورت کامل با استک اور فلو (Stackoverflow) آشنا میشویم و به سوال Stack Overflow چیست؟ بصورت کامل پاسخ میدهیم. با تا انتهای این مقاله همراه باشید. https://www.aparat.com/v/qsx4T Stack Overflow چیست؟در گذشته در مقاله بصورت کامل توضیح دادیم که برنامه نویسی چیست؟ طراحی وب چیست؟ برنامه نویسی وب چیست؟ Front-End چیست و BackEnd چیست. الان میخواهیم بصورت کامل توضیح دهیم که Stack Overflow چیست؟اگر جز هرکدام از این دسته ها هستید و یا کلا در حیطه‌ی طراحی یا برنامه نویسی فعالیت میکنید، Stack Overflowآن چیزی است که باید با آن آشنایی داشته باشید و از نان شب برای شما واجب تر است.Stackoverflow.com یک مرجع برای پرسش و پاسخ تخصصی در زمینه‌ی برنامه نویسی می‌باشد. استک اورفلو یک فروم مثل دیگر فروم های برنامه نویسی نیست. بلکه یک سرویس پرسش و پاسخ است که به شما کمک میکند که نهایتا در چند دقیقه به جواب هر سوالی که دارید برسید.بهشت برنامه نویسان!معمولا در کلاس‌ها و کارگا‌ه‌هایی که برگزار میکنیم، همیشه میگوییم بهترین دوستان برنامه نویسان اینگونه معرفی میکنیم:گوگلStackoverflowاگر بخواهیم بگوییم که Stack Overflow چیست، به اعتقاد من Stackoverflow و گوگل، بهترین دوستان هر برنامه نویسی می‌باشد و برای برنامه نویسان یک بهشت محسوب میشود. این سایت تمام آن چیزی است که هر برنامه نویس و طراحی به آن نیاز دارد.۹۹ درصد سوالاتی که دارید ... !در حین طراحی، برنامه نویسی و یا حتی یادگیری برنامه نویسی،‌ ممکن است سوالات و مشکلاتی برای شما بوجود بیاید. وقتی برایتان یک سوال یا مشکل جدید پیش می‌آید اینطور فکر کنید:«حتما قبل از من نیز کسی در جهان به این مشکل برخورده و آن را حل کرده است!»حقیقت این است که بیش از ۹۹ درصد سوالات و مشکلاتی که برای شما حین طراحی یا برنامه نویسی پیش می‌آید، قبلا برای شخص دیگری نیز پیش آمده است.. آن شخص سوال مربوط به آن مشکل را عنوان کرده است و به جواب رسیده است.پس تنها کاری که شما باید بکنید این است که مشکلی که برایتان پیش آمده و یا سوالتان را در گوگل سرچ کنید.وقتی که سوالات و مشکلات برنامه نویسی خود را سرچ میکنید، در اکثر مواقع اولین سایتی که برای شما ظاهر میشود، سایت Stackoverflow است. اینگونه شما میتوانید در کمتر از ۱ دقیقه به جواب بیش از ۹۹ درصد سوال‌ها و مشکلات‌تان برسید. در تصویر زیر نمونه یک جستجو گوگل را میبینید که اولین سایت، Stack Overflow را معرفی کرده است.پس در پاسخ به سوال Stack Overflow چیست میتوانیم بگوییم که:Stackoverflow تمام آن چیزی است که هر برنامه نویسی به آن نیاز دارد!Stackoverflow، متفاوت با فروم های دیگرممکن است شما فروم یا انجمن های برنامه نویسی بسیاری را بشناسید. چندین فروم برنامه نویسی قدیمی هم در ایران داریم که معمولا با سرویس هایی مثل vbulletin راه اندازی شده اند. در سیستم‌هایی مثل vbulletin شما یک فروم کلی دارید،‌ سپس در هر فروم چندین اتاق مختلف هست و در هر اتاق تاپیک های مختلفی وجود دارد.اما سرویس های پرسش و پاسخی مثل Stackoverflow کاملا با فروم ها و انجمن ها متفاوت هستند. در استک اورفلو، شما بعد از ورود به سایت، آخرین سوالات پرسیده شده را مشاهده میکنید و خیلی سریع میتوانید سوال خود را بپرسید. سوالات در اتاق های مختلف وجود ندارند و شما میتوانید با استفاده از سیستم تگ گذاری سوالات، سوالات مربوط به هر حیطه‌ی خاص را مشاهده کنید.مهم‌ترین و بهترین ویژگی های Stack Overflow چیست؟در ادامه‌ی پاسخ به سوال Stack Overflow چیست، میتوانیم بگوییم چیزی که باعث شده که Stackoverflow از دیگر سایت های پرسش و پاسخ، فروم ها، انجمن ها و... پیشی بگیرد، ویژگی های منحصر به فردی است که Stackoverflow دارد و زندگی را برای برنامه نویسان شیرین میکند!در ادامه میخواهیم بهترین ویژگی های Stack Overflow را بررسی کنیم.انتخاب بهترین پاسخیکی از ویژگی های فوق العاده استک اورفلو این است که شخصی که سوالی را میپرسد، میتواند یک پاسخ را به عنوان بهترین پاسخ انتخاب کند. در واقع شما با انتخاب بهترین پاسخ، میتوانید این پیام را به سایر کابران بدهید که «این پاسخ بهترین پاسخ بود و مشکل من را حل کرد.»رفع مشکلات در سه سوت!به نظر من یکی از بهترین ویژگی های Stackoverflow این است که برنامه نویسان بسیاری در آن فعال و آماده‌ی پاسخگویی به شما هستند.بارها برای من پیش آمده است که سوالی را در استک اورفلو مطرح کرده ام و در کمتر از ۵ دقیقه، به پاسخ رسیده‌ام و مشکلی که داشتم برطرف شده است. شما وقتی سوال جدیدی در Stackoverflow میپرسید، میلیون‌ها برنامه نویس هستند که آماده‌ی پاسخگویی به شما میباشند و مشتاقانه دوست دارند به شما جواب دهند. به همین دلیل بعد از پرسش یک سوال جدید، معمولا در کمتر از ۱۰ دقیقه، میتوانید به جواب سوال خود برسید!ممکن است برایتان سوال پیش بیاید که چرا میلیون ها برنامه نویس در این سیستم فعالیت میکنند و بصورت رایگان به سوالات پاسخ میدهند؟ در ادامه به این سوال نیز پاسخ میدهیم.رای دادن به سوال‌ها و پاسخ‌هایکی دیگر از ویژگی ها و قابلیت های جذاب Stackoverflow این است که کاربران میتوانند به سوال ها و پاسخ های دیگران رای دهند. با استفاده از این ویژگی، اگر یک سوال،‌ پاسخ و یا نظر، تعداد زیادی رای منفی بگیرد، بصورت خودکار پاک میشود. این ویژگی باعث میشود که سوال‌ها، پاسخ ها و نظرات بی اهمیت پاک شوند و فقط محتواهای مفید و بدردبخور باقی بمانند. به همین دلیل شما در Stack Overflow هیچ محتوای بی استفاده‌ای نمیتوانید پیدا کنید. این فوق العاده‌‌ست!پیشنهاد سوالات مشابه قبل از پرسش سوالممکن است شما بخواهید یک سوال جدید در Stackoverflow مطرح کنید. عالی است. اما قبل از پرسش سوال، استک اورفلو یک کار فوق العاده انجام میدهد.هنگام پرسش سوال جدید،‌ Stackoverflow از شما میخواهد که عنوان سوالتان را وارد کنید. بعد از وارد کردن عنوان سوال خود، با استفاده از یک سیستم بسیار هوشمند، تمام سوالاتی که میتواند مرتبط با سوال شما باشد به شما پیشنهاد داده میشود. در واقع Stack Overflow با این کار میخواهد از انتشار سوالات تکراری جلوگیری کند. در تصویر زیر میبینید که بعد از ورود عنوان، چه سوالاتی را به ما پیشنهاد داده است.همینطور قبل از پرسش سوال، Stackoverflow از شما میخواهد که حتما اول Search, and research داشته باشید و سپس سوال جدید مطرح کنید. به این معنا که ممکن است سوال شما قبلا نیز پرسیده شده باشد، فقط کافی است سرچ بهتری داشته باشید.محدود کردن کاربران اسپم با سیستم امتیاز دهیاگر بخواهیم بگوییم که Stack Overflow چیست و چه چیزی آن‌را قدرتمند کرده است، سیستم امتیازدهی آن است. سیستم امتیازدهی Stackoverflow ساختار تقریبا پیچیده‌ای دارد و چند نوع امتیاز مختلف به هر کاربر میدهد. امتیاز شما نیز بصورت مستقیم به نحوه‌ی کار کردن شما در Stack Overflow بستگی دارد.هرچقدر کاربر مفید و قانون‌مندی باشید امتیاز بیشتری دریافت میکنید، ولی اگر قوانین سایت را رعایت نکنید، Stackoverflow شما را بسیار محدود میکند.در استک اورفلو شما برای انجام اکثر کارها، نیاز به یک حداقل امتیاز دارید. اگر امتیاز شما از یک میزان خاصی پایین تر باشد، امکان انجام بعضی از کارها از شما گرفته میشود.برای مثال اگر در گذشته چندین سوال را بدون توجه به قوانین Stackoverflow پرسیده‌ باشد و یا کاربران دیگر به سوالات و پاسخ های شما امتیاز منفی داده باشند، ممکن است Stackoverflow برای مدتی به شما اجازه پرسش سوال جدید ندهد.سیستم امیتاز دهی Stackoverflow کمک میکند که این سایت، کاملا مفید و غیر اسپم باشد و کابرانی که قصد اسپم گونه دارند و قوانین سایت را رعایت نمیکنند، از این سیستم حذف شوند. به همین است که استک اورفلو اینقدر سایت فوق العاده و مفیدی است. زیرا هیچ محتوای غیرمفیدی در آن جایی ندارد.کاریابی با Stack Overflowاگر بخواهیم بگوییم Stack Overflow چیست، نمیتوانیم بگوییم که فقط یک سایت پرسش و پاسخ ساده است.در منوی کناری استک اور فلو، با توجه به لوکیشن و موقعیت مکانی شما، به شما پیشنهاد های کار نیز داده میشود که میتوانید از آن‌ها نیز استفاده کنید.نمونه آگهی یک شرکت ایرانی برای استخدام برنامه نویس در تهرانچرا برنامه نویسان در Stackoverflow فعالیت میکنند؟سوال بسیار خوبی است. شاید برای شما هم سوال باشد که چرا کاربران و برنامه نویسان زیادی، بصورت رایگان در این سایت اقدام به پاسخ به سوالات دیگران میکنند.یکی از دلایل میتواند این باشد که دوست دارند اطلاعاتشان را با دیگران سهیم شوند. اما دلیل مهم‌تری برای اینکار وجود دارد.هر فرد در Stack Overflow دارای یک صفحه پروفایل مربوط به خودش است که اطلاعات کاری، رزومه، اطلاعات تماس و ... خود را در آن قرار داده است. وقتی که یک فرد اقدام به پاسخ به سوالات زیادی در سایت میکند، نمره و رتبه‌ی او در Stackoverflow افزایش پیدا میکند.برای مثال یک برنامه نویس وب را تصور کنید که با پاسخ دادن به سوالات مختلف و پرسیدن سوالات خوب، امتیاز بالایی در این سایت دریافت کرده است.وقتی که امتیاز یک برنامه نویس در Stackoverflow بالا برود، پیشنهاد های کاری به او نیز زیاد میشود و میتواند پروژه های برنامه نویسی زیادی انجام دهد. علاوه بر این، در برخی شرکت ها، پرفایل فرد در سایت Stackoverflow یک رزومه محسوب میشود و با چک کردن آن، به عملکرد آن شخص پی میبرند.موسسان Stackoverflow چه کسانی هستند؟Joel Spolsky و Jeff Atwood در ۲۰۰۸ اقدام به راه اندازی Stack Overflow کرده‌اند.Joel Spolsky (سمت راست) و Jeff Atwood (سمت چپ) - موسسان Stackoverflowاطلاعات فنی  Stackoverflowدر وبلاگ Stackoverflow اطلاعات بسیار جالبی در خصوص ان منتشر شده است که در زیر آن‌ها را مرور میکنیم:فریمورک: ASP.NETزبان برنامه نویسی: سی شارپ (#C)محیط برنامه نویسی: ویژوال استودیو - Visual Studioپایگاه داده: SQL Server 2008همچنین  رتبه‌ی  Stack Overflow طبق آمار الکسا در زمان انتشار این پست :استک اورفولو، ۱۸ امین سایت پربازدید ایران،و ۶۵ امین سایت پربازدید جهان میباشد.خانواده Stackoverflowنکته‌ی جالب در خصوص استک اورفلو این است که فقط یک سایت نیست. سرویس های پرسش و پاسخ بسیار زیاد دیگری نیز وجود دارند که به سایت های خواهر Stack Overflow معروف هستند که هرکدام در موضوعات و تخصص‌های خاصی فعالیت میکنند. لیست سایت های خواهر Stackoverflow را میتوانید در اینجا ببینید.منبع یادیفای یادیفای Thu, 31 Jan 2019 14:54:01 +0330 https://virgool.io/@yadify/%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86-%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1-%D8%A7%DB%8C%D9%86%D8%AA%D8%B1%D9%86%D8%AA%DB%8C-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D9%88-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%DA%A9%D8%AF%D8%A7%D9%85-%D8%A7%D8%B3%D8%AA-wravvnzzr8xe بهترین مرورگر برای برنامه نویسی و طراحی وب کدام است؟ این سوالی است که برای خیلی از برنامه‌نویس‌ها و طراح‌های تازه‌کار پیش می‌آید.وقتی چندین سال پیش برای اولین بار وارد محیط وب شدم برای مدتی در انتخاب مرورگر خیلی شک داشتم.همیشه بین گزینه‌های مختلف می‌گشتم تا یک مرورگر مناسب برای کار و نیازهای خودم پیدا کنم. در این مقاله به این سوال پاسخ میدهیم که بهترین مرورگر برای برنامه نویسی و طراحی وب چیست؟ https://www.aparat.com/v/P8Nbf بهترین مرورگر برای برنامه نویسی و طراحی وبهمیشه یکی از بزرگ‌ترین سوالات و مشکلاتی که مبتدیان عرصه‌ی طراحی و برنامه نویسی وب آن روبرو هستند این است:که بهترین مرورگر اینترنتی برای طراحی و برنامه‌نویسی وب کدام است؟در این آموزش به این موضوع می‌پردازیم که بهترین مرورگر برای برنامه نویسی و طراحی وب کدام است ؟بهترین مرورگر برای برنامه نویسی و طراحی وبدر حال حاظر در دنیای وب 5 مرورگر زیر از بقیه شهرت بیشتری دارند و بیشتر از بقیه استفاده می‌شوند:گوگل کروم - Google Chromeموزیلا فایرفاکس - Mozilla Firefoxسافاری - Safariاپرا - Operaاینترنت اکسپلورر - Internet explorerمی‌توان گفت ترتیبی که در بالا ارائه شده است ترتیب محبوبیت مرورگرها هست.از نسخه‌های بروز مرورگرها استفاده کنیداز هر مرورگر مدرنی که استفاده می‌کنید سعی کنید همواره از آخرین نسخه‌های آن بهره ببرید.همیشه برای مرورگرهای خوبی مثل کروم و فایرفاکس بصورت منظم آپدیت هایی قرار داده میشود.بعضی از مرورگرها بدون اینکه شما اطلاعی داشته باشید فایل های اپدیت خود را دانلود میکنند و خود را بروز نگه می‌دارند، ولی به شرطی که سرعت اینترنت شما مناسب باشد و همچنین این امکان را بصورت دستی غیر فعال نکرده باشید.پس سعی کنید همیشه از آخرین نسخه‌ی هر مرورگری که استفاده می‌کنید بهره ببرید.زیرا همیشه در آپدیت هایی که برای مرورگرها انجام می‌شود تعدادی امکانات جدید به آن اضافه می‌شود و یا باگ ها و مشکلات و نقص‌های نسخه‌های قبلی برطرف می‌شود.پس هرچقدر بروزتر باشید کدنویسی و طراحی شما حرفه‌ای تر و بهتر خواهد بود و به این دلیل کن با تغیرات دنیای وب پیش می‌روید می‌توانید سریع تر از رقبایتان رشد کنید.علاوه بر این خیلی از امکانات طراحی که برای مثال با HTML 5 و CSS 3 انجام میشود در مرورگرهای خیلی قدیمی به شکل بسیار نازیبایی نمایش داده می‌شود و کلا کار شما را دچار مشکل میکند.پس سعی کنید همیشه به‌دنبال آخرین نسخه‌ها باشید و خودتان را بروز نگه دارید.مرورگر اینترنت اکسپلورر را فراموش کنیدپیشنهادی که برای شما دارم این است که هرگز و به هیچ وجه از مرورگر اینترنت اکسپلورر (IE) استفاده نکنید.به این دلیل که این مرورگر بسیار بد، غیرحرفه‌ای و با هزاران مشکل دیگر طراحی و ساخته شده و کلا هر کدی که در مرورگرهای فایرفاکس و کروم نوشته شود به صورت کلی در اینترنت اکسپلورر به شکلی بسیار متفاوت و خراب دیده می‌شود.البته در نسخه‌های جدید آن شرکت سازنده خیلی سعی داشته که IE را به یک مرورگر مدرن برای رقابت با کروم و فایرفاکس تبدیل کند.ولی همچنان دارای مشکلات بسیار بزرگ و پیچیده‌ای است و هرگز پیشنهاد به استفاده از آن نمیشود.اگر می‌خواهید به یک آرامش ذهنی و کاری برسید به‌طور کل دور این مرورگر را خط بکشید.پیشفرض‌های خاص هر مرورگرهر مرورگری به‌صورت پیش‌فرض برای خودش یک سری تنظیمات از قبل تعیین شده دارد (برای مثال padding ها و margin هایی خودکار اضافه میکند).به همین دلیل خیلی سخت است که شما بتوانید سایتی را طراحی کنید که در 2 مرورگر به‌صورت کاملا یکسان نمایش داده شود.ولی میشود این تنظیمان پیش‌فرض مرورگرها را با کدهای CSS مدیریت کرد که در مطالب بعدی حتما درباره‌ی آن صحبت خواهیم کرد.مرورگر پیشنهادی مندر بین این همه مرورگر مدرن و پیشرفته هنوز این سوال بدون پاسخ مانده است که کدام مرورگر برای طراحی و برنامه نویسی وب مناسب است؟‌من به شما ترکیب زیر را که خودم استفاده میکنم و در دنیا هم مرسوم است پیشنهاد میکنم.این ترکیب به این صورت است که ما 2 مرورگر کروم و فایرفاکس را در کنار هم استفاده می‌کنیم :مرورگر کروم : به دلیل سرعت بالا و همینطور افزونه‌های فوق‌العاده برای : وب‌گردی، سرچ‌های اینترنتی، یافتن مطالب سایت‌ها، چک کردن ایمیل‌ها و...مروگر فایرفاکس : به دلیل امکاناتی که برای طراحان و برنامه‌نویسان دارد برای : تست‌کدها، دیباگ کردن و ...پس پیشنهاد من برای شما این است که این دو مرورگر فوق‌العاده (که هر دو برای خودشان مزایایی دارند و نمی‌توان یکی از آن‌هارا رها کرد) را در کنار یکدیگر استفاده کنید و از طراحی و کدنویسی خودتان بیشترین لذت را ببرید.البته گاهی خوب است که سایتی که طراجی کردید را علاوه بر فایرفاکس در مرورگرهای دیگر هم تست کنید تا با نحوه‌های مختلف نمایش آن آشنا شوید.ولی به طور کلی ترکیب این دو مرورگر میتواند برای کارهای شما بسیار مناسب و حرفه‌ای باشد.منبع: یادیفای یادیفای یادیفای Thu, 31 Jan 2019 14:48:01 +0330 https://virgool.io/@yadify/%D8%A2%DB%8C%D8%A7-%D8%AF%D9%88%D8%B1%D9%87%D9%87%D8%A7%DB%8C-%D8%A2%D9%85%D9%88%D8%B2%D8%B4%DB%8C-%D8%A8%D8%B3%DB%8C%D8%A7%D8%B1-%D8%B7%D9%88%D9%84%D8%A7%D9%86%DB%8C-%D9%85%DB%8C%D8%AA%D9%88%D8%A7%D9%86%D9%86%D8%AF-%D9%85%D9%81%DB%8C%D8%AF-%D8%A8%D8%A7%D8%B4%D9%86%D8%AF-gvbxqzkwzu7j نکاتی درباره‌ی بهترین و موثرترین دوره‌های آموزشیمیخواهیم برای یادگیری یک تخصص اقدام کنیم، اما با لیست بلند بالایی از منابع آموزشی مختلف مواجه میشویم.انتخاب بین یکی چندین منبع آموزشی که در اختیار داریم، انتخابی بسیار سخت است. در این مقاله، با ویژگی‌های بهترین و موثرترین دوره‌های آموزشی آشنا میشیم. در انتهای یاد میگیریم که کدام دوره‌های آموزشی مفید و کدام بدردنخور هستند و باید از آن‌ها دوری کنیم. با من همراه باشید :) http://aparat.com/v/uxNQ7 ۶، ۶۰، یا ۶۰۰ ساعت؟ کدام دوره‌ی آموزشی را انتخاب کنم؟ممکن است برای شما هم پیش بیاید. میخواهید شروع به یادگیری یک تخصص کنید و با چندین دوره‌ی آموزشی مختلف مواجه میشوید:یک دوره‌ی جمع و جور ۶ ساعتهیک دوره ی ۶۰ ساعتهیک دوره‌ی ۲ ساله و ۶۰۰ ساعته!در تصمیم گیری نهایی دچار مشکل شده‌اید و نمیدونید که کدام یک از این دوره‌های آموزشی رو انتخاب کنید و یادگیری رو شروع کنید. در این مقاله میخوایم در خصوص این موضوع صحبت کنیم که بهترین دوره‌های آموزشی چه ویژگی هایی دارند.سوال‌هایی که باید از خودمان بپرسیمقبل از اینکه شروع کنیم به انتخاب یک منبع آموزشی و یادگیری، باید یک سری سوالاتی رو از خودمان بپرسیم:تمام ساعت آموزشی دوره مفید است؟مهم‌ترین سوالی که وجود دارد این است. آیا تمام آن ۶۰ تا ۶۰۰ ساعت آموزش مفید است؟به شخصه در دوره‌های چند ده ساعته‌ای شرکت کردم که در آن‌ها مدرس بیش از ۱۰ ساعت فقط منتظر بود که یک فایل دانلود شود، یک نصب یک برنامه اتفاق بیفتد، یا اینکه ۲۰ دقیقه کد را بالا و پایین کند تا باگ کدی که نوشته‌ را پیدا کند.اصلی‌ترین دلیلی که باعث زیاد شدن ساعات یک دوره‌ی آموزشی میشود، معمولا این است که آن دوره‌ی آموزشی وقت های مرده و تلف شده‌ی بسیاری دارد.حوصله داریم؟ سنگ بزرگ نشونه‌ی ...سوال بعدی این است، که آیا اصلا ما حوصله‌ و وقت دیدن چند ده ساعت آموزش را داریم یا خیر.ضرب المثلی وجود دارد که میگوید: «سنگ بزرگ نشانه‌ی نزدن است»اگر یک دوره‌ی آموزشی ۶۰ ساعته را تهیه کنید، همش باید نگران این باشید که چه زمانی از سال، وقت کافی برای دیدن این ۶ ساعت آموزش پیدا خواهید کرد. و از آنجایی که هیچوقت سر شما خلوت تر نخواهد شد، هیچوقت آن‌ دوره‌ی آموزشی را شروع نخواهید کرد و تخصصی که آرزو داشتید را کسب نخواهید کرد.میشه توی زمان کمتری همین هارو یاد گرفت؟سوال مهم بعدی این است. آیا میشود همین مباحث رو توی ۱۰ ساعت یاد گرفت؟وقت ما مهم‌ترین دارایی ما است و هیچوقت نمیتوانیم ‌آن‌را به هیچ صورتی برگردانیم. وقتی که یک دوره‌ی آموزشی از شما چند ده ساعت زمان میگیرد، اما به اندازه چند دقیقه به شما اطلاعات و تخصص میدهد، باید به عنوان یک فردی که زمانش برایش مهم است، بهمان بر بخورد.همیشه باید به دنبال بالابرن کارکرد و بازدهی خودمان باشیم. همانطور که یک دونده‌ی سرعت سعی میکند همیشه مسافت بیشتری را در زمان کمتری طی بکند، ماهم باید سعی بکنیم کارهای بیشتری را با کیفیت عالی و در زمان کم انجام دهیم. فقط در این صورت است که میتوانیم در دنیای امروز با سرعت سرسام آور رشد دانش و اطلاعات در دور رقابت باقی بمانیم.آیا واقعا به ۶۰ ساعت دانش نیاز داریم؟نکته‌ای که باید دقت کنیم این است که آیا اصلا به چند ده ساعت آموزش نیاز داریم؟شاید بخواهیم فقط بصورت مقدماتی با یک موضوع آشنا بشیم یا اینکه یک بخش خاص از یک موضوع رو یاد بگیریم. آیا واقعا نیازه که ۶۰ ساعت آموزش در خصوص اون تهیه کنیم؟برای مثال ممکنه شما طراحی وب با HTML و CSS رو بلد باشید و فقط بخواید در خصوص طراحی وب واکنش گرا تخصص پیدا کنید. برای این موضوع نیاز نیست ۶۰ ساعت آموزش ببینید و یک آموزش چند ساعته شما را به حد خوبی از تخصص خواهد رساند.چرا یاد نمیگیرم؟ / چرا پیشرفت نمیکنم؟اگه نتونیم یک فرایند یادگیری موثر داشته باشیم، اینجوری کلافه میشیموقتی که شروع به یادگیری یک تخصص میکنیم و در ابتدا بسیار باانگیزه و خوشحال هستیم و برنامه ریزی میکنیم که در ۶ ماه آینده یکی از متخصص ترین افراد باشیم.اما بعد از مدتی انگیزه خود را از دست میدهیم و با این سوال مواجه میشویم که چرا یاد نمیگریم و پیشرفت نمیکنیم. در ادامه‌ میخواهیم درباره‌ی چند دلیل اصلی عدم یادگیری و پیشرفت صحبت کنیم.مثلا میخوایم PHP یاد بگیریمفرض کنید که میخواهیم شروع به یادگیری زبان برنامه نویسی PHP کنیم. قبل از هرچیز نیاز داریم به منابع آموزشی. به همین منظور:دوره‌ی مهدی خسروی رو میخریمدوره‌ی خسرو مهدوی رو دانلود میکنیم۴۰ تا مقاله رو بوک مارک میکنیمتوی ۵ تا کانال و گروه تلگرامی عضو میشیم۱۰ تا کتاب انگلیسی رایگان دانلود میکنیم۵ تا دوره‌ی انگلیسی لیندا رو از دوستون میگیریمیه کتاب خیلی خوب از نمایشگاه کتاب میخریمیه پلی لیست خوب از یوتیوب پیدا میکنیم، و نهایتا میگیم: خببببب،‌ حالا میخوام یادگیری رو شروع کنماما با یک سوال بزرگ مواجه میشیم: کدوم یکی از اینهارو اول شروع کنم؟ کدومشون برای یادگیری بهتره؟مشکل اصلی: تعدد انتخابیکی از بزرگترین مشکلاتی که هنگام شروع یادگیری یک تخصص جدید ممکنه با آن مواجه شویم، تعدد انتخاب یا سرریز شدن اطلاعات است. آنقدر اطلاعات و کتاب و دوره در دسترس داریم که نمیدانیم کدام را برای شروع انتخاب کنیم.مهم‌ترین تصمیمی که در این حالت میتوانیم بگیریم این است که از بین تمام منابع آموزشی، فقط یکی را انتخاب کنیم و بقیه را از دسترس خارج کنیم. اینگونه شاید بتوانیم یک دوره‌ی آموزشی را کامل نگاه کنیم و به انتها برسانیم.وقت ما ارزشمند استنکته‌ای که در خصوص دوره‌های بلند مدت و چند ده ساعته‌ی آموزشی وجود دارد، این است که اکثر آن‌ها ارزش زمانی که برایشان میگذاریم را ندارند. باید بدانیم که وقت ما ارزشمند است و نباید آن‌را با مشاهده‌ی یک دو‌ره‌ی مثلا ۶۰ ساعته که بیش از ۱۰ ساعت آن بی استفاده است، هدر دهیم.همانطور که گفتیم، همیشه باید به دنبال این باشیم که کارهای بیشتری را با کیفیت بیشتر در مدت زمان کمتری انجام دهیم.قانون ۲۰ ساعتجاش کافمن، بسیار دوست داشتنی، باحال و خلاق هست. حتما نام او را در گوگل جستجو کنید.اخیرا کتاب بسیار خوبی که متاسفانه هنوز به فارسی ترجمه نشده را خواندم. کتاب The First 20 Hours از Josh Jaufman، در این کتاب ایده‌های فوق العاده‌ای برای یادگیری سریع مطرح شده است.آقای کافمن در این کتاب بر این عقیده است که برای یادگیری یک مهارت در حدی که بتوانیم از آن لذت ببریم، ۲۰ ساعت تمرین درست و اصولی کافی است.دقت کنید که واژه‌ی «لذت بردن» در جمله‌ی بالا بسیار مهم است. با ۲۰ ساعت تمرین ما هرگز نمیتوانیم به یک فرد بسیار متخصص در یک مهارت تبدیل شویم. اما میتوانیم آن مهارت را در حدی یاد بگیریم که از آن لذت ببریم. پس هرگز نیاز نیست ۶۰ ساعت یا بیشتر از زمانمان را در یک دوره‌ی آموزشی هدر دهیم. فقط کافی است که اگر میخواهیم از یک مهارت لذت ببریم، ۶۰ ساعت اصولی و درست در آن مهارت یاد بگیریم و تمرین کنیم. در آینده حتما خلاصه‌ای از این کتاب را با شما به اشتراک خواهم گذاشت.اکثر مدرسان برنامه نویسی: من اینقدر بلدم که میتونم ...متاسفانه کاری که اکثر مدرسان برنامه نویسی میخواهند انجام دهند تدریس نیست، بلکه فقط اثبات خودشان به عنوان یک برنامه‌نویس حرفه‌ای است.به جرئت میتوانم بگویم ۹۰ درصد اشخاصی که به زبان فارسی در حال آموزش برنامه نویسی هستند، تمام سعی خود را میکنند که برنامه نویسی را بسیار سخت و پیچیده جلوه دهند. آن‌ها در آموزش‌هایشان یک کار بسیار ساده را، بسیار سخت میکنند و برای یک فرایند ساده، گاهی چند صد خط کد مینویسند.اکثرا در صحبت‌هایشان در کلمه‌های انگلیسی با یک لحجه‌ی عجیب و غریب استفاده میکنند و همگی ادعا میکنند که از ۵ سالگی برنامه نویس بوده‌اند. از تمام برنامه نویسان دیگر ایراد میگیرند و بزرگترین شرکت‌های دنیا را نقد میکنند.این افراد فقط به یک دلیل این کار را انجام میدهند. به این دلیل که این پیام را منتقل کنند که:من فردی بسیار حرفه‌ای هستم و در برنامه نویسی و آموزش بهترین میباشم. چون سخت ترین مباحث را بلدم و میتوانم کارهای بسیار عجیب و غریبی با برنامه نویسی انجام دهم. بیایید و از آموزش‌های من استفاده کنید.اما متاسفانه این افراد، یک اصل بزرگ که انیشتین به خوبی به آن اشاره کرده است را فراموش کرده‌اند:بهترین مدرس‌های و دوره‌های آموزشی در دنیا چه ویژگی‌هایی دارند؟از آ‌ن‌جایی که همیشه علاقه به یادگیری مباحث جدید دارم و هرروز بهترین منابع آموزشی دنیا را بررسی میکنم، به چند وجه مشترک بین تمام آموزش‌ها و آموزش‌دهنده‌های حرفه‌ای پی برده‌ام که در زیر میخواهیم درباره‌ی آن‌ها صحبت کنیم:بسیار سادهیکی از مهم‌ترین نکاتی که بین تمامی آموزش‌های حرفه‌ای وجود دارد،‌ این است آن‌ها بسیار ساده و قابل فهم برای همگان هستند.ساده بودن را با ارائه‌ی نکات پیش افتاده و ساده اشتباه نگیرید. حرفه‌ای‌ترین مدرس‌ها کسانی هستند که میتوانند سخت‌ترین مفاهیم را بسیار ساده مطرح کنند تا دانشجوها انگیزه ادامه‌ی یادگیری را پیدا کنند.بسیار کوتاهکوتاه بودن دوره‌‌های آموزشی یکی دیگر از ویژگی‌هایی است که بین اکثر آموزش‌های حرفه‌ای مشترک است. مخصوصا اگر دوره‌های سایت Lynda را مشاهده کرده باشید، به ندرت دوره‌‌ای طولانی‌تر از ۶-۷ ساعت پیدا میکنید و اکثر دوره‌ها میانگین زمانی ۳ ساعت را دارند.بسیار خاصیکی از ویژگی‌های دوره‌های آموزشی خوب این است که بسیار خاص هستند. به این معنی که به یک تخصص خاص در یک حیطه اشاره میکنند. برای مثال اگر شما بخواهید طراحی وب را یاد بگیرید، باید چندین دوره‌ی مختلف و جدا را شرکت کنید:آموزش HTML5آموزش CSS3آموزش طراحی وبسایت واکنش گراآموزش جاوا اسکریپتآموزش جی کوئریترکیب جاوا اسکریپت و جی کوئری برای ساخت وبسایتو...ترکیب این چند دوره‌ی آموزشی، در نهایت از شما یک طراح وب حرفه‌ای میسازد. چون هرکدام از این دوره‌ها کوتاه و خاص هستند، پیگیری و مشاهده‌ی آن‌ها کار راحتی است.کاملا عملیدر اکثر دوره‌های بین المللی، تئوریات و تاریخچه ها اصلا جایی ندارد. همان ابتدا سلام میکنند، خود را معرفی میکنند و مستقیم به سراغ کدنویسی میروند. تمرین هایی کاملا عملی دارند و همه چیز را عملی و پروژه محور ارائه میکنند. در صورتی که در اکثر دوره‌های فارسی زبان، شما چندین ساعت فقط درباره‌ی تاریخچه‌ی تغیر و تحولات آن زبان برنامه نویسی باید اطلاعات بی استفاده دریافت کنید!!!حواسمون به اینا باشه:وقتی که قصد انتخاب یک دوره‌ی آموزشی رو داریم، باید مراقب یک سری نکات و جملات خطرناک باشیم که برای آموزش و یادگیری ما سم هستند.صفر تا صدهرجا کلمه‌هایی مثل صفر تا صد، کامل‌ترین و چیزهایی شبیه به آن‌را دیدید فورا فرار کنید. برنامه نویسی، طراحی و کلا هر تخصصی دیگری هیچ انتهایی برای آن وجود ندارد و اگر کسی ادعا کرد که میخواهد صفر تا صد یک تخصص را به شما بیاموزد، یک لبخند بزنید و سریعا از او دوری کنید.پیشنهاد میکنم مقاله برنامه نویسی چیست؟ را هم حتما مطالعه کنید.۶۰۰ ساعت آموزش کاربردیممکن است دوره‌های آموزشی بلند مدت بسیار خوب و حرفه‌ای هم داشته باشیم. اما صرفا اینکه یک دوره‌ی آموزشی چند ده ساعته یا بسیار طولانی است، دلیلی برای خوب بودن آن دوره‌ی آموزشی نیست.همانطور که گفتیم اگر یک دوره‌ی آموزشی بسیار بلند مدت دیدید، باید حواستان را بیشتر جمع کنید و بیشتر به آن شک کنید.بهترین و باسوادترین برنامه نویس ایراناگر اهل پیگیری فوتبال باشید، احتمالا میدانید که بهترین فوتبالیست‌ها، نمیتوانند بهترین مربی‌های فوتبال باشند. همینطور ممکن است یک فرد در دوران فوتبال خودش زیاد درخشان بازی نکند، اما در دوران مربی‌گری بسیار حرفه‌ای باشد.این موضوع این نکته را دربر دارد که همانطور که یک فوتبالیست حرفه‌ای، شاید نتواند یک مربی حرفه‌ای باشد، یک برنامه نویس حرفه‌ای هم شاید توانایی تدریس حرفه‌ای نداشته باشد.بسیار خوب است که یک برنامه نویس پروژه‌هایی بزرگ را انجام داده باشد و یا در چند شرکت بزرگ برنامه نویسی کد زده باشد، اما این موضوع صرفا به این دلیل نیست که او یک مدرس حرفه‌ای است.علی دایی نمونه موفق یک فوتبالیست و مربی خوب. اما آیا همه میتوانند مثل او هم در فوتبال بازی کردن درخشان باشند و هم در مربی گری؟ )تدریس و توانایی انتقال مفاهیم، خود یک تخصص است که متاسفانه بسیاری از مدرسان ما از آن محروم هستند.پس صرف اینکه یک فرد یک برنامه نویس حرفه‌ای است، دلیل نمیشود که آموزش‌هایی حرفه‌ای هم داشته باشد. توانایی تدریس فرد را بررسی کنید و اگر با شیوه‌ی تدریس او راحت بودید، آن زمان اقدام به شروع یادگیری از او کنید.میانبر، ترفند، راز و...هروقت در هر دوره‌ی آموزشی کلماتی مثل میانبر، ترفند، راز و کلماتی از این دست دیدید، سریعا از آن آموزش دوری کنید. در کسب تخصص، هیچ چیزی به نام میانبر یا راز وجود ندارد.بله، کسب تخصص سخت است و بله، باید برای یادگیری یک تخصص زمان کافی بگذارید. هیچ میانبر و راه کوتاهی وجود ندارد.حرف آخر :)تمام این حرف‌ها را زدیم که فقط به یک نکته حواسان باشد: زمان ما ارزشمند و منابع ما محدود است. باید مراقب باشیم که وقت و پولمان را در جایی درست هزینه کنیم تا بتوانیم بهترین بازدهی را داشته باشیم. در آینده در خصوص یادگیری برنامه نویسی و رو‌ش‌های آن مطالب دیگری را با شما به اشتراک خواهم گذشت.نظر شما دربا‌ره‌ی دوره‌های آموزش ناکارآمد چیست؟ آیا تجربه‌ی ناموفقی در خصوص انتخاب اشتباه یک دوره‌ی آموزشی اشتباه داشته‌اید؟منبع: یادیفای یادیفای یادیفای Thu, 17 Jan 2019 03:13:19 +0330 https://virgool.io/JavaScript8/%D8%AA%D9%81%D8%A7%D9%88%D8%AA-jpg-%D9%88-png-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-jplgu2jvsv04 شاید برای شما هم این سوال پیش آمده باشد که چرا بعضی وقت ها طراحان وب از تصاویری با فرمت jpg و در مواقعی دیگر از فرمت png استفاده میکنند. آیا میدانید تفاوت jpg و png در طراحی وب چیست؟دلیل این موضوع این است که این دو فرمت،‌در دنیای طراحی وب با هم تفاوت‌های بسیاری دارند و هرکدام در جایی خاص استفاده میشوند. در این آموزش بصورت عملی تفاوت jpg و png در طراحی وب رو بررسی میکنیم و یاد میگیریم که در چه زمان هایی باید از فرمت png و در چه زمان هایی باید از فرمت jpg استفاده کنیم.همینطور نحوه پیدا کردن و دانلود این ۲ گروه از تصاویر را هم یاد میگیریم. https://www.aparat.com/v/8n3JK تفاوت jpg و png در طراحی وبقبل از هرچیز باید بدانیم هر دوی این فرمت‌ها، برای تصاویر استفاده میشوند و در خیلی از موقعیت‌ها، تفاوت خاصی بین این دو فرمت وجود ندارد. ولی در بعضی از مواقع، تفاوت اصلی بین این دو فرمت بوجود می‌آید که در پروژه‌های مختلف طراحی وب، این تفاوت می‌تواند بسیار برای ما سودمند باشد. در ادامه درباره‌ی تفاوت jpg و png در طراحی وب مطالبی را میخوانیم.اگر میخواهید درباره‌ی طراحی وب بیشتر بدانید، این مقاله ها را مطالعه کنید:طراحی وب چیست؟ همه چیز درباره‌ی طراحی وب سایت (Web Design)Front End چیست و به چه کسی برنامه نویس فرانت اند میگویند؟تصاویر jpgفرض کنید میخواهیم تصویر یک خودرو را روی یک پس زمینه‌ی آبی رنگ در صفحه وب خودمان داشته باشیم. بعد از مراجعه به گوگل و دانلود عکس آن، با چند خط کد HTML و CSS ساده (که در فیلم آموزشی در ابتدای صفحه توضیح دادیم) چیزی شبیه به تصویر زیر را در مرورگر خواهیم داشت.تصویر یک خودرو، با پس زمینه سفید رنگ که روی پس زمینه‌ی آبی رنگ قرار گرفته است.همه چیز تا اینجای کار خوب است، اما شاید طراحی ما به شکلی باشد که نخواهیم آن پس زمینه سفید رنگ در پشت خودرو را داشته باشیم. دقیقا اینجای کار است که فرمت png به کمک ما می‌آید و به تفاوت jpg و png در طراحی وب پی میبریم.تصاویر pngاگر یک بار دیگر در گوگل جست و جویی بکنیم و تصویر یک خودرو را با فرمت PNG پیدا کنیم و آن را به صفحه خود اضافه کنیم، میبینیم که دیگر از آن پس زمینه‌ی سفید رنگ خبری نیست، و این دقیقا به این دلیل است که از یک تصویر png با پس زمینه شفاف  استفاده کرده‌ایم.تفاوت jpg و png در طراحی وب دقیقا همین مورد است. در جاهایی که نخواهیم تصویر ما دارای یک پس زمینه باشد، از یک تصویر با فرمت png و پس زمینه شفاف استفاده میکنیم.[quote font_size="18" bgcolor="#" color="#000" bcolor="#" arrow="no"]البته این موضوع به این معنا نیست که تمام تصاویر png دارای این خاصیت هستند. بلکه فقط تصاویری این خاصیت را دارند که دو شرط داشته باشند: ۱- فرمت آن‌ها png باشد ۲- پس زمینه آن‌ها شفاف باشد[/quote]حالا ممکن است این سوال برای شما پیش بیاید که چطور میتوانیم متوجه شویم که تصویر png که انتخاب کردیم، دارای پس زمینه‌ی شفاف است یا خیر. در ادامه این موضوع را بررسی میکنیم.نحوه‌ی دانلود تصاویر png و jpgبرای اینکه متوجه شویم تصویری که در حال دانلود آن از گوگل هستیم دارای پس زمینه شفاف است یا خیر، کافی هست روی آن عکس کلیک کنیم و به پس زمینه عکس دقت کنیم.اگه مانند تصویر زیر در قسمتی که با کادر قرمز مشخص شده، پس زمینه تصویر بصورت شطرنجی آمده بود، به این معناست که تصویر ما دو شرط لازم را دارد، یعنی هم فرمت آن png میباشد و هم پس زمینه‌ی آن شفاف میباشد.ولی اگر پس زمینه عکس، سفید بود، به این معناست که این تصویر دارای پس زمینه شفاف نمیباشد.منبع: یادیفای یادیفای یادیفای Sun, 13 Jan 2019 13:11:20 +0330 https://virgool.io/@yadify/%D8%AA%D9%81%D8%A7%D9%88%D8%AA-ide-%D9%88-text-editor-%D9%85%D8%B2%D8%A7%DB%8C%D8%A7-%D9%88-%D9%85%D8%B9%D8%A7%DB%8C%D8%A8-%D9%87%D8%B1%DA%A9%D8%AF%D8%A7%D9%85-%DA%86%DB%8C%D8%B3%D8%AA-bw2h2eetbkvu برای کسی که تازه وارد حیطه‌ی برنامه نویسی شده است، یکی از مهم‌ترین تصمیم‌هایی که باید بگیرد این است که یک محیط توسعه برای خود انتخاب کند. در این مقاله میخواهیم درباره‌ی تفاوت IDE و Text Editor ها صحبت کنیم، مسئله ای که میتواند دغدغه هر برنامه نویس تازه کار باشد. ممکن است بسیاری از برنامه نویسان و طراحان درگیر این باشند که کدام IDE یا Text Editor را برای کار انتخاب کنند. https://www.aparat.com/v/KzNdo تفاوت IDE و Text Editorیک برنامه نویس تازه کار وقتی میخواهد اقدام به انتخاب یک محیط توسعه کند، با دو مفهموم متفاوت روبرو میشود، IDE ها و Text Editor ها. هرکدام از این دو،‌ مزایا، معایب و کارکردهای خاص خودشان را دارند و با توجه به کاری که میخواهیم انجام دهیم، باید یکی از آن‌ها ( و یا شاید هر دوی آن‌ها را) انتخاب کنیم و همینطور تفاوت IDE و Text Editor ها را درک کنیم. یکی از نکات مهم این است که دقیقا متوجه شویم که تفاوت ide و Text editor چیست و کدام یک را باید انتخاب کنیم.در این مقاله میخواهیم درباره‌ی تفاوت IDE و Text Editor ها صحبت کنیم و هر آن چیزی که درباره‌ی تفاوت IDE و Text Editor را با هم مرور کنیم. همینطور میخواهیم بدانیم که آیا میشود با یک جفت دمپایی ساده، قله اورست را فتح کرد یا خیر!IDE چیست؟IDE مخفف Integrated Development Environment هست که میتوانیم آن‌را محیط توسعه یکپارچه ترجمه کنیم. میخواهیم کمی درباره‌ی مفهوم این عبارت صحبت کنیم.کاری که IDE ها برای برنامه نویسان انجام میدهند، این است که یک محلی (محیط) برای توسعه برنامه نویس فراهم میکنند که هر آن چیزی که برنامه نویس نیاز داشته باشد را در آن محیط بتواند استفاده کند. در واقع IDE ها تمام نیازهای برنامه نویسان را برطرف میکنند.نکته‌ای که در خصوص IDE ها وجود دارد این است که هر IDE مخصوص یک زبان برنامه نویسی خاص یا یک حیطه‌ی خاص از برنامه نویسی است. برای مثال شما نمیتوانید یک IDE داشته باشید و با آن هم طراحی وب کنید، هم اپلیکیشن های اندروید بنویسید و هم کدهای JAVA خود را اجرا کنید.IDE ها بصورت خاص برای زبان ها یا حیطه های برنامه نویسی خاص ساخته شده‌اند و در آن حیطه‌ی خاص، تمام آن چیزی که برنامه نویس به آن‌ها نیاز دارد را در اختیار او قرار میدهند.برای مثال فرض کنید شما یک طراح وب هستید. IDE ای که انتخاب میکنید به شما تمام آن چیزی که برای طراحی وب نیاز دارید را باید بدهد. در واقع در هنگام انتخاب IDE، باید به این موضوع فکر کنید که هنگام طراحی وب چه نیازهایی دارید و در مرحله‌ی بعد، به دنبال IDE  باشید که نیاز شما را برطرف کند.برای مثال، یک طراح وب هنگام کار، به موارد زیر ممکن است نیاز داشته باشد:بتواند رنگ های مورد نظر طراحی اش را سریعا انتخاب کند و یا تغییر دهدبتواند با سرویس Git ارتباط برقرار کندبتواند به FTP هاست خود متصل شود و کدهای سرویس آنلاین خود را تغییر دهدبتواند رنگ بندی خوبی در محیط توسعه خود داشته باشدبتواند به راحتی کدهای خود را مرتب کند تا کدها شلوغ نشده و تمرکز او را از بین نبردبتواند خطاهای کد خود را متوجه شده و خیلی سریع آن‌ها را برطرف کندلیست بالا برخی از مواردی است که به عنوان یک طراح وب، ممکن است به آن‌ها نیاز داشته باشید. با توجه به این مواد، باید یک IDE خوب پیدا کنید و از آن استفاده کنید.چند نمونه از IDE های معروفبرای هر حیطه‌ی برنامه نویسی، IDE های مختلفی است که شما با توجه به کاری که میخواهید انجام دهید، باید یکی از آن‌ها را انتخاب کنید. در زیر به برخی از IDE های معروف برای حیطه‌های مختلف برنامه نویسی اشاره میکنیم:PhpStorm: یک IDE قدرتمند برای نوشتن کدهای PHP (میتوان از آن برای HTML-CSS-JavaScript هم استفاده کرد)WebStorm: یک IDE قدرتمند برای طراحان وبEclipse: یک IDE قدرتمند برای نوشتن کدهای Java, C, C++, PythonXCode: یک IDE قدرتمند مخصوص توسعه اپ ها برای IOS و MacAndroid Studio: یک IDE قدرتمد مخصوص توسعه‌ی اپ های سیستم عامل اندریدهمانطور که در لیست بالا دیدید، هر IDE برای یک کار خاص طراحی و توسعه داده شده است. برای مثال شما نمیتوانید از Android Studio برای نوشتن اپ‌هایی برای سیستم عامل IOS استفاده کنید. همینطور از Eclipse نمیتوانید برای طراحی وب با HTML-CSS استفاده کنید. در واقع میتوان گفت:هر IDE را بهر کاری ساختند !چند مورد از مهم‌ترین ویژگی‌هایی که IDE ها دارندIDE ها بصورت پیشفرض ویژگی های بسیاری دارند که میتوانید از آن‌ها استفاده کنید:رنگی کردن قسمت های مختلف کد ها بسته به زبان برنامه نویسیامکان دیباگ کردن و رفع مشکلات کدهامرتب سازی کدها و تمیز کردن آن‌هااخطار به خطاهای املایی و نگارشی در متن هایی که مینویسیدامکان اتصال به FTP و ویرایش کدهای آنلاینامکان کار با Gitامکان کار با Command Lineویژگی های بسیاری در IDE ها بصورت پیشفرض وجود دارد که کار شما را بسیار راحت تر و سریع تر میکند. در ادامه میگوییم که البته این به این معنا نیست که Text Editor ها این ویژگی ها را ندارند. Text Editor ها بصورت پیشفرض یک نرم افزار ویرایش متن خام هستند که با نصب پکیج های مختلف، میتوانید امکانات مختلف را به آن‌ها اضافه کنید.Text Editor چیست؟Text Editor یکی دیگر از ابزارهایی است که به عنوان یک برنامه نویس میتوانید از آن استفاده کنید. Text Editor ها معمولات نرم افزارهایی بسیار سبک و سریع هستند که میتوانند به شما در کدنویسی کمک کنند و سرعت کار شما را تا چندین برابر افزایش دهند.مهم‌ترین مزیت Text Editor ها این است که بخاطر سبک بودن و نداشتن امکانات زیاد، سرعت بسیار بالایی دارند و برای کارهایی که میخواهید سریع انجام دهید مناسب هستندالبته Text Editor ها مزایا و معایب مختلفی دارد که در ادامه درباره‌ی آن‌ها صحبت میکنیم.چند نمونه از Text Editor های معروفText Editor های رایگان و غیر رایگان زیادی وجود دارند که میتوان از آن‌ها استفاده کرد. از معروف ترین Text Editor ها میتوان به موارد زیر اشاره کرد:Sublime Text (غیر رایگان)Atom (رایگان)Visual Studio Code (رایگان)++ Notepad (رایگان)هرکدام از این Text Editor ها ویژگی‌ها و طرفدارهای خاص خودشان را دارند. اگر میخواهید یک Text Editor را انتخاب کنید، باید ببینید با کدام یک از آن‌ها راحت تر هستید. در ادامه در خصوص روش انتخاب یک IDE یا Text Editor صحبت میکنیم.چرا باید/نباید از IDE ها استفاده کنیم؟در اینجا میخواهیم درباره‌ی مزایا و معایب IDE ها صحبت کنیم. دلیل‌های زیادی وجود دارد که باید از IDE ها استفاده کنیم و همینطور دلایلی وجود دارد که IDE ها کار ما را سخت میکنند. مواردی که در زیر عنوان شده، تجربه‌ی شخصی من در این چندسالی است که در حال استفاده از IDE ها و Text Editor ها می‌باشم.در خصوص مزایای IDE ها میتوان به موارد زیر اشاره کرد:IDE ها سیستم های کاملا یکپارچه ای هستند که تمام آن چیزی که برای توسعه در حیطه خود نیاز دارید را در اختیارتان قرار میدهند. اگر در حیطه‌ی برنامه نویسی خود IDE تان را هوشمندانه انتخاب کنید، یک پکیج کامل در اختیارتان قرار خواهد داد که تمام نیازهای برنامه نویسی شما را برطرف خواهد کرد.IDE ها به شما در دیباگ کردن و پیدا کردن مشکلات‌تان کمک بسیاری میکنند. حقیقت این است که در حین برنامه نویسی، زمانی که به نوشتن کدها اختصاص میدهیم، معمولا کمتر از زمانی است که مشغول رفع مشکلات کدهایمان هستیم. IDE ها به شما کمک میکنند که مشکلات کدهایتان را سریع تر پیدا کنید و سرعت کار خود را افزایش دهید.یکی از بزرگترین مزایای IDE ها امکانات دیباگ کردن آن‌هاست.IDE ها همه امکاناتی که شما نیاز دارید را بصورت پیشفرض روی خود دارند، اما در Text Editor ها شما برای هر امکان کوچکی که بخواهید به محیط توسعه‌ی خود اضافه کنید، مجبورید یک پلاگین (اصطلاحا Package) را نصب کنید.IDE ها معایبی هم دارند که در زیر به آن‌ها اشاره میکنیم:IDE ها معمولا حجم بسیار بالایی برای دانلود و نصب دارند که این حجم حداقل از ۱۰۰ مگ شروع میشود. در حالی شما میتوانید Text Editor ها را معمولا با حجم های بسیار کمی دانلود و نصب کنیدIDE ها هنگام استفاده منابع زیادی از سیستم شما را درگیر میکنند و به Ram زیادی برای کار نیاز دارند.IDE ها معمولا نرم افزارهای سنگینی هستند و برای اجرای اولیه، نیاز به چندین ثانیه زمان برای اجرا دارند (من روی سیستم عامل مک، PhpStorm را حدودا ۲۰ ثانیه طول میکشد با بصورت کامل و آماده داشته باشم!)IDE ها معمولا رایگان نیستند و برای استفاده از آن‌ها یا باید چندصد دلار هزینه کنید و یا ار روش های غیرقانونی مثل کرک کردن استفاده کنید.همانطور که در بالا مشاهده کردید، IDE ها مزایا و معایب خاص خودشان را دارند. ادامه‌ی مقاله را هم مطالعه کنید تا بتوانید یک انتخاب هوشمندانه داشته باشید و متوجه تفاوت IDE و Text Editor ها شوید.چرا باید/نباید از Text Editor ها استفاده کنیم؟همانند IDE ها، Text Editor ها هم مزایا و معایبی دارند که در اینجا میخواهیم به آن‌ها اشاره کنیم.مزایای Text Editor ها :اکثر Text Editor ها رایگان هستند برای استفاده از آن‌ها نیاز نیست هیچ هزینه‌ای پرداخت کنید.Text Editor ها بسیار سبک و سریع هستند و منابع زیادی از سیستم و Ram شما را اشغال نمیکنند.یک Text Editor در کندترین حالت، زیر ۵ ثانیه بصورت کامل لود میشود و قابل استفاده است.معایب Text Editor ها:Text Editor ها در قدم اول فقط یک ویرایشگر متن ساده هستند. چیزی که به Text Editor ها قدرت میدهد، پکیج هایی است که روی آن‌ها نصب میکنیم. یکی از معایب Text Editor ها این است که برای هرکاری باید پکیج مربوط به آن را پیدا کنیم، نصب کنیم و تنظیمات مربوط به آن‌را انجام دهیم ( که اینکار به شخصه از حوصله‌ی من خارج است)Text Editor ها در پیدا کردن مشکلات کد و دیباگ کردن، هرچقدر هم قوی باشند،‌ بازهم به پای IDE ها نمیرسند. یکی از بزرگترین مزایای IDE ها امکانات دیباگ کردن آن‌هاست.مشکلات زبان فارسی در IDE و Text Editor هامفهوم تفاوت IDE و Text Editor ها برای فارسی زبانان، با بقیه جهان متفاوت است. زیرا به یکی از چیزهایی که ما در کدنویسی های خودمان نیاز داریم، قابلیت پشتیبانی از زبان فارسی است. هرچقدر هم یک IDE یا Text Editor خوب و حرفه‌ای و عالی باشد، اگر از زبان فارسی پشتیبانی نکند، زیاد نمیتواند برای ما مفید باشد.برای مثال در دنیا Sublime  را به عنوان یک Text Editor بسیار خوب و حرفه ای میشناسند، اما Sublime هرچقدر هم حرفه‌ای و عالی باشد، چون از زبان فارسی پشتیبانی نمیکند، برای کسانی که با حروف فارسی در پروژه‌هایشان سر و کار دارند به درد نمیخورد.به شخصه چندین بار قصد مهاجرت به Sublime و کار با آن‌را داشتم که به دلیل عدم پشتیبانی از زبان فارسی نتوانستم با آن کار کنم.چون من یک طراح وب و برنامه نویس وب هستم، فقط Text Editor ها و IDE های حیطه‌ی تخصصی خود را به خوبی میشناسم و از  Text Editor ها و IDE های دیگر اطلاعی ندارم. در Text Editor ها و IDE های دنیای وب، پشتیبانی از زبان فارسی به شکل زیر است:Sublime بصورت کلی از زبان فارسی پشتیبانی نمیکند و حروف فارسی را بصورت برعکس نشان میدهدAtom حروف فارسی را به خوبی نشان میدهد، اما هنگام انتخاب یک بخش از حروف فارسی به مشکل برمیخورید و نمیتوانید با موس یک قسمت از متن را انتخاب (Select) کنید.Phpstorm تنها IDE است که نسبت به بقیه Text Editor ها و IDE ها، پشتیبانی بهتری از زبان فارسی دارد. در نسخه 2018 این نرم افزار، شما میتوانید بدون هیچ مشکلی حروف فارسی را بنویسید، بخوانید و اگر نیاز بود آن‌را ویرایش کنید.  همینطور هیچ مشکلی با انتخاب و Select کردن حروف فارسی ندارید.فتح قله اِوِرِست، با دمپایی!اگر بخواهید اقدام به فتح قله‌ی اورست بکنید، به چه چیزهایی نیاز دارید؟ شاید اولین جواب هرکس، وسایل کوهنوردی مناسب باشد. باید تمام آن چیزی که نیاز دارید را داشته باشید که بتوانید به قله برسید. آیا میشود با یک جفت دمپایی ساده، قله اورست را فتح کرد؟ در طرفی دیگر، اگر بخواهید از سرکوچه نان بربری برای صبحانه بخرید، نیاز ندارید که یک دست کت و شلوار براق و کفش ورنی بپوشید، با یک لباس ساده هم میتوانید اینکار را انجام دهید.در بحث تفاوت IDE و Text Editor و انتخاب آن‌ها هم دقیقا همین موضوع مطرح است. اگر بخواهیم به سوال «کدام IDE یا Text Editor را انتخاب کنیم؟» جواب دهیم، باید بگوییم برای چه کاری؟ آیا میخواهید یک پروژه‌ی بسیار بزرگ چند صد هزار خط کدی را داشته باشید؟ و یا فقط میخواهید یک پروژه‌ی تستی و تمرینی را برای خود اجرا کنید؟البته این حرف به این معنا نیست که نمیتوانید پروژه های بزرگ با Text Editor ها به پایان برسانید. شما میتوانید Text Editor ها را با پکیج هایی که روی آن‌ها نصب میکنید، بسیار قدرتمند و حرفه‌ای کنید. اما بارها شده است که از دوستان برنامه نویسم، افرادی دیده ام که با Text Editor و یا کدهای خود ساعت‌ها و روزهاست که درگیر یک مشکل هستند، در صورتی که همان کار را یک IDE برای من بسیار سریع‌تر و حرفه‌ای تر انجام میدهد.تجربه‌ی شخصی من در خصوص تفاوت IDE و Text Editorبارها شده است که تبلیغ و تعریف های Text Editor ها شنیده‌ام و سعی کرده‌ام که به آن‌ها مهاجرت کنم و یک Text Editor را برای کارهای همیشگی خودم انتخاب کنم. در این انواع تست هایی که داشتم، Text Editor های Sublime, atom, visual studio و... را بررسی کردم و مدتی با آن‌ها کار کردم. اما بعد از مدتی دست از پا درازتر به سمت PhpStorm برگشتم و نتوانستم با Text Editor ها هیچ رابطه ای برقرار کنم.بنظرم یکی از بزرگ‌ترین مشکلات Text Editor ها این است که برای هرکاری که بخواهید انجام دهید، باید پکیج مربوط به آن‌را پیدا و نصب کنید. برای من که کارهای بسیار زیادی با PhpStorm انجام میدادم، خیلی سخت و زمان‌بر بود که بخواهم تک به تک به دنبال پکیج‌هایی باشم که بتوانم روی Text Editor ها نصب کنم و آن‌ امکانات را داشته باشم. خوبی PhpStorm و کلا IDE ها این است که همه چیز را یکجا دارند و شما برای استفاده، به هیچ وجه نیاز به نصب هیچ پلاگین یا پکیج خاصی نیستید. فقط کافی‌ست مثلا PhpStorm را نصب کنید و بعد، تمام آن چیزی که برای شروع طراحی و برنامه نویسی وب نیاز دارید در اختیار شما قرار خواهد گرفت.تجربه شخصی من در خصوص مهاجرت به یک Text Editor همیشه ناموفق بوده است. یا با پکیج ها به مشکل برخورده ام و یا با پشتیبانی زبان فارسی. گاهی اوقات هم به دنبال یک ویژگی خاص بودم که بتوانم با استفاده از پکیج‌ها، آن رابه Text Editor خود اضافه کنم، اما پکیج مربوط به آن را پیدا نکردم، یا اگر هم پیدا کردم، کیفیت و کارایی لازم را نداشته است.کدام IDE یا Text Editor را انتخاب کنیم؟ خود خواه باشید!نمیتوان به این سوال یک پاسخ قطعی داد. انتخاب یک محیط توسعه، بصورت کامل به خودتان بستگی دارد. کسی نمیتواند به شما بگوید که از فلان Text Editor یا IDE استفاده کن. باید در این زمینه خودخواه باشید.Text Editor ها و IDE های معروف و مختلف را نصب کنید، تست کنید، مدتی با آ‌ن کار کنید و اگر احساس راحتی نکردید،‌ حذف کنید. همه چیز به شما بستگی دارد. ببینید که احساستان نسبت به کدام Text Editor یا IDE خوب است. به هرکدام احساس خوبی داشتید و با آن راحت‌تر بودید، شروع به استفاده از آن‌ کنید.شاید یک Text Editor برای من اصلا دوست داشتنی و راحت نباشد، اما شما آن‌را نصب کنید و از کار با آن لذت ببرید. همه چیز بستگی به خودتان دارد. فقط کافی است احساستان را دنبال کنید.اما این نکته را مدنظر داشته باشید که هر Text Editor یا IDE را که انتخاب میکنید، باید فرایند کاری شما را سریع و لذت بخش کند. اگر میتوانید کارتان را با یک Text Editor یا IDE خاص بهتر انجام دهید، سعی کنید از آن استفاده کنید.امتحان کنید، دوست نداشتید، تغییر دهیدمهم‌ترین چیز در بحث انتخاب یک موضوع تست کردن است. همیشه وقتی گزینه‌های زیادی را برای انتخاب دارید، شروع به تست کردن کنید.تست کردن به شما تجربه اضافه میکند. ممکن است برای انتخاب یک Text Editor یا IDE مجبور باشید چندین گزینه را نصب و حذف کنید تا نهایتا آن چیزی را که میخواهید پیدا کنید.من به شخصه از PhpStorm برای طراحی و برنامه نویسی وب استفاده میکنم. اما قبل از آن ده‌ها Text Editor و IDE مختلف را بررسی و تست کرده‌ام. الان هم از هر Text Editor یا IDE تعریفی میشنوم، یکبار آن را تست میکنم که ببینم آیا کارهای من را بهتر و سریع تر انجام میدهد یا خیر. با تحقیق ها و بررسی هایی که میکنم میتوانم تفاوت IDE و Text Editor های مختلف را بهتر متوجه شوم و تصمیم بهتری بگیرم.نکته‌ی مهم این است که به ابزارهایی که استفاده میکنیم هیچ تعصب خاصی نداشته باشیم. هدف ما پیشرفت کردن است. اگر یک ابزار یا نرم افزار خاص میتواند مارا زودتر به هدفمان برساند،‌ چرا نباید از آن استفاده کنیم؟حتما به یک Text Editor تسلط داشته باشیدنکته‌ی مهمی که در خصوص طراحان و برنامه نویسان وب وجود دارد این است که حداقل باید با یک Text Editor آشنایی خوبی داشته باشند. IDE ها چون نرم افزارهای کاملی هستند، معمولا برای اجرا شدن به چندین ثانیه (یا دقیقه،‌ بسته به قدرت سیستم شما) نیاز به زمان برای اجرا دارند. ممکن است شما بخواهید یک کد یا بخشی از آن را خیلی سریع اجرا و ویرایش کنید. در این مواقع نیاز به یک Text Editor دارید که بتوانید سریع آن کار را انجام دهید. چون Text Editor ها خیلی سریع هستند و میتوانند در چند ثانیه بصورت کامل باز و آماده استفاده شوند. سرعت در اجرا یکی از موارد مهم در تفاوت IDE و Text Editor می‌باشد.با اینکه IDE اصلی من PhpStorm است، اما همیشه Sublime و Atom را دم دستم دارم که اگر بخواهم تکه کدی را خیلی سریع مشاهده یا ویرایش کنم، از آن‌ها استفاده کنم.در این مقاله بصورت کامل درباره‌ی تفاوت ide و Text editor صحبت کردیم. تصمیم شما چیست؟ برای کار IDE ها انتخاب میکنید یا Text editor ها را؟ بنظرتان مزایا و معایب هرکدام چیست؟ چه تجربه‌ای در استفاده از ide ها و  Text editor ها دارید؟آموزش جامع تمام IDE ها و Text Editor های معروفتعداد بسیار زیادی از دوستان درخواست داشتند که بصورت کامل، IDE ها و Text Editor های معروف را آموزش دهیم و روش کار با آن‌ها را بصورت جزئی و تک به تک در سایت قرار بدیم. به همین دلیل ماهم سری آموزشی مقالات زیر رو در نظر گرفتیم که امیدواریم برای شما بسیار کاربردی باشد:کامل‌ترین آموزش Sublime Text 3 (ویدئویی و کاملا رایگان)بزودی: کامل‌ترین آموزش PHP Storm (ویدئویی و کاملا رایگان)بزودی: کامل‌ترین آموزش Atom (ویدئویی و کاملا رایگان)بزودی: کامل‌ترین آموزش Visual Studio Code (کاملا رایگان)بزودی: کامل‌ترین آموزش Brackets (ویدئویی و کاملا رایگان)منبع: یادیفای یادیفای یادیفای Thu, 10 Jan 2019 23:09:37 +0330 https://virgool.io/@yadify/%D8%AA%D9%81%D8%A7%D9%88%D8%AA-%D9%85%D8%AA%D8%AF-get-%D9%88-post-%D8%AF%D8%B1-php-%D9%85%D8%AB%D8%A7%D9%84-%D8%B9%D9%85%D9%84%DB%8C-hgjjyvl9efkc آیا تابه‌حال به تفاوت متد GET و POST در PHP فکر کرده‌اید؟ معمولا در اپلیکیشن‌های وبی که می‌نویسیم خیلی پیش می‌آید که بخواهیم اطلاعاتی را از سمت کاربر به سمت سرور بفرستیم. برای این نوع ارسال اطلاعات چند روش مختلف دارد که دور روش POST_$ و GET_$ از معروف‌ترین آن‌ها می‌باشد. این دو روش تفاوت‌هایی باهم دارند که در این مطلب به تفاوت‌های آن‌ها میپردازیم و یک مقایسه‌ای بین آن‌ها انجام می‌دهیم.تفاوت متد GET و POST در PHPاگر میخواهید تفاوت متد GET و POST در PHP را متوجه شوید، پیشنهاد میکنیم ویدئوی آموزشی زیر را مشاهده کنید https://www.aparat.com/v/z05F6 متد GET_$متدی است که شما هر اطلاعاتی را که بخواهید توسط آن به سمت سرور بفرستید را در قسمت آدرس‌بار مرورگر وارد میکند و از آن طریق به سمت سرور می‌فرستند.برای شما شما فرض کنید که فرمی دارید و میخواهید نام کاربری و کلمه عبور کاربران را از سمت کامپیوتر او به سمت سرور بفرستید، یک چیزی شبیه این کد :<form action="action.php" method="get"> <input type="text" name="username" placeholder="Username ..."><br><br> <input type="password" name="password" placeholder="Password ..."><br><br> <input type="submit" value="Login"> </form>این کد اطلاعات را از کاربر دریافت میکند و بلافاصله بعد از کلیک بر روی دکمه‌ی Login اطلاعات را به فایلی که در مقدار action در خط اول اشاره شده می‌فرستد. سپس می‌توانیم از فایل action.php به اطلاعاتی که از این فرم ارسال شده دسترسی داشته باشیم.تفاوت متد GET و POSTدقت کنید که در همان خط اول ما method را برابر get قرار دادیم و این به این معنا است که میخواهیم اطلاعات این فرم را از طریق متد get به صفحه‌ی action.php بفرستیم. حالا اگر username و password را وارد کنیم و روی دکمه‌ی Login کلیک کنیم به صفحه‌ی action.php منتقل میشویم.حالا اگر به قسمت آدرس‌بار مرورگرمان نگاه کنیم میبینیم که همان اطلاعاتی که در فرم نوشته بودیم در آدرس هم قرار دارد و برای ما نمایش داده میشود :از این میتوانیم متوجه شویم که متد get برای اطلاعاتی که بسیار طولانی هستند و یا اطلاعاتی که ارزش امنیتی دارند اصلا مناسب نمی‌باشد. مثل همین مثال که ما اصلا درست و منطقی نیست کلمه عبور کاربران را با متد get به سرور بفرستیم، زیرا اطلاعات آن‌ها به خطر میافتد.در همان فایل action.php می‌توانیم به این شکل به اطلاعاتی که از همان فرم فرستادیم دسترسی پیدا کنیم :<?php $username = $_GET["username"]; $password = $_GET["password"]; echo $username . ' ' . $password; ?>متد POST_$متد post روش امن تری برای ارسال اطلاعات است و دیگر اگر اطلاعات فرم را از طریق متد post به صفحه‌ی دیگری بفرستیم، آن اطلاعات به هیچ طریقی قابل دسترسی نخواهند بود و از امنیت خوبی بهره میبرند.برای ارسال اطلاعات یک فرم از طریق متد post کافیست هنگام تعریف یک فرم به این شکل عمل کنیم :<form action="action.php" method="post"> ... </form>و اگر بخواهیم اطلاعات را درون فایل action.php بخوانیم کافیست کدی که بالاتر گفتیم را به این شکل تغییر دهیم :$username = $_POST["username"]; $password = $_POST["password"]; echo $username . ' ' . $password;برای درک بهتر این مباحث پیشنهاد میکنم آموزش ویدئویی اول این مطلب را دانلود و تماشا کنید تا مطالب را بهتر و عمیق تر درک کنید. اگر به دنبال جزئیات خیلی بیشتر از تفاوت GET و POST هستید،‌ مطالعه‌ی این مقاله از سایت diffen میتواند بسیار مفید باشد.در این مقاله و فیلم آموزشی در یادیفای سعی کردیم بطور کامل تفاوت متد GET و POST را بررسی کنیم. در آموزش های آینده در مورد این دو متد ارسال و دریافت اطلاعات بیشتر صحبت میکنیم.منبع: یادیفای یادیفای یادیفای Thu, 10 Jan 2019 23:03:03 +0330 https://virgool.io/JavaScript8/css-reset-%DA%86%DB%8C%D8%B3%D8%AA-%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7-%D9%88-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%DA%A9%D8%A7%D9%85%D9%84-css-reset-uhb0dv01dky2 اگر تجربه‌ی طراحی صفحات وب را داشته باشید، حتما به این مورد برخورد کرده‌اید که شکل ظاهری وبسایت شما در مرورگرهای مختلف به شکل های مختلفی نمایش داده میشود. برای مثال سایتی که شما طراحی کرده‌اید، در مرورگر گوگل کروم به یک شکل نمایش داده میشود و در مرورگر فایرفاکس به شکل دیگری. راه حل این موضوع استفاده از CSS Reset ها است. در این مقاله و فایل آموزشی بصورت کامل بررسی میکنیم که CSS Reset چیست و چطور میتوان از آن‌ CSS Reset ها استفاده کرد.CSS Reset چیستبرای درک کامل CSS Reset ها و رسیدن به پاسخ سوال CSS Reset چیست ، فیلم آموزشی زیر میتواند بسیار مفید باشد https://www.aparat.com/v/ba3W4 انواع مرورگرهاهمانطور که میدانید ما انواع مختلفی از مرورگرها داریم. ممکن است شما به عنوان یک طراح وب یا برنامه نویس وب، از مرورگرهای مختلفی مثل گوگل کروم، فایرفاکس، اینترنت اکسپلورر، سافاری و... استفاده کنید.هرکدام از مرورگرهای موجود، یک سری استایل های پیشفرضی دارند که روی تگ های HTML اعمال میکنند. برای مثال گوگل کروم و فایرفاکس، مقادیر مختلفی از margin ها، padding ها و... را روی تگ های HTML اعمال میکنند.این استایل های پیشفرضی که توسط مرورگرها روی تگ های مختلف HTML اعمال میشود، باعث میشود که نحوه‌ی نمایش صفحه‌ی وب طراحی شده توسط شما در مرورگرهای مختلف بصورت های متفاوتی باشد. زیرا استایل های پیشفرض مرورگرها با هم متفاوت است.چرا باید از CSS Reset ها استفاده کنیم؟برای اینکه بتوانید این استایل های پیشفرض مرورگرها را از بین ببرید و خنثی کنید، باید از CSS Reset ها استفاده کنید. در واقع اگر بخواهیم بگوییم که CSS Reset چیست ، میتوانیم این تعریف را داشته باشیم:CSS Reset چیست : CSS Reset ها به شما کمک میکنند که استایل های پیشفرضی که مرورگرها روی تگ های مختلف اعمال میکنند را خنثی کنید و از بین ببرید. این موضوع باعث میشود که صفحه‌ی وب طراحی شده توسط شما در نهایت روی تمامی مرورگرها، به یک شکل نمایش داده میشود.در واقع CSS Reset ها به شما کمک میکنند که طراحی یکسانی در تمام مرورگرها داشته باشید.شاید برایتان سوال پیش بیاید که CSS Reset چیست ؟ آیا یک روش کدنویسی است؟ یا یک کتابخانه است؟CSS Reset فقط چند خط کد ساده‌ی CSS است. شما چند خط کد ساده‌ی CSS را وارد پروژه‌ی خود میکنید. همین. بعد از آن، تمامی استایل های پیشفرض مرورگرها خنثی میشود.CSS Reset چیست و دقیقا چه کاری میکند؟قبل از اینکه بخواهیم روش استفاده از CSS Reset را یاد بگیریم، در زیر میخواهیم یک صفحه‌ی وب را در دو حالت بررسی کنیم. حالت اول، وقتی CSS Reset روی آن صفحه‌ وب تنظیم نشده است و حالت دوم وقتی که CSS Reset رو آن تنظیم شده است.یک صفحه‌ی وب ساده بدون استفاده از CSS Reset شکلی شبیه به زیر خواهد داشت:اما وقتی CSS Reset را وارد یک صفحه‌ی وب میکنید و از آن استفاده میکنید، صفحه‌ی وب‌تان شبیه عکس زیر میشود:همانطور که در تصویر بالا میبینید، بعد از استفاده از CSS Reset ها، چند اتفاق برای سایت شما می‌افتد:همه‌ی padding ها و margin های پیشفرض مرورگر ها از بین میرودهمه‌ی استایل های متون مثل سایز، رنگ، کلفتی متن و... از بین میرودو بطور خالی صفحه‌ی وب شما خالی از هرگونه استایل پیشفرض میشود.بعد از استفاده از CSS Reset ها، شما میتوانید بدون دخالت استایل های پیشفرض مرورگرها، اقدام به طراحی صفحات وب خودتان کنید. صفحات وبی که در همه‌ی مرورگرها به یک شکل نمایش داده میشود، زیرا استایل های پیشفرض مرورگرها را با استفاده از CSS Reset ها خنثی کرده‌ایم.روش استفاده از CSS Reset هابرای اسفتاده از CSS Reset ها کافیست چند خط کد ساده‌ی CSS را که از قبل نوشته شده است را وارد فایل استایل خود کنید.برای اینکار ابتدا کد زیر را کپی کنید (منبع):html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }سپس یک فایل مثلا با نام reset.css بسازید و این کد ها را در آن قرار دهید.کار تمام است. الان فقط کافی است که این فایل را با استفاده از یک خط کد HTML ساده، در قسمت تگ <head> فایل HTML خود وارد کنید تا استایل های CSS Reset لود شود:<link rel="stylesheet" href="reset.css">با استفاده از اینکار میتوانید کاری کنید که تمام استایل های پیشفرض مرورگرهای مختلف خنثی شود.در این مقاله بصورت خلاصه سعی کردیم به سوال CSS Reset چیست پاسخ دهیم. برای درک عمیق این مطلب، پیشنهاد میکنیم که حتما فیلم آموزشی موجود در ابتدای این مقاله را مشاهده بفرمایید تا خیلی دقیق متوجه شوید که CSS Reset چیست و چطور میتوانید از آن استفاده کنید.منبع: یادیفای یادیفای یادیفای Fri, 04 Jan 2019 21:21:27 +0330 https://virgool.io/@yadify/%D8%AE%D9%85%DB%8C%D8%AF%D9%87-%DA%A9%D8%B1%D8%AF%D9%86-%DA%AF%D9%88%D8%B4%D9%87%DB%8C-%D8%A7%D9%84%D9%85%D8%A7%D9%86%D9%87%D8%A7-border-radius-%D8%AF%D8%B1-css-vhtyxaqkkwyf در CSS3 امکانی افزوده شده است که با استفاده از آن میتوانید گوشه ی المان های خودتان را بصورت گرد شده و خمیده شده داشته باشید. این خاصیت Border Radius در CSS نام دارد. در این آموزش یاد میگیریم که چطور میتوانیم با استفاده از سی اس اس (CSS) گوشه‌ی المان ها را خمیده یا گرد کنیم.Border Radius در CSSاگر میخواهید با خاصیت Border Radius در CSS بصورت کامل آشنا شوید، پینشهاد میکنم حتما فایل آموزشی زیر را مشاهده کنید. https://www.aparat.com/v/C9En8 برای اینکه بتوانیم از Border Radius در CSS استفاده کنیم، نیاز هست که مرورگری داشته باشیم که از کدهای CSS3 پیشتیبانی کنند. اگر مرورگر شما یک مرورگر معروف و بروز باشد، از این قابلیت  کاملا پشتیبانی خواهد کرد.Border Radius قابلیتی است که در آخرین نسخه CSS یعنی سی اس اس ۳ معرفی شده است و به شما کمک میکند که به راحتی گوشه المان هایتان را بصورت گرد شده داشته باشید.برای استفاده از Border Radius در CSS کافی است که یک المان را در CSS انتخاب کنیم. برای مثال در تکه کد زیر، ما یک div با کلاس mydiv ساخته ایم و در CSS به آن طول و ارتفاع ۲۰۰ پیکسل و رنگ پس زمینه‌ی قرمز را داده‌ایم:.mydiv{ width:200px; height:200px; background-color: red; }الان میتوانیم از خصوصیت Border Radius در CSS استفاده کنیم. برای اینکار، تکه کد زیر را به کد CSS خود اضافه میکنیم:border-radius: 10pxبا استفاده از اضافه کردن این تکه کد به کدهای بالا، خروجی کار ما شبیه به تصویر زیر میشود:همین کار را دقیقا با عکس ها هم میتوانید انجام دهید. برای مثال اگر بخواهید یک تصویر داشته باشید که گوشه‌هایش گرد و خمیده باشد، Border Radius در CSS به کمک شما خواهد آمد. برای اینکار دوباره یک عکس را انتخاب میکنیم، آنرا با اسفتاده از تگ img وارد صفحه‌ی وب خود میکنیم و کد زیر را برای آن مینویسیم:img{ border-radius: 20px; }با استفاده از این تکه کد، عکسی که در صفحه‌ی وب‌مان وارد کرده بودیم، با اسفتاده از Border Radius در CSS ، گوشه‌هایش به اندازی ۲۰ پیکسل خمیده میشود و به شکل زیر در می‌آید:تبدیل یک المان یا عکس به دایره با Border Radius در CSSشما میتوانید عکس ها یا المان های خودتان را با استفاده از Border Radius در CSS به شکل دایره تبدیل کنید. برای اینکار کافی است که ۲ کار را انجام دهید:مقدار width و height عکس یا المانی که میخواهید دایره شود را به یک میزان قرار دهید. مثلا هر دوی آ‌ن‌ها ۲۰۰ پیکسل باشد. تا عکس یا المان شما یک شکل مربع به خود بگیرد.سپس مقدار Border radius آن‌را برابر مقدار %50 قرار دهید.با استفاده از انجام این ۲ کار، المان یا عکس شما بصورت دایره‌ای شکل نمایش داده میشود:در این مقاله درباره‌ی Border Radius در CSS صحبت کردیم. با استفاده از خصوصیت Border Radius در CSS میتوان کارهای خیلی جذاب و پیچیده‌ای نیز کرد که در مقالات آینده در یادیفای درباره‌ی آن‌ها صحبت خواهیم کرد.مطالعه‌ی مقاله‌ی CSS3 چیست هم میتواند برایتان مفید باشد.منبع: یادیفای یادیفای یادیفای Fri, 04 Jan 2019 01:04:03 +0330 https://virgool.io/@yadify/%D8%AA%D9%81%D8%A7%D9%88%D8%AA-div-%D9%88-span-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-f4ne00j87vsg اگر کمی با طراحی وب آشنا باشید و در این زمینه فعالیت کرده باشید، حتما متوجه شده‌اید که در طراحی صفحات وب، دو تگ کاربرد بسیاری دارند که کار هر دوی آن‌ها، بخش بندی قسمت‌های مختلف یک صفحه وب است. این دو تگ، تگ های div و span میباشند که شاید تفاوت بین این دو تگ، برای بسیاری از افراد واضح و مشخص نباشد. در این آموزش بصورت دقیق و حرفه‌ای به بررسی تفاوت div و span میپردازیم و یاد میگیریم در چه موقعیت هایی باید از تگ div و در چه موقعیت های دیگری باید از تگ span استفاده کنیم. https://www.aparat.com/v/VnwRZ تفاوت div و span در طراحی وبشاید برایتان سوال باشد که چه زمان هایی باید از تگ div و چه زمان هایی باید از تگ span  استفاده کنیم. در این بخش به بررسی این موضوع میپردازیم و میفهمیم که کاربرد و تفاوت div و span در دنیای طراحی وب چیست؟تفاوت المان های inline و blockدر دنیای طراحی وب ما با دو نوع از المان ها همیشه سر و کار داریم:المان های in-lineالمان های blockالمان های in-line المان هایی هستند که اگر قبل و بعد از آن ها متنی قرار دهیم، تمام آن متن را در یک خط قرار میدهند. مثل تگ span.اما المان های block به این صورت هستند که اگر قبل و بعد از آن‌ ها متنی قرار دهیم، آن محتوایی که بین آن تگ block نوشته شده است، برای ما در یک خط جدید آورده میشود. مثل تگ div, p, h1, h2 و... .در تصویر زیر و همانطور در فیلم آموزشی بالا این موضوع بهتر توضیح داده شده است:کاربرد تگ divهنگام طراحی یک صفحه وب، قسمت های مختلفی برای آن صفحه باید طراحی شود. مثل هدر، سایدبار، فوتر و... .از تگ div برای تقسیم بندی قسمت های مختلف یک صفحه وب استفاده میشود.کاربرد تگ spanاما از تگ span زمانی استفاده میشود که بخواهیم به یک قسمت خاص از متن،‌ یک استایل خاص بدهیم.برای مثال وقتی که بخواهیم در متن فوتر، اسم کسب و کارمان را با فونت و شکلی متفاوت داشته باشیم، میتوانیم از تگ span استفاده کنیم و نهایتا با دادن استایل های css به آن تگ span، ظاهری متفاوت را برای آن طراحی کنیم.طراحی منبع: یادیفای یادیفای یادیفای Thu, 03 Jan 2019 02:33:17 +0330 https://virgool.io/@yadify/css3-%DA%86%DB%8C%D8%B3%D8%AA-%D9%88-%DA%86%D9%87-%D8%AA%D9%81%D8%A7%D9%88%D8%AA%DB%8C-%D8%A8%D8%A7-css-%D8%AF%D8%A7%D8%B1%D8%AF-ele2yghg8539 در آموزش قبلی بصورت به سوالات HTML چیست؟ HTML5 چیست؟ و CSS چیست؟ پاسخ دادیم. حالا ممکن است برایتان سوال پیش آمده باشد که CSS3 چیست . اگر بخواهیم یک جواب کوتاه بدهیم،‌ میتوانیم بگوییم CSS3 آخرین نسخه از CSS است که بسیاری از کارها را برای ما راحت تر میکند. در ادامه بصورت بسیار کامل تر درباره‌ی سی اس اس ۳ صحبت میکنیم و بصورت کامل به سوال CSS3 چیست پاسخ میدهیم. با من همراه باشید.CSS3 چیستاگر به دنبال یک پاسخ جامع و کامل به سوال CSS3 چیست هستید، مشاهده‌ی فیلم زیر میتواند برای شما بسیار مفید باشد راطhttps://www.aparat.com/v/Ni1fH چرا باید از CSS3 استفاده کنیمدر جواب به سوال CSS3 چیست میتوانیم بگوییم:CSS3 آخرین نسخه از تکنولوژی CSS است که امکانات بسیار فوق العاده ای دارد. قبل از ارائه‌ی CSS3، انجام برخی از کارها در دنیای وب بسیار سخت و پیچیده بود. اما CSS3 امکاناتی را به صفحات وب اضافه کرد که باعث شد انجام بسیاری از کارها خیلی ساده‌تر شود و صفحات وب زیبایی خاصی پیدا کنند.امروزه استفاده از CSS3 در طراحی‌های وب ضروری است و باید از آن استفاده کنیم. زیرا CSS3 ویژگی هایی دارد که استفاده از آن‌ها، یک زیبایی و چشم نوازی خاصی به صفحه وب ما میدهد. در ادامه‌ی این مقاله بیشتر با ویژگی های CSS3  آشنا میشویم.شاید برایتان سوال باید که چرا به CSS، میگوییم تکنولوژی، و نمیگوییم یک زبان برنامه نویسی. زیرا CSS هرگز نمیتواند یک زبان برنامه نویسی باشد. دلیل آن‌را در این مقاله بررسی کردیم: چرا CSS نمیتواند یک زبان برنامه نویسی باشد.CSS3 = دنیایی از ویژگی های جدیدهمانطور که گفتیم، اگر بخواهیم بگوییم که CSS3 چیست ، میتوانیم بگوییم که CSS3 اخرین نسخه از CSS است که دنیایی از ویژگی های فوق العاده را در خود جای داده است!اگر بخواهیم برخی از ویژگی های فوق العاده CSS3 را بررسی کنیم،‌ میتوانیم لیست زیر را داشته باشیم:Selector های جدید و پیشرفتهدر CSS2 شما بصورت بسیار محدود میتوانستید تگ های HTML را انتخاب کنید. مثلا باید برای تگ هایتان id یا class تعریف میکردید و سپس در CSS به آن ها با استفاده از نقطه (.) یا علامت هَش (#) دسترسی پیدا میکردید.اما در CSS3 شما میتوانید به شکل های بسیار پیشرفته‌ای تگ های HTML خود را انتخاب کنید. پشتیبانی از فرمت‌های رنگی جدیددر CSS3 شما امکان استفاده از انواع فرمت های رنگی مثل HEX, RGB, RGBA و دیگر فرمت های غیر مرسوم را دارید. همه این فرمت ها به خوبی در CSS3 پیشتیبانی میشوند.گوشه‌های گرد (Border Radius)یکی دیگر از ویژگی های فوق العاده CSS3، امکان خمیده کرده گوشه ها با استفاده از یک خط کد ساده است. قبل از CSS3،‌ شما برای خمیده کردن گوشه‌ها، باید کدهای زیادی را مینوشتید یا از روش های جایگزین دیگری استفاده میکردید، اما الان در CSS3 کافی است که از عبارت border-radius: 5px استفاده کنید تا المان‌تان ۵ پیکسل خمیدگی در گوشه‌هایش پیدا کند.سایه برای اجسام (Box Shadow)در CSS3 شما میتوانید به راحتی برای اجسام خود سایه تعریف کنید. این سایه را میتوانید با دستور box-shadow در CSS3 داشته باشید.سایه برای متن ها (Text Shadow)همینطور امکان سایه برای متن ها نیز در CSS3 اضافه شده است که براحتی با دستور text-shadow به شما امکان اضافه کردن سایه به متن ها را میدهد.انواع گرادیانت (Gradient)گرادیانت به افکتی میگویند که در یک محیط، یک رنگ بصورت تدرجی به رنگ دیگری تبدیل میشود. اینکار را در CSS3  براحتی میتوانید انجام دهید و افکت های زیبایی را طراحی کنید.ساخت اشکال مختلف با CSS3اگر از من بپرسید که بنظرت جذاب ترین ویژگی CSS3 چیست ، میتوانم بگویم قابلیت ساخت اشکالی باور نکردی با استفاده از CSS3.اگر میخواهید ببینید که چه اشکال فوق العاده‌ عجیبی با CSS3 میتوانید بسازید، این مطلب از css-tricks را مطالعه کنید تا متعجب شوید.اجرای کدهای CSS3همانند HTML, برای اجرای کدهای CSS و CSS3 نیز شما به هیچ ابزار یا نرم افزار خاصی نیاز ندارید. فقط کافی است از مرورگری استفاده کنید که از CSS3 پشتیبانی کند. که تقریبا تمام مرورگرهای روز دنیا این کار را انجام میدهند. برای اجرای کدهای CSS3، کافیست کدهایتان را بنویسید و با یک مرورگر بروز آن‌را اجرا کنید.در این مقاله از یادیفای بصورت کامل به سوال CSS3 چیست پاسخ دادیم. مطالعه‌ی مقالات زیر نیز میتواند برایتان بسیار مفید باشد.HTML چیست و چه کاربردی دارد؟HTML5 چیست و چه تفاوتی با HTML دارد؟CSS چیست و چه کاربردی دارد؟CSS3 چیست و چه تفاوتی با CSS دارد؟منبع: یادیفای یادیفای یادیفای Thu, 27 Dec 2018 18:10:03 +0330 https://virgool.io/@yadify/css-%DA%86%DB%8C%D8%B3%D8%AA-%D9%88-%DA%86%D9%87-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%AF%DB%8C-%D8%AF%D8%A7%D8%B1%D8%AF-zx8bzzalga0l اگر در طراحی وب تازه کار باشید، حتما واژه‌ی CSS به گوشتان خورده است و حتما برایتان سوال پیش آمده است که CSS چیست . در این فایل و ویدئوی آموزشی میخواهیم بصورت کامل به این سوالات جواب دهیم: CSS چیست ؟ CSS چه کاربردی دارد؟ فایل ‌ها و کدهای CSS چطور اجرا میشوند؟ و تفاوت CSS با CSS3 چیست؟  با من در این آموزش همراه باشید.CSS چیستاگر میخواهید خیلی دقیق به پاسخ سوال CSS چیست برسید، فیلم آموزشی زیر را مشاهده کنید https://www.aparat.com/v/uyHKS یک معرفی کلیبرای پاسخ به سوال CSS چیست خیلی خوب است که بندانیم CSS مخفف Cascading Style Sheet  که از کنار هم قرار گرفتن حرف اول این ۳ کلمه، CSS حاصل میشود. اما اگر این عبارت را به فارسی ترجمه کنیم، کارایی اصلی CSS برای ما روشن نمیشود. به همین دلیل، مباحث تئوری را کنار میگذاریم و خیلی سریع درباره‌ی کاربرد اصلی CSS صحبت میکنیم. اگر به دنبال تاریخچه و مباحث تئوری درباره‌ی سی اس اس هستید، این صفحه از ویکی پدیا را مطالعه کنید.اگر در یک جلمه‌ی ساده بخواهیم بگوییم که CSS چیست میتوانیم بگوییم که CSS آمده که دنیای وب و صفحات وب را برای ما زیباتر کند. و اینکار را با کمک و یاری HTML انجام میدهد.کاربرد اصلی CSSدر این قسمت میخواهیم به سوال CSS چیست بصورت دقیق تر و ریزتر پاسخ دهیم و کاربرد اصلی CSS را بررسی کنیم.CSS ابزاری است که بوسیله‌ی آن میتوانید صفحات وب خود را زیبا و چشم نواز کنید. همانطور که در مقاله‌ی HTML چیست گفتیم، شما با استفاده از HTML میتوانید ساختار کلی صفحه وب خود را بسازید و در واقع اسکلت بندی صفحه‌ی وب خود را داشته باشید. و حالا با استفاده از CSS میتوانید ساختار سایت خودتان را زیبا کنید، به آن رنگ اضافه کنید، اندازه‌ی آن‌ها را مشخص کنید، روش نمایش آن‌ها را تنظیم کنید و... .در واقع CSS به شما کمک میکند تا صفحات وب زیبا و چشم نوازی داشته باشید.یک ساختمان را تصور کنیددر توضیح HTML ما یک ساختمان را مثال زدیم و گفتیم که طراحی وب را میتوانیم به ساختمان سازی تشبیه کنیم.در ساختمان سازی، معمولا دو مرحله‌ی اصلی وجود دارد:در مرحله‌ اول اسکلت بندی ساختمان با سیمان، بتن، میلگرد و... صورت میگیرددر مرحله‌ی دوم زیباسازی ساختمان با گچ بری،‌ رنگ آمیزی، نورپردازی و... انجام میشود.طراحی سایت نیز دقیقا به همین صورت است:در مرحله‌ی اول شما با استفاده از HTML، ساختار کلی صفحه وب خود را میسازید و در واقع اسکلت بندی آن‌را انجام میدهید و مشخص میکنید که در صفحه وب‌تان به چه چیزهایی نیاز دارید.در مرحله‌ی بعد با استفاده از CSS، اقدام به زیباسازی، رنگ دهی و... میکنید و به صفحه وب خودتان جذابیت های ظاهری اضافه میکنید.در واقع در پاسخ به سوال CSS چیست میتوانیم بگوییم: CSS به شما کمک میکند تا صفحه‌ی وب زیبا و چشم نوازی داشته باشید.یا مثلا یک انسان را تصور کنیددر مثالی دیگر، میتوانیم یک انسان را مثال بزنیم تا بتوانیم بهتر به سوال CSS چیست پاسخ دهیم:اگر شما بدن یک انسان را در نظر بگیرید:استخوان ها و اسکلت بندی بدن انسان را میشود به HTML تشبیه کردو ظاهر، لباس، مو، چهره و... را میتوان به CSS تشبیه کرد.ساختار کدهای CSS به چه صورت است؟اگر بخواهیم به سوال CSS چیست پاسخ دهیم، خیلی خوب است که یک مثال از کدهای CSS داشته باشیم که بتوانیم کمی با ساختار کدهای CSS نیز آشنا شویم.کدهای CSS به این صورت کار میکنند که شما بخش از کد HTML که میخواهید روی آن تغییر ایجاد کنید را انتخاب میکنید، سپس با استفاده از کدهای CSS تغییراتی که مدنظرتان است را روی آن بخش ایجاد میکنید. برای مثال در تکه کد بالا، ما یک المان با کلاس test را مورد هدف قرار داده‌ایم و برای رنگ پس زمینه‌ی آن، رنگ سفید را انتخاب کرده‌ایم.اگر با ID ها و Class ها آشنایی ندارید این آموزش میتواند برایتان مفید باشد: تفاوت ID و Class در طراحی وبرابطه‌ی HTML و CSS چیستدر ادامه‌ی پاسخ به سوال CSS چیست میخواهیم درباره‌ی رابطه‌ی HTML و CSS صحبت کنیم.حقیقت این است که HTML و CSS هیچکدام به تنهایی هیچ مزیت خاصی ندارد. با HTML به تنهایی نمیتوانید صفحات وب حرفه‌ای و چشم نواز طراحی کنید. CSS هم به تنهایی کاربردی نمیتواند داشته باشد. HTML و CSS در کنار یکدیگر هستند که میتوانند قدرت فوق العاده‌ای پیدا کنند و صفحات وب چشم نواز و زیبایی را طراحی کنند.به همین دلیل است که در کلاس ها و کارگاه‌هایمان، وقتی کسی از ما درباره‌ی مسیر تبدیل شدن به یک طراح وب میپرسد‌، ما در مرحله‌ی اول به او یادگیری HTML و CSS را پیشنهاد میکنیم. زیرا این دو تکنولوژی، مقدماتی ترین چیزهایی هستند که یک طراح وب باید به آن مسلط باشد.روش اجرای فایل های CSSفایل های CSS برای اجرا شدن به ابزار خاصی نیاز ندارند. شما برای اجرای فایل های CSS فقط به یک مرورگر نیاز دارید. فرقی نمیکند که مرورگر ما فایرفاکس باشد یا کروم. همه مرورگر ها از کدهای CSS پشتیبانی میکنند. تنها چیزی که برای اجرای فایل های CSS نیاز دارید، یک مرورگر (Browser) و ترکیب فایل های CSS با HTML است.چرا CSS یک زبان برنامه نویسی نیست!خیلی از اشخاصی که به خوبی مفهوم CSS را درک نکرده اند و نتوانسته اند که پاسخ خوبی برای سوالCSS چیست پیدا کنند، CSS را یک زبان برنامه نویسی میدانند که کاملا اشتباه است.CSS هرگز نمیتواند یک زبان برنامه نویسی باشد. زیرا اصلا ویژگی های یک زبان برنامه نویسی، مثل متغیر ها، توابع، شرط ها، حلقه ها و… را ندارد. پس کاملا اشتباه است اگرCSS را یک زبان برنامه نویسی بدانیم. میتوانیم درباره‌یCSS بگوییم که ابزاری است که استفاده از آن میتوانیم تگ های HTML خود را زیبا کنیم و صفحات وب چشم نوازی را طراحی کنیم.منبع: یادیفای یادیفای یادیفای Tue, 25 Dec 2018 13:23:43 +0330 https://virgool.io/@yadify/html5-%DA%86%DB%8C%D8%B3%D8%AA-%D9%88-%DA%86%D9%87-%D8%AA%D9%81%D8%A7%D9%88%D8%AA%DB%8C-%D8%A8%D8%A7-html-%D8%AF%D8%A7%D8%B1%D8%AF-dkbgf5vncerr اگر علاقمند به دنیای طراحی وب و برنامه نویسی وب باشید، حتما واژه‌ی HTML5 به گوشتان خورده است و حتما برایتان سوال پیش آمده است که HTML5 چیست . در مقاله‌ی قبلی بصورت کامل درباره‌ی HTML صحبت کردیم و گفتیم که HTML چیست. حالا در این آموزش میخواهیم اخرین نسخه از HTML یعنی HTML5 را بررسی کنیم و به سوال HTML5 چیست پاسخ دهیم. با ما همراه باشید.HTML5 چیستاگر میخواهید بدانید که دقیقا HTML5 چیست، پیشنهاد میکنیم فیلم زیر را مشاهده کنید https://www.aparat.com/v/hQx6t چرا باید از HTML5 استفاده کنیم؟HTML5 اخرین نسخه از HTML است که به کمک طراحان و برنامه نویسان وب آمده، تا طراحی وب را برای آن‌ها راحت تر کند. اگر بخواهیم بگوییم که HTML5 چیست ، میتوانیم بگوییم HTML5 اخرین نسخه از HTML است که آمده است بسیاری از ویژگی ها را برای طراحان وب مهیا کرده است.در ادامه بیشتر با HTML5 آشنا میشویم و به سوال HTML5 چیست پاسخ میدهیم.اگر هنوز با HTML آشنایی ندارید، پیشنهاد میکنیم حتما این فیلم آموزشی را مشاهده کنید: HTML چیست و چه کاربردی دارد؟HTML5 = افزایش کاراییHTML5 اصولا آمده است که طراحی وب را برای طراحان و برنامه نویسان وب راحت تر کند. ویژگی هایی که در HTML5  معرفی شده است (که در ادامه آن‌هارا معرفی میکنیم) بسیاری از کارهارا راحت تر کرده اند.اگر بخواهیم بگوییم که HTML5 چیست و چه کاری قرار است برای ما انجام دهد، میتوانیم بگوییم که HTML5 کمک میکند که ما کارهای زیادی را با نوشتن کدهای کمتری انجام دهیم. برای مثال اگر در گذشته برای پخش ویدئو و صوت در صفحه وب، باید چندین افزونه نصب میکردیم و کدهای زیادی مینوشتیم، HTML5 با پشتیبانی کامل از صوت و ویدئو، این مشکل را کاملا حل کرده است.برخی از مهم ترین ویژگی های HTML5HTML5 دارای ویژگی های فوق العاده است. ابزارهایی به HTML5 اضافه شده است که کمک میکند صفحات وب بسیار قدرتمندتر و حرفه‌ای تری بنویسیم. اگر بخواهیم یک مرور خیلی کوتاه بر ویژگی های جدید HTML5 داشته باشیم، میتوانیم لیست زیر را داشته باشیم:پشتیبانی کامل از CSS3گرافیک های ۲بعدی و ۳بعدیپشتیبانی از SVG هاپشتیبانی کامل از صوت و ویدئوساخت اپلیکیشن ها و پایگاه‌های داده لوکال (Local)تگ های معنا گرا (Semantic Tags)ویژگی های جدید برای فرم هاپشتیبانی از قابلیت Drag & Drop (کشیدن و رها کردن) پشتیبانی از HTML5در ادامه‌ی پاسخ به سوال HTML5 چیست باید بگوییم که برای استفاده از ویژگی های جدید HTML5، نیاز به مرورگری داریم که از HTML5 پشتیبانی کند.بسیاری از مرورگرهای معروف،در چند سال اخیر، همگی از HTML5 بصورت کامل ساپورت و پشتیبانی میکنند. مهم نیست که شما کاربر گوگل کروم باشید، یا فایرفاکس. مهم این است که نسخه مرورگر (Browser) خود را به آخرین نسخه بروزرسانی کنید.مهم ترین ویژگی HTML5 از نظر من!یکی از جذاب ترین و بهترین ویژگی هایی که به HTML5 اضافه شده است، قابلیت تگ های معنا گرا یا Semantic tag ها است. در این قسمت در ادامه ی پاسخ به سوال HTML5 چیست ، میخواهیم درباره ی تگ های معنا گرا در HTML5 صحبت کنیم.در گذشته وقتی که میخواستیم صفحات وب را طراحی کنیم، برای بخش بندی صفحات وب، از تگ های div استفاده میکردیم. برای مثال وقتی میخواستیم هدر سایت را طراحی کنیم، عموما از تکه کد زیر استفاده میکردیم:< div id="header"> // header </ div>اما در HTML5،‌ تگ هایی معرفی شده‌اند که دارای معنا هستند که به آن‌ها تگ های معنا گرا میگویند. برای مثال در HTML5، اگر بخواهید قسمت هدر سایت‌تان را طراحی کنید، تگ <header> برای شما تعریف شده است. لیستی از پرکاربردترین تگ های معناگرا در HTML5 را در زیر به شما معرفی میکنیم و سپس درباره‌ی کاربرد آن‌ها صحبت میکنیم:تگ <header> : برای ساخت هدر سایت استفاده میشود و باید محتوی هدر سایت شما باشد.تگ <nav> : برای ساخت منو ناوبری (Navigation Menu) سایت استفاده میشود و باید محتوی منوی سایت شما باشد.تگ <article> : برای ساخت مقالات و محتوای سایت استفاده میشود و باید شامل محتوای سایت شما باشد.تگ <aside> : برای ساخت منوی کناری (sidebar) سایت استفاده میشود و باید محتوی سایدبار سایت شما باشد.تگ <section> : برای ساخت قسمت‌هایی از سایت استفاده میشود که اسم خاصی ندارد و صرفا یک قسمت در سایت هستند.تگ <footer> : برای ساخت بخش پایینی (Footer) سایت استفاده میشود و باید محتوی فوتر سایت شما باشد.البته تعداد تگ های معناگرا (Semantic Tags) بیشتر از این هاست، ولی در لیست بالا معروف ترین و پرکاربردترین آن‌ها را خدمتتان معرفی کردیم. اگر به دنبال لیست کامل تری از این تگ ها هستید، این صفحه در w3schools میتواند بسیار مفید باشد.اما میرسیم به مهم ترین ویژگی تگ های معنا گرا در HTML5:تگ های معنا گرا یا Semantic tag ها یک ویژگی فوق العاده دارند. آن‌ها میتوانند قسمت های مختلف صفحه وب را به موتورهای جستجو معرفی کنند. در واقع وقتی که شما برای مقالا‌ت‌تان از تگ <article> استفاده میکنید، به موتور های جست و جو این پیام را میدهید که محتویات این تگ، مقاله و محتوای من است که باید آن‌را به کاربران خود نشان دهی. و بطور کلی تمام این تگ ها، معنایی را همراه خودشان به موتورهای جست و جو ارسال میکنند. بوسیله ی این تگ ها، موتورهای جست و جو، بهتر میتوانند قسمت های مختلف سایت‌مان را تشخیص دهند.نکته‌ی بسیار مهم: البته باید حواسمان باشد که در هر تگ، محتوایی که واقعا مربوط به همان تگ است را در آن قرار دهیم. مثلا واقعا محتوا و مقاله ها را داخل تگ <article> و واقعا هدر سایت را داخل تگ <header> قرار دهیم. بعضا مشاهده شده است که بعضی از دوستان از این تگ ها در جاهای نادرستی استفاده کرده اند.HTML5 با CSS3 = یک جادوی بزرگ!در پاسخ به سوال HTML5 چیست باید بگوییم که HTML5 به تنهایی نمیتواند قدرت خاصی داشته باشد. HTML5 و کلا HTML، به یک مکمل فوق العاده به نام CSS وجود دارد. این دو تکنولوژی با کمک هم، میتوانند صفحات وب فوق العاده ای را خلق کنند. در مقاله‌‌ی بعدی درباره CSS و CSS3 اطلاعات کاملی را ارائه میدهیم.در این مقاله سعی کردیم یک پاسخ جامع برای سوال HTML5 چیست مطرح کنیم. نظر شما درباره‌ی HTML5 چیست ؟ بنظرتان چقدر طراحی وب را راحت تر و سریع تر کرده است؟ چه تجربه‌ی کاری‌ با HTML5 دارید؟منبع: یادیفای یادیفای یادیفای Tue, 25 Dec 2018 13:07:06 +0330