برنامه نویسی وب، طراحی سایت از مقدماتی تا پیشرفته ( پروژه محور)

  • 3.3/5.0
  • 508 دانشجو
  • 400 درس
  • 60 ساعت
  • مقدماتی تا پیشرفته
  • فارسی
  • امیرحسین پورسمیع
50% تخفیف

845000 تومان

1690000 تومان

توضیحات دوره

آموزش برنامه نویسی وب

در این دوره چه آموزش داده می شود

در دوره آموزش برنامه نویسی وب، طراحی سایت  از مقدماتی تا پیشرفته ( پروژه محور) با مفاهیمی  مقدماتی تا پیشرفته  طراحی سایت و مفاهیم پیشرفته طراحی قالب سایت و فرانت اند آشنا خواهیم شد. در این دوره به صورت کامل و حرفه ایی پروژه محور با مفاهیم HTML5 , CSS3, Bootstrap5, PHP,فریمورک لاراول و به صورت عملی و پروژه محور به طور کامل آن ها را یاد خواهیم گرفت.


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

  • طراحی سایت پروژه محور
  • طراحی سایت مشابه دیجی کالا
  • یادگیری کامل لاراول و بک اند سایت
  • آموزش Laravel
  • یادگیری کامل فرانت اند سایت
  • یادگیری کامل دیتابیس و کار با آن
  • طراحی پنل مدیریت سایت
  • با استفاده از Laravel برنامه های کاربردی وب ساده تا پیشرفته بسازید.
  • نحوه ساخت برنامه های کاربردی وب تجارت الکترونیک در PHP/Laravel را بیاموزید.
  • نحوه ایجاد انجمن ها ، وبلاگ ها و محبوب ترین برنامه های وب امروزی را بیاموزید.
  • درک عمیقی از لاراول داشته باشید.
  • اعتبار سنجی فرم
  • شما یاد خواهید گرفت که کتابخانه های شخص ثالث را برای افزودن به Laravel بارگیری کنید
  • شما یاد خواهید گرفت که فایل ها را بارگذاری کنید
  • با Middleware و امنیت آشنا خواهید شد
  • با sessions آشنا خواهید شد
  • با ارسال ایمیل آشنا خواهید شد
  • شما GitHub یا کنترل نسخه را یاد خواهید گرفت
  • با نحوه نصب ویرایشگر WYSIWYG آشنا خواهید شد
  • یادگیری کار با ابزار های لاراول
  • آموزش گیت
  • کار با پکیج های لاراول و جاوااسکریپت
  • آموزش ساخت برنامه های کاربردی با استفاده از Laravel
  • نحوه استفاده از لاراول را خواهید آموخت
  • نحوه استفاده از مسیرها را خواهید آموخت
  • شما خواهید آموخت که چگونه کنترلرها را ایجاد و استفاده کنید و آنها چیست
  • شما خواهید آموخت که چگونه Views یا آنچه را که هستند ایجاد کنید
  • شما یاد می گیرید که چگونه از قالب قالب موتور Blade استفاده کنید
  • نحوه اتصال و استفاده از پایگاه داده
  • چگونه مهاجرت ایجاد کنیم و آنها چیست
  • در مورد Laravel ORM (Object Relational Mapper) و Raw SQL پرس و جو خواهید آموخت. مطالب پایگاه داده
  • نحوه استفاده از Laravel Tinker – برنامه خط فرمان برای بازی با Laravel بدون داده های مداوم
  • پایگاه داده: گویا یک به یک – CRUD
  • پایگاه داده: گویا یکی تا بسیاری – CRUD
  • پایگاه داده: گویا از بسیاری تا بسیاری – CRUD
  • پایگاه داده: چند شکلی فصیح – CRUD

آیا این دوره احتیاج به پیش نیاز دارد؟ خیر😎🙃

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

در این دوره ما به زبان های زیر مسبط می شویم:

تفاوت این دوره مقدماتی تا پیشرفته طراحی سایت در چیست؟ 🙄

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

HTML چیست‌؟

اولین قدم در آموزش HTML این است که بدانیم تعریف این زبان چیست؟ HTML یک زبان برنامه‌نویسی نیست؛ بلکه یک زبان نشانه‌گذاری است که ساختار محتوای شما را تعریف می‌کند. HTML شامل مجموعه‌ای از عناصر ( elements ) می‌شود که با استفاده از آن شما می‌توانید ساختار یک صفحه وب را مشخص می‌کنید تا در قدم بعدی بتوانید به آن ظاهر مناسبی به آن دهید.HTML زبانی است که اکثر وب سایت ها با آن نوشته می شوند. HTML برای ایجاد صفحات و کاربردی کردن آنها استفاده می شود.

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

تاریخ HTML

در اواخر سال ۱۹۸۰، یک فیزیکدان به نام تیم برنرزلی، سیستمی را برای محققان CERN پیشنهاد کرد. در سال ۱۹۸۹ او یک یادداشت نوشت که یک سیستم هیپنوتیزم مبتنی بر اینترنت را ارائه می دهد.به طور رسمی به پدر HTML معروف است. آخرین نسخه HTML HTML5 است که بعداً در این دوره آموزشی یاد خواهیم گرفت.

آیا HTML سخت است ؟

همانطور که گفته شد HTML و CSS هر دو ساده ترین زبان های کامپیوتری هستند. لذا یادگیری آن ها خیلی سریع بوده و کسب در آمد از آن نیز آسان می باشد. تقریبا هر فرد یا سازمانی که دارای سایت است بی نیاز از کسی که HTML و CSS را بلد باشد نیست.

آن قدر بگویم که ساخت و طراحی یک صفحه با HTML و CSS مانند ساخت یک فایل ورد و نوشتن در آن می باشد. (یعنی اینقدر آسون)

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

آیا برای کدنویسی HTML نیاز به ابزار خاصی داریم ؟

در جواب این سوال باید بگویم که شما تنها به یک ویرایشگر کد احتیاج دارید و یک مرورگرو با همین دو ابزار می توانید اقدام به طراحی سایت با HTML و CSS نمایید. همچنین شایان ذکر است که کد های نوشته شده به زبان اچ تی ام ال در هر مرورگری خوانده و اجرا می شوند

تگ HTML چیست؟
تگ های HTML مانند کلمات کلیدی هستند که تعریف می کنند که مرورگر وب چگونه محتوا را شکل می دهد. با کمک tags، یک مرورگر وب می تواند بین یک محتوای HTML و یک محتوای ساده تمایز یابد. تگ های HTML شامل سه قسمت اصلی است: تگ باز، محتوا و برچسب بسته. اما بعضی از تگهای HTML برچسب های بدون استفاده هستند. وقتی یک مرورگر وب یک سند HTML را می خواند، مرورگر آن را از بالا به پایین و چپ به سمت راست می خواند. تگ های HTML برای ایجاد اسناد HTML و ارائه ویژگی هایشان استفاده می شوند. هر تگ HTML ویژگی های متفاوتی دارد.یک فایل HTML باید چند تگ ضروری داشته باشد تا مرورگر وب بتواند بین یک متن ساده و متن HTML تفاوت ایجاد کند. می توانید از این تگ ها که می خواهید، استفاده کنید.
همهٔ تگهای HTML باید در < > این براکت ها قرار بگیرند.
هر تگ در HTML وظایف متفاوتی را انجام می دهد.
اگر از یک تگ باز <برچسب <tag> استفاده کرده اید، باید از یک تگ نزدیک </tag> (به استثنای برخی از تگها)

برای آموزش HTML باید چه چیزهایی را بدانیم؟

تقریبا برای آموزش کامل HTML در این دروه هیچ پیش نیازی لازم ندارید و بدون هیچ دانش اولیه ایی در مورد آن می توانید در این دوره HTML شرکت نمایید.

آیا یادگیری HTML آسان است؟

بله، احتمالاً آسان ترین زبان برنامه نویسی پیش رو است که می توانید یاد بگیرید. با داشتن منابع و ابزارهای رایگان آنلاین، این زبان بسیار سریع برای یادگیری نیز است.
برای چه استفاده می شود؟
زبان هایپرت مارکاپ (به انگلیسی: Hypertext Markup) یک زبان برنامه نویسی است که برای توصیف ساختار صفحات وب استفاده می شود. HTML باعث می شود که صفحات ایستا با متن، سربرگ ها،  لیست ها، تصاویر، لینک ها و غیره ایجاد کند.

آیا یادگیری HTML و CSS برای ساخت سایت کافی است ؟

خیر. یادگیری HTML و CSS تنها بخش بسیار کوچکی از طراحی سایت می باشند.

هر سایت دارای دو بخش اصلی است. فرانت اند (چیزی که کاربر می بیند) و بک اند (چیزی که کاربر نمی بیند در واقع همان برنامه نویسی سایت).

در این میان باز هم HTML و CSS بخش کوچکی از بخش FRONT-END یک سایت رو به عهده گرفته است.

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

 

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

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

در دنیای طراحی صفحات وب سایت نیز اسکلت و زیر بنای صفحات در واقع همان زبان HTML بوده و طراحی نما و زیبا سازی سایت به کمک زبان هایی نظیر CSS انجام می گیرد.

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

تفاوت HTML و HTML 5

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

 

 

آموزش HTML ویژه چه کسانی هست؟

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

 

اموزش html چقدر زمان میبرد‌؟

زمان یادگیری HTML بستگی به زمانی که برای یادیگیری میگذراید و تمرینتان دارد برای هر کس متفاوت از یک هفته الی سه ماه است.

آیا یادگیری html برای طراحی وب ضروری است؟

بله، برای یادگیری کامل طراحی سایت و یا برنامه نویسی یک وب سایت باید در ابتدا دوره HTML را گذراند و یک پیش نیاز محسوب می گردد.

آیا html یک زبان برنامه‌نویسی است؟

خیر، HTML یک زبان نشانه گذاری محسوب می شود که به مانند یک اسکلت برای سایت می باشد.

زبان نشانه‌گذاری چه تفاوتی با زبان برنامه نویسی دارد؟

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

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

ویژگی ها HTML 

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

برنامه نویسان را برای اضافه کردن یک آسان می کند لینک در صفحات وب (با برچسب لنگر html) بنابراین علاقه به مرور کاربر را افزایش می دهد .

ویژگی مستقلی دارد که می توان در هر پلتفرمی مانند ویندوز، لینوکس و مکینتاش و غیره نمایش داد.

برنامه نویس را آسان می کند گرافیک، ویدئو و صدا به صفحات وب که آن را جذاب تر و تعاملی تر می کند.
HTML یک زبان بی مورد است، به این معنی که می توانیم از تگ ها در حالت پایین یا بالا استفاده کنیم.

ارتباط html با css

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

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

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

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

HTML چطور کار می‌کند؟

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

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

البته در دنیای وب معمولا وظیفه کدنویسی HTML و CSS به عهده یک نفر خواهد بود. فایل‌‌های HTML با پسوند .htm یا .html در سیستم ذخیره می‌شوند. این فایل‌ها تقریبا توسط همه مرورگرهای وب پشتیبانی می‌شوند و به راحتی می‌توانند محتویات آن را رندر کنند. منظور از رندر کردن این است که عناصر داخل سایت که ترکیبی از کد، تصویر، انیمیشن، ویدئو یا غیره هستند، تبدیل به اطلاعات قابل نمایش برای کاربران می‌شوند.

html مخفف چیست

شاید برای شما هم سوال باشد که معنی HTML چیست یا به عبارتی html مخفف چیست ؟

عبارت HTML مخفف (Hyper Text Markup Language) می باشد که معادل  فارسی آن «زبان نشانه‌ گذاری ابر متنی» خواهد بود. البته با توجه به وسعت کاربرد آن این ترجمه فارسی نمی تواند کاربرد HTML را به خوبی توضیح دهد.

در ادامه مقاله، برای روشن شدن معنی دقیق اچ تی ام ال و یا به عبارتی زبان نشانه‌ گذاری ابر متنی، با کاربرد HTML بیشتر آشنا خواهیم شد.

نکته: اچ تی ام ال یک زبان برنامه نویسی نیست. اچ تی ام ال یک زبان نشانه گذاری است.

کاربرد HTML چیست

اگر بخواهیم کاربرد HTML را بطور ساده توضیح دهیم باید بگوییم:

HTML ابزاری است که به کمک تگ ها (Tag) قالب کلی صفحات را می سازد، در واقع شما توسط تگ های HTML، اسکلت صفحات وب خود را می سازید.

اگر کمی با طراحی وب آشنایی داشته باشید،‌ حتما میدانید که طراحی وب ۲ مرحله اصلی دارد:

  1. ساختاربندی اصلی صفحات وب که با HTML انجام میشود.
  2. اضافه کردن جذابیت های ظاهری مثل رنگ و… که با CSS انجام میشود.

حال شاید بپرسید تگ (Tag) چیست؟!

قبل از توضیح این سوال و البته تکمیل توضیح سوال html چیست و زبان نشانه گذاری ابر متنی دقیقا یعنی چه، این نکته را فراموش نکنید که:

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

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

 

 

HTML چه رابطه‌ای با زبان‌‌های css و javascript دارد؟

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

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

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

  1. HTML به کمک تگ‌های از قبل تعریف شده ساختار و اسکلت صفحه وب را مشخص می‌کند.
  2. CSS به ما کمک می‌کند عناصر مختلف را در صفحه جابه‌جا کنیم، رنگ‌بندی را تغییر دهیم، فونت‌ها را عوض کنیم و به جایی برسیم که یک صفحه وب با ظاهر قابل قبول و قابل ارائه برای داشته باشیم.
  3. JavaScript به ما اجازه می‌دهد صفحات وب را به طور داینامیک یا پویا طراحی کنیم. با JS می‌توانیم عناصر تعاملی مختلف مثل اسلایدر، صفحه pop up، گالری عکس و چیزهای مشابه تولید کنیم.
 

مخترع HTML  (تیم برنرز – لی)

در سال ۱۹۸۹ میلادی جایی که فیزیکدانان سراسر دنیا در آزمایشگاه قاره اروپا در ژنو (سرن  CERN ) برای آزمایش فیزیک ذره ای دور هم جمع شده بوده و به بیان دیدگاه ها، تفکرات، و یافته های خود می پرداختند تیم برنرز- لی ایده ای به فکرش خطور کرد.

ایده ای که قرار بود کاری کند تا سایر دانشمندان بدون حضور در آزمایشگاه بتوانند یافته و نظرات خود را با سایر دانشمندان به انتشار بگذارند.

این ایده باعث شد تا تیم برنرز- لی در سال ۱۹۸۹ میلادی شبکه جهانی وب را اختراع کند. البته این شبکه در ابتدا یک شبکه خصوصی بود و قطعا این تیم هیچ وقت فکر نمی کرد این اختراع روزی وارد تمام خانه در سرتاسر دنیا شود.

در ادامه تیم به این موضوع فکر کردند که صفحات علمی منتشر شده در شبکه، باید چیزی فراتر از یک متن خالص باشند. پس آنها دوباره شروع به کار کردند و با توسعه شبکه خود نام این مستندات و متون پیشرفته منتشر شده را ابر متن (HyperText) گذاشتد. بطوریکه صفحات می توانستند به یکدیگر لینک بخورند. و این شروع بود بر ایجاد زبان Html و ساخت صفحات وب که تا به امروز با انتشار آخرین ورژت html یعنی HTML5 در حال توسعه یافتن بوده است.

فرانت اند (Front End) به چه معناست؟

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

تا اینجا درباره HTML و CSS و JavaScript صحبت کردیم. این زبان‌ها اصلی‌ترین عناصر فرانت اند هستند و برای یادگیری آن‌ها برای فرانت اند کار شدن ضروری است. پیشنهاد می‌کنیم مقاله زیر را بخوانید تا دید بهتری نسبت به فرانت اند پیدا کنید.

تفاوت HTML5 نسبت به نسخه های قبلی اش چیست؟

برخی از مزایای HTML5 عبارتند از:
یک پشتیبانی چند مدیا دارد.

قابلیت برای ذخیره داده های آفلاین با استفاده از پایگاه داده های SQL  دارد.

جاوا اسکریریپت را می توان در پس زمینه اجرا کرد.
HTML5 همچنین به کاربران اجازه می دهد تا شکل های مختلفی مانند مستطیل ها، دایره ها، مثلث ها و غیره را بکشند

 

خصوصیات تگ های html ( اتریبیوت های html )

همانطور که گفته شد زبان HTML از قرار گرفتن تگ ها مختلف در کنار هم ساخته شده است. حالا باید بدانید که تگ ها نیز شامل خصوصیات و صفت هایی هستند که به آنها اتریبیوت (attribute) گفته می شود. همچنین اتریبیوت های html نیز دارای مقداری هستند که با آنها attribute value گفته می شود. در مورد صفت ها در html بعدا مفصلا توضیح خواهیم داد.

بنابراین می توان گفت که صفت ها در html بر گیرنده مقادیر خاصی هست که تأثیر مشخصی بر محتوا می‌گذارد، برای مثال برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ تی ام ال تعریف شده‌اند.

فایل اچ تی ام ال چیست

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

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

CSS چیست؟

CSS  زبانی است که به سادگی طراحی شده است تا فرآیند ارائه صفحات وب را ساده کند. CSS به شما این امکان را می دهد که سبک ها را در صفحات وب اعمال کنید. مهمتر از آن، CSS به شما این امکان را می دهد که مستقل از HTML که هر صفحه وب را تشکیل دهید. یادگیری و درک CSS آسان است، اما کنترل قدرتمندی بر روی ارائه یک سند HTML فراهم می کند.یک ویژگی اضافی برای HTML فراهم می کند.

 این روش به طور کلی با HTML برای تغییر سبک صفحات وب و رابط کاربری استفاده می شود. همچنین می توان با هر نوع از اسناد XML، XML، SVG و XUL استفاده کرد. CSS همراه با HTML و جاوا اسکریپت در بیشتر وب سایت ها برای ایجاد رابط کاربری برای کاربرهای وب و رابط کاربری برای بسیاری از کاربرها استفاده می شود. می توانید نگاهی جدید به اسناد قدیمی HTML اضافه کنید. شما می توانید با چند تغییر در کد CSS، نگاه وب سایت خود را کاملاً تغییر دهید.

اگر از ما بپرسید اولین قدم برای یادگیری طراحی سایت چیست، قطعا جواب ما آموزش HTML و سپس CSS است. این دو زبان در کنار یکدیگر معنی پیدا می‌کنند. زیرا CSS را می‌توان مکملی بر زبان HTML دانست که با هدف پر کردن نقاط ضعف و خلاء‌های آن توسعه یافته است. CSS مخفف عبارت Cascading Style Sheets و به معنی “برگه‌های آبشاری” است.

این زبان با هدف فرم دهی صفحات وب HTML و اجزای مختلف صفحات آن توسط کنسرسیوم بین المللی شبکه جهانی وب یا W3C توسعه داده شده است. در واقع CSS یک زبان نشانه‌ گذاری است که اجازه می‌دهد ساختار صفحات وب را از چیدمان عناصر گرفته تا تغییر رنگ‌بندی و فونت‌ها شکل دهید. این زبان در کنار HTML و JavaScript از هسته‌های اصلی طراحی صفحات وب به حساب می‌آیند.

 

 

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

 

CSS مخفف چیست ؟

واژه CSS مخفف cascading style sheets به معنی برگه های سبک آبشار یا برگه های آبشاری می باشد. به زبان CSS زبان برنامه نویسی ظاهری (Style Sheet Language) نیز می گویند.

شاید با خودتان فکر کنید چرا برگه های آبشاری؟
علت نامگذاری CSS و استفاده از صفت Cascading (آبشاری) در این اسم، نحوه اعمال دستورات به عناصر موجود در صفحه است. قوانین این زبان به صورت آبشاری یا از بالا به پایین اعمال می شوند. شما برای اعمال دستورات CSS به عناصر HTML می بایست از بیرونی ترین عنصر به ترتیب به عناصر داخلی آن دسترسی پیدا کنید که تداعی کننده حالت آبشاری است که در ادامه  با مطالعه شیوه استفاده از کد های CSS این موضوع را بهتر متوجه خواهید شد.

فرانت اند (Front End) به چه معناست؟

S یکی از پرکاربردترین زبان‌ها در زمینه طراحی فرانت اند است. به مجموعه تکنولوژی هایی که روی ظاهر و گرافیک سایت تاثیر گذاشته و هیچ ارتباطی با عملکرد آن ندارند فرانت اند گفته می‌شود. در فرانت اند فقط با عناصر بصری سایت کار می‌کنیم و هر تغییری که ایجاد می‌کنیم در چهره سایت مشخص می‌شود. زبان‌های HTML، JS و CSS جزو اصلی‌ترین عناصر فرانت اند هستند. پیشنهاد می‌کنیم مقاله زیر را بخوانید تا دید بهتری نسبت به فرانت اند پیدا کنید.

CSS یک زبان فرانت اند (Front End)

فرانت اند (Front End) به مجموعه ای از کارهایی گفته می شود که بر روی گرافیک و شکل ظاهری سایت تاثیر دارد و با عملکرد سایت کاری ندارد. از جمله زبان هایی که فرانت اند هستند می توان به CSS، HTML، JAVASCRIPT اشاره کرد.

کاربرد زبان CSS

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

کاربردهای رایج سی اس اس

  • تعین فونت
  • تعین رنگ پیش زمینه و پس زمینه
  • تعیین فاصله و حاشیه عناصر صفحه
  • تعیین عرض و ارتفاع
  • تعیین تصویر پس زمینه
  • تغییر موقعیت قرار گیری عناصر صفحه
  • چپ چین و راست چین کردن عناصر

چرا باید از CSS استفاده کنیم؟

اساسی‌ترین کاربرد CSS، زیبا سازی و بهبود طراحی صفحات وب است. CSS بسیار منعطف‌تر از HTML است و به شما اجازه می‌دهد برای تغییر صفحات وب، کمتر سراغ ساختار HTML رفته و با سرعت بیشتری طراحی خود را خوش استیل کنید. در ادامه این مطلب می‌خواهیم ببینیم که چرا باید از کدهای CSS در صفحات وب استفاده کنیم.

stylesheet چیست؟

یک stylesheet مجموعه ای از قوانین و کدهای css است که به مرورگر می گوید که چگونه  tag HTML نمایش داده شود.

فایل css چیست؟

css با ایجاد فایل css. همچنین شما را قادر می سازد تا نمایش صفحه مورد نظر خود را در چندین حالت مختلف Rendering مانند حالت نمایش بر روی مانیتور، حالت نمایش در زمان چاپ، در زمان حالت شناسایی صدا ( برای مرورگرهای مبتنی بر قابلیت شناسایی صدا) و همچنین برای نمایش در صفحات مرورگر موبایل را به درستی تنظیم نمایید.

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

اضافه کردن CSS به HTML

نحوه اتصال فایل css به فایلhtml به سه روش زیر انجام می‌شود:

  • External CSS
  • Internal CSS
  • Inline CSS

External CSS

با استفاده از روش External CSS که پرکاربردترین روش استفاده از سی اس اس است می‌توانید با تغییر یک فایل که از قبل ایجاد شده، ظاهر یک سایت را تغییر دهید. محل قرارگیری کدهای css در روش خارجی به این شکل است که باید کدهای css را در یک فایل notepad بصورت مجزا نوشته و با پسوند .css ذخیره کنید. حال باید این فایل را با دستورات html به فایل اصلی متصل کنید. برای این کار می‌توانید داخل تگ <link> در بخش <head> فایلی که از قبل ایجاد کرده اید را معرفی کنید.

Internal CSS

Internal CSS زمانی استفاده می‌شود که یک صفحه از سایت باید استایل مشخصی داشته باشد. به این شکل در بخش <head> در تگ <style> تغییراتی که نیاز است را اعمال می‌کنید.

Inline CSS

نحوه استایل‌دهی کدهای html توسط کدهای css در روش Inline CSS زمانی مورد استفاده قرار می‌گیرد که بخواهید بر روی یک تگ خاص استایلی را اعمال کنید. در این روش تغییرات مستقیم بر روی همان تگ اعمال می‌شود و تاثیری بر روی تگ‌های خارجی ندارد.

ورژن های مختلف سی اس اس

ما یک معرفی کوتاه از تاریخ CSS’را درک کرده ایم و متوجه شده ایم که آن عمدتاً سه نسخه دارد. بنابراین، حالا اجازه می دهیم که این سه نسخه از CSS را با جزئیات بیشتری بحث کنیم.

CSS 1

CSS 1 اولین نسخه از سی اس اس و توصیه W3C است. این مجموعه در سال ۱۹۹۶ با قابلیت های  ویژگی های  فونت راه اندازی شد. همچنین برای اضافه کردن رنگ به پشت و قسمت متن استفاده می شود. در CSS 1، قابلیت های همخوانی متن وجود داشت. همچنین قابلیت های  موقعیت بندی و طبقه بندی عمومی دارد. اما اکنون این نسخه توسط W3C قابل استفاده نیست.

CSS2

W3C نسخه بعدی CSS را توسعه داد و آن را CSS2 نامید و در سال ۱۹۹۸ راه اندازی کرد. این روش دارای ویژگی ها و قابلیت های بیشتری نسبت به نسخه قبلی است. در حال حاضر کاربران می توانند از ویژگی های جدید مانند نسبی، مطلق و موقعیت ثابت استفاده کنند. انواع رسانه ها وجود داشت و ویژگی های متن پیشنهادی نیز وجود داشت. این نسخه همچنین در همان حال، تغییرات زیادی را مشاهده کرد و به روز رسانی CSS2.1 به روز رسانی شد.

CSS3

سی ۳ آخرین نسخه CSS به طور رسمی توسط W3C است و در سال ۱۹۹۹ راه اندازی شد. این مجموعه مجموعه ای از انواع فونت دارد و شما می توانید از هر نوع فونت از گوگل و تایست استفاده کنید. همچنین این نسخه به بسیاری از ماژول ها تقسیم می شود که به راحتی قابل رسیدگی است و همچنین باعث صرفه جویی در زمان فرم کردن صفحات وب می شود. در حال حاضر بیشتر شرکت ها و سازمان ها از CSS3 و HTML5 برای توسعه وب و طراحی وظایف خود استفاده می کنند. از این رو، اگر می خواهید چنین مهارت هایی را یاد بگیرید، پس مطمئن شوید که آخرین راه اندازی این فناوری را یاد خواهید گرفت.

ریسپانسیو کردن با css

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

سازگار کردن صفحات وب‌سایت‌ها همان Responsive یا واکنشگرا کردن است. به عبارت دیگر یعنی بتوانید صفحات وب سایت را در رزولوشن‌های مختلفی مشاهده کنید، بدون اینکه صفحه مورد نظر با اختلالی رو به رو شود. پیاده سازی این قابلیت با فریم ورک هایی که برای css نوشته شده است، بسیار ساده و سریع شده است.

 webkit در css چیست؟

WebKit یک موتور طراحی است که به مرورگرهای وب اجازه ارائه صفحات وب را می دهد. Webkit موتور ارائه دهنده html / css است که در مرورگر Safari اپل و در Chrome Chrome استفاده می شود.

Scss چیست ؟

Scss پسوند نحوی CSS است. این بدان معنی است که هر شیوه نامه معتبر CSS یک پرونده SCSS معتبر با همان معنی است. علاوه بر این ، SCSS بیشتر هک های CSS و نحو اختصاصی فروشنده ، مانند فیلتر قدیمی IE را می فهمد.

فرمت فایل css چیست ؟

در پاسخ به این پرسش بایستی گفت فرمت فایل سی اس اس، css. می باشد.

برای یادگیری CSS باید چه چیز هایی را بدانیم؟

در این دوره شما بدون هیچ پیش نیاز و مقدمه ایی می توانید به یادگیری CSS بپردازید چرا که ما در دوره CSS تمامی مباحث را از صفر تا صد و از مقدماتی تا پیشرفته توضیح خواهیم داد.

در دوره آموزش CSS چه مباحثی را یاد می‌گیرید؟

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

این دوره ویژه چه کسانی هست؟

این دوره برا کسانی مه قصد یادگیری برنامه نویسی وب یا همان طراحی سایت را دارند مناسب می باشد.

سی اس اس برای چه کاری استفاده می شود ؟

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

ما از CSS به دلایل زیر استفاده می کنیم:

CSS باعث صرفه جویی در زمان می شود: می توانید یک بار CSS بنویسید و از همان برگه در چندین صفحه HTML استفاده مجدد کنید.

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

موتورهای جستجو: CSS در نظر گرفته می شود یک تکنیک کدنویسی تمیز، به این معنی که موتورهای جستجو برای «خواندن» محتوای آن دچار مشکل نخواهند شد.

سبک‌های برتر در HTML: CSS دارای مجموعه‌ای از ویژگی‌های بسیار گسترده‌تر از HTML است، بنابراین می‌توانید ظاهر بسیار بهتری به صفحه HTML خود بدهید. در مقایسه با ویژگی‌های HTML.

مرور آفلاین: CSS می‌تواند برنامه‌های وب را به صورت محلی با کمک حافظه پنهان آفلاین ذخیره کند. با استفاده از این ما می توانیم وب سایت های آفلاین را مشاهده کنیم

مزایای CSS چیست؟

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

 معایب CSS چیست؟

CSS، CSS 1 تا CSS3 منجر به ایجاد سردرگمی در بین مرورگرهای وب می شود. در CSS، آنچه با یک مرورگر کار می کند ممکن است همیشه با مرورگر دیگر کار نکند. توسعه دهندگان وب باید سازگاری را آزمایش کنند و برنامه را در چندین مرورگر اجرا کنند. امنیت کمیاب وجود دارد. پس از ایجاد تغییرات، در صورت ظاهر شدن باید سازگاری را تأیید کنیم. یک تغییر مشابه بر همه مرورگرها تأثیر می گذارد. دنیای زبان برنامه نویسی برای غیر توسعه دهندگان و مبتدیان پیچیده است. سطوح مختلف CSS یعنی CSS، CSS 2، CSS 3 اغلب کاملاً گیج کننده هستند. سازگاری با مرورگر (برخی از شیوه نامه ها پشتیبانی می شوند و برخی دیگر پشتیبانی نمی شوند). CSS در مرورگرهای مختلف متفاوت عمل می کند. اینترنت اکسپلورر و اپرا از CSS به‌عنوان منطقی متفاوت پشتیبانی می‌کنند. ممکن است هنگام استفاده از CSS، مشکلات مرورگر متقابل وجود داشته باشد. سطوح متعددی وجود دارد که برای غیر توسعه‌دهندگان و مبتدی‌ها سردرگمی ایجاد می‌کند.

چرا از CSS استفاده می کنند

این سه مزایای اصلی CSS هستند:

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

وقت زیادی را نجات می دهد تعریف های سبک CSS در پرونده های خارجی CSS ذخیره شده است بنابراین می توان کل وب سایت را با تغییر تنها یک فایل تغییر داد.

ویژگی های بیشتری ارائه میکند. ویژگی هایی که ارائه میشود توسط  CSS مفصل تری نسبت به HTMLساده برای تعریف نگاه و احساس وب سایت فراهم می کند.

چرا CSS یک زبان برنامه نویسی نیست!

خیلی از اشخاصی که به خوبی مفهوم CSS را درک نکرده اند و نتوانسته اند که پاسخ خوبی برای سوالCSS چیست پیدا کنند، CSS را یک زبان برنامه نویسی میدانند که کاملا اشتباه است.

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

PHP چیست ؟

پی‌اچ‌پی (PHP) یک زبان برنامه‌نویسیِ شیءگرا و برای سرور است که برای طراحی وب توسعه یافته‌است، اما می‌توان از آن به عنوان یک زبان عمومی نیز استفاده‌کرد.

تا ژانویهٔ سال ۲۰۱۳ میلادی،PHP روی ۲۴۴ میلیون وبگاه و ۲٫۱ میلیون سرور وب نصب شده‌است.

این زبان در سال ۱۹۹۵ میلادی توسط راسموس لِردورف (به انگلیسی: Rasmus Lerdorf) ساخته‌شد و در حال حاضر توسعهٔ آن بر عهدهٔ گروه PHP است.

در ابتدا، پی‌اچ‌پی از عبارت صفحهٔ خانگی شخصی (به انگلیسی: Personal Home Page) گرفته شده‌بود.اما اکنون این کلمه مخففِ بازگشتی PHP: Hypertext Preprocessor به معنی پی‌اچ‌پی: پیش‌پردازنده‌ی ابرمتن که به مرورگر آنلاین وابسته نیستند. زبان PHP شبیه به زبان C است. PHP به طور گسترده در توسعه برنامه های وب استفاده می شود و به یکی از زبان های اصلی توسعه دهندگان برای ساخت برنامه های جدید تبدیل شده است.در شبکه های اجتماعی مانند فیس بوک و سازمان های معتبر مانند دانشگاه هاروارد هر دو از PHP استفاده می کنند که PHP را محبوب می کند و اعتبار آن را افزایش می دهد.با این حال، در طول سال ها، حوزهٔ استفادهٔ آن تغییر کرده است و امروزه زبان کدگذاری PHP در میان ساده ترین و داغ ترین ابزار برنامه ریزی برای توسعهٔ وب قرار می گیرد. این فناوری به عنوان یک فناوری واقعاً مؤثر در نظر گرفته می شود که یک فرایند توسعه مناسب با ابزارهای اضافی برای کمک به آن ارائه می دهد. در واقع، با به رسمیت شناختن شاخص زبان برنامه نویسی (PYPL) ، PHP پنجمین زبان کدگذاری در جهان است.

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

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

چرا برنامه نویس PHP بشوم؟

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

بازار کار PHP چگونه است؟


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

چرا آموزش زبان php از همه زبان های برنامه نویسی در ایران مهم تر است؟

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

تفاوت اصلی دوره php ارته سافت با دیگر مجموعه ها در چیست؟

 

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

آیا یادگیری PHP سخت است ؟

زبان PHP یکی از اسان ترین زبان های برنامه نویسی برای یادیگیری است.به این دو دلیل اول اینکه دستوران ان بسیار کوتاه بوده و برای ایجاد اپلیکیشن های بزرگ نیازی نیست که کد های زیادی را بنویسید و دوما اینکه سال های بسیار زیادی است که در توسعه نرم افزار حضور داشته است و به همین دلیل منابع اموزشی بسیار زیادی برای ان ایجاد شده است و در نتیجه برای یادیگیری بسیار اسان شده است .

تاریخچه PHP

PHP محبوب ترین زبان اسکریپتی در کنار سرور است. این برنامه برای توسعه وب و برنامه های عمومی در سال ۱۹۹۴ توسط راسموس لیدورف طراحی شده است. با بیش از دو دهه توسعه، PHP هم بالا و هم پایین را دیده است.  در حال توسعه مداوم است.

PHP عمدتاً در ارتباط با کد HTML، سیستم مدیریت محتوای وب، سیستم های الگو وب و دیگر چارچوب های محبوب وب استفاده می شود. زبان PHP توسط سرور یا Interface Gateway (CGI) پردازش می شود. به هر حال، می توان برای ایجاد یک نرم افزار وب شگفت انگیز که در آن کد PHP همیشه در سمت سرور اجرا می شود استفاده کرد..

PHP و HTML چگونه می توانند با هم تعامل داشته باشند؟

در این مقاله از PHP در HTML استفاده خواهیم کرد. روش های مختلفی برای ادغام PHP و HTML وجود دارد که در زیر به برخی از آنها پرداخته می شود. می توانید تگ های PHP را به صفحه HTML خود اضافه کنید. شما فقط باید کد PHP را با تگ شروع PHP <?php و تگ پایان PHP ?> محصور کنید. کد پیچیده شده بین این دو تگ به عنوان کد PHP در نظر گرفته می شود و قبل از ارسال فایل درخواستی به مرورگر مشتری، در سمت سرور اجرا می شود.

آیا جاوا اسکریپت با PHP ارتباط دارد؟

PHP توانایی تولید متغیرهای جاوا اسکریپت را دارد و این را می توان به راحتی در مرورگر اجرا کرد. بنابراین امکان عبور متغیرها به PHP با استفاده از URL ساده را فراهم می کند.

PHP بیشتر برای چه استفاده می شود؟

PHP برای توسعه دهندگان استفاده زیادی دارد.دسترسی محدود به محتوای مورد نیاز وب سایت بسیار آسان است.این به کاربران اجازه می دهد که به کوکی های فردی دسترسی داشته باشند و آن ها را بسته به هر نیاز تعیین کنند. عملیات دستکاری پایگاه داده ها مانند اضافه کردن، حذف و اصلاح می توانند به راحتی انجام شوند.رسیدگی فرم، در کنار ویژگی هایی که شامل مفاهیم مربوط به پرونده ها و ادغام ایمیل است، به طور گسترده ای استفاده می شود.ماژول سیستم به کاربران اجازه می دهد تا عملکرد های مختلفی مانند خواندن، نوشتن و غیره را انجام دهند.

مزایای و معایب اصلی استفاده از PHP عبارتند از:

این زبان یک زبان متن باز است.از آنجا که زبان آن به  کد های HTML بسیار شبیه است، درک و پیاده سازی آن آسان است.این روش بسیار سازگار است زیرا می تواند با چندین زبان برنامه نویسی مانند HTML، جاوا اسکریپت و از پایگاه های داده های مختلف مانند MySQL، PostgreSQL، Oracle و غیره پشتیبانی کند.این سیستم مستقل است، به این معنی که برنامه های توسعه یافته با استفاده از PHP می توانند در هر محیطی اجرا شوند.این مجموعه دارای یک جامعه بزرگ از توسعه دهندگان است.

مزایای PHP

برخی از مهم ترین مزایای PHP، عبارتند از:

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

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

PHP معایب

 

اگرچه PHP یک زبان برنامه نویسی شگفت انگیز است، اما در این مورد، معافیتهایی وجود دارد؛ بگذارید از لحاظ استراتژیک به آن ها نگاه کنیم.
از آنجا که PHP منبع باز است، امن نیست. فایل متن ASCII به راحتی در دسترس است و هر کس می تواند آن را بالا نگاه کند.
برای توسعه نرم افزار عظیم وب مناسب نیست، اگر کسی بخواهد یک نرم افزار وب مبتنی بر محتوا را توسعه دهد، این کار را با کمک PHP نمی تواند انجام دهد. آن ها باید از دیگر زبان های برنامه نویسی استفاده کنند.
PHP ضعیف است و گاهی می تواند باعث خطا شود. این می تواند باعث شود که اطلاعات و دانش نادرست برای کاربران در دسترس باشد. یادگیری فوق العاده: باید از چارچوب PHP برای استفاده از قابلیت های PHP استفاده کند. اگر کسی از آن خبر نداشته باشد، مجبور به نوشتن کدهای اضافی می شود.
اجازه تغییر یا تغییر را نمی دهد، این امکان وجود ندارد که رفتار اصلی برنامه های آنلاین را تغییر دهد، زیرا PHP اجازه نمی دهد.
چارچوب ضعیف، فریم های PHP در مقایسه با دیگر زبان ها معادل رفتار نیستند. از این رو، عملکرد و ویژگی های آن می تواند رنج ببرد.
عملکرد ضعیف، PHP نمی تواند از استفاده از ویژگی های بسیاری در یک زمان حمایت کند. استفاده از ویژگی های بیشتر از چارچوب PHP یا ابزار می تواند باعث عملکرد ضعیف در هنگام توسعه برنامه های آنلاین شود. فشار زبان های برنامه نویسی ساده تراگرچه PHP یک زبان برنامه نویسی قدرتمند است، اما بسیاری از زبان های دیگر توسط یک جامعه خارج شده و مستندهای مرجانی که برای کاربردهای وب آسان تر است، وجود دارد.

زبان برنامه نویسی کامپایلری چیست؟

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

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

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

تفاوت زبان‌های سمت سرور و سمت کاربر چیست؟

به زبان هایی سمت کاربر یا Client-side می‌گوییم که در مرورگر کاربر پردازش و اجرا می‌شوند. برای مثال جاوا اسکریپت در مرورگر کاربر اجرا می‌شود بنابراین جزو زبان‌های سمت کاربر محسوب می‌شود. از آنجایی که این نوع زبان‌های برنامه نویسی در سیستم کاربر پردازش می‌شوند، سخت افزار و نوع سیستم کاربر می‌تواند در سرعت اجرای آن‌ها تاثیرگذار باشد.

اما زبان هایی مانند PHP در سرور (مربوط به سایت) پردازش و اجرا و در نهایت خروجی آن به سوی کاربر ارسال می‌شود. به همین دلیل به زبان هایی مانند PHP سمت سرور یا Server-Side می‌گوییم. از آنجایی که پی‌اچ‌پی در سمت سرور اجرا می‌شود، برای برقراری ارتباط بین کاربر و سرور نیاز نرم افزاری دارد که به آن وب سرور می‌گوییم.

 مزایای PHP بر زبان های دیگر

اگر شما در یک پروژه خود  نیاز به کمک یک زبان اسکریپتی که بتواند کار را به خوبی انجام دهد، این زبان را به شما پیشنهاد میدهیم.فیس بوک، وردپر، تومبلر، یاهو، مایل چیمپ، آی استاکو و دیگران همگی با استفاده از PHP ایجاد شدند. از آنجا که یکی از مزایای اصلی PHP این است که به سرعت بار می شود، به این معنی که افرادی که به وب سایت شما می آیند، در زمان انتظار طولانی تجربه می کنند. استفاده رایگان زبان های اسکریپت می توانند از دو نوع منبع باز و منبع بسته باشند. زبان منبع باز به زبان هایی که آزاد هستند اشاره دارد؛ منبع بسته به زبان هایی که پرداخت می شود اشاره دارد.

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

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

از کجا می توان از زبان PHP استفاده کرد؟

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

چرا پی اچ پی این همه محبوب است؟

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

 

تاریخچه زبان برنامه نویسی PHP و نسخه‌های آن

همه چیز از زمانی شروع شد که Rasmus Lerdorf دانمارکی در سال ۱۹۹۴ تعدادی اسکریپت به منظور مدیریت یک سری از کارها در سایت شخصی خود با زبان برنامه نویسی Perl نوشت. Lerdorf با استفاده از این اسکریپت‌ها که بر اساس استاندارد اسکریپت‌نویسی (Common Gateway Interface) نوشته شده بودند، آمار افرادی را که در حال خواندن رزومه اش بودند محاسبه و ذخیره کرد. او با این کار توجه افراد زیادی را به اسکریپت هایش جلب کرد و از او درخواست کردند تا اسکریپت‌ها را برای آن‌ها هم ارسال کند. بنابراین Lerdorf تصمیم گرفت که نام اسکریپت‌های خود را PHP گذارد که مخفف عبارت Personal Home Page بود.

نسخه‌های PHP2 و PHP3

Lerdorf در سال 1997 زبان PHP را به نسخه دوم ارتقا داد و توانست نظر توسعه دهنده‌های زیادی را به خودش جلب کند. بازنویسی موتور پردازشی PHP در سال 1998 به پایان رسید و به عنوان نسخه سوم PHP عرضه شد. البته در همین سال تصمیم گرفتند که به کلمه PHP مفهومی جدید دهند. آن‌ها تصمیم گرفتند که دیگر دو حرف میانی کلمه PHP برگرفته از عبارت Home Page نباشد و به عنوان مخففی از عبارت Hypertext Preprocessor در نظر گرفته شود.

منظور از این دو حرف به زبان ساده این است که زبان PHP اطلاعات را قبل از اینکه به صورت HTML به کاربر نمایش دهد، پردازش می‌کند و سپس آن را در قالب HTML به کاربر نمایش می‌دهد.(منظور از Hypertext ابر متن یا متن‌های بزرگ و طولانی است که احتمال دارد در آن تصویر، جدول و… به کار رفته باشد که در حقیقت همان فایل HTML است که کاربر در قالب صفحات وب مشاهده می‌کند).

نسخه PHP4

به تدریج با گذشت زمان به تعداد توسعه دهندگان اولیه زبان PHP به منظور توسعه بخش‌های دیگر این زبان اضافه شد و به این ترتیب بود که زبان برنامه نویسی PHP به یک پروژه متن باز یا Open Source تبدیل شد. در سال 2000 Zeev Suraski به همراه همکارش Andi Gutmans تصمیم به تاسیس شرکتی با نام Zend گرفتند. در آن شرکت هسته اصلی زبان PHP دوباره زیر تیغ جراحی توسعه دهندگان قرار گرفت و بازنویسی شد. در این بازنویسی تغییرات زیادی بر روی PHP اعمال شد که هسته آن را Zend Engine نامیدند و به عنوان نسخه چهارم از این زبان ارائه کردند.

نسخه PHP5

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

نسخه PHP6

بعد از نسخه 5.6 ، نسخه هفتم PHP عرضه شد. زیرا تیم توسعه زبان PHP تصمیم داشتند در نسخه ششم، قابلیت پشتیبانی از Unicode را به این زبان اضافه کنند تا قادر باشد از کاراکترهای همه زبان‌های دنیا پشتیبانی کند. اما آن‌ها نتوانستند این قابلیت را به خوبی پیاده سازی کنند و به همین دلیل تصمیم گرفتند تا توسعه این نسخه از PHP متوقف شود.

نسخه PHP7

سال 2015، با عرضه نسخه هفتم PHP، این زبان دوست داشتنی دوران جوانی خود را پشت سر گذاشت و به دوران بلوغ و پختگی خودش وارد شد. به تعبیری این نسخه از PHP را می‌توانیم به عنوان یکی از بزرگترین و بهترین بروزرسانی‌های یک زبان برنامه نویسی به حساب آوریم. از جمله تغییرات مهم این نسخه می‌توان به بهبود عملکرد، کاهش استفاده از حافظه تا حدود 50% و افزایش چشمگیر سرعت (حدودا دو برابر) اجرای آن اشاره کرد. PHP این افزایش سرعت و بهبود عملکرد را مدیون استفاده از نسخه سوم Zend Engine است.

نسخه php8

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

در این نسخه که در آذر ماه سال 1399 معرفی شد تغیرات مهمی از جمله پیدایش jit است.

Jit به معنی این است که برنامه‌های نوشته شده با این زبان برنامه نویسی در عین پردازش اجرا میشوند و نه تنها این عامل باعث افرایش سرعت این زبان برنامه نویسی بالا رفته مصرف ریسورس‌ها و منابع مورد نیاز برای اجرای برنامه کاهش پیدا کرده است.این تنها یکی از قابلیت‌های این ورژن از php  است.

زبان برنامه نویسی مفسری چیست؟

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

به طور کلی به زبان هایی تفسیرشونده یا Interpreted می‌گوییم که سورس کد آن‌ها به صورت یکباره کامپایل (پردازش، ترجمه و اجرا) نمی‌شود بلکه هرخط از کد آن توسط برنامه‌های مفسر یا تفسیرکننده (Interpreter) به صورت خط به خط بررسی و سپس تفسیر و اجرا می‌شوند.

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

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

فریمورک‌های PHP را بشناسید

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

لاراول Laravel

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

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

Codelgniter

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

Symfony

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

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

Laminas Project

توسعه‌دهندگان معمولا از پروژه‌های Laminas که تا پیش از این تحت عنوان Zend بودند، به عنوان یک فریمورک glue یاد می‌کنند. این موضوع، راهی برای معرفی کردن ماهیت مبتنی بر glue نیز می‌باشد. Laminas یک چارچوب ساخته شده براساس MVC شیء‌گرا بوده که این امکان را برایتان فراهم می‌کند تا اجزای موردنظر خود را به عنوان کتابخانه‌های جداگانه بارگیری نمایید. به عبارتی دیگر، این فرصت را در اختیارتان قرار می‌دهد تا فقط بر روی اجزا و عملکردهای موردنظر خود تمرکز کرده و موارد دیگر را نادیده بگیرید. با استفاده از این رویکرد و ماهیت شیءگرایی آن، می‌توانید کدی که می‌نویسید را بارها مورداستفاده قرار دهید. همچنین ادغام پلتفرم با کتابخانه‌های خارجی برای توسعه عملکرد نیز بسیار آسان است.

Phalcon

Phalcon یکی دیگر از فریمورک‌های PHP است که به دلیل نوشته شدن کد منبع آن با زبان C کمی عجیب به نظر می‌رسد. به عبارتی دیگر، این چارچوب یک اکستنشن C از PHP است که در عمل، یکی از سریع‌ترین فریمورک‌هایی است که می‌توانید از کار کردن با آن لذت ببرید. همچنین از نظر منابع، بسیار کم‌مصرف بوده و از معماری MVC استفاده می‌کند. پس از نصب این چارچوب، تقریبا هیچ فایلی دریافت نمی‌کنید و به جای آن، فقط ماژول‌ها و کتابخانه‌های موردنیازتان را در صورت نیاز می‌توانید اضافه کنید.

FuelPHP

این فریمورک یکی از موارد نسبتا جدیدی است که برای نخستین بار در سال ۲۰۱۴ راه‌اندازی شد. سازندگان آن بر این باورند که بهترین روش‌ها را از سایر چارچوب‌های قدرتمند جمع‌آوری کرده و چیزهای جدید و هیجان‌انگیزی در آن قرار داده‌اند.

CakePHP

در اوایل دهه ۲۰۰۰ بود که CakePHP به عنوان اولین چارچوب MVC PHP وارد بازار شد. در آن دوره، این فریمورک یک گزینه بسیار عالی بود و هنوز هم یکی از محبوب‌ترین چارچوب‌های زبان PHP محسوب می‌شود. نسخه‌های جدید آن با گذر زمان بهبود پیدا کرده و اجزای جدید زیادی به آن اضافه شدند. با این وجود، CakePHP زمانی به درخشش واقعی خود می‌رسد که با نحوه استفاده از ساختار کدگذاری آن آشنا باشید. این بدان معنا است که با این پلتفرم، پس از تسلط بر مجموعه قراردادهای آن، می‌توانید بر توسعه تمرکز کرده و کارهای بیشتری انجام دهید.

همچنین مجموعه شگفت‌انگیزی از کتابخانه‌ها را ارائه می‌دهد که شامل Componentsهای بسیار مفیدی می‌شود. آزمایشات انجام شده ثابت کرده که این چارچوب یکی از مجموعه‌های کاملی است که می‌توانید برای برنامه‌نویسی با PHP استفاده کنید. بنابراین اگر نیاز به اجرای ویژگی‌های دشوار دارید، CakePHP گزینه بسیار خوبی برای شما خواهد بود.

Yii

یکی دیگر از فریمورک‌های قدرتمند و برتر PHP، Yii است. یکی از ویژگی‌های بارز آن، سهولت در تنظیم است و به همین دلیل توسعه‌دهندگان زیادی طرفدار آن هستند. همچنین دررابطه با عملکرد، این چارچوب در مقابل Phalcon قرار می‌گیرد و یک امتیاز بزرگی برای آن می‌باشد. مانند سایر چارچوب‌هایی که تا به حال دیده‌اید، Yii هم مجموعه کاملی از اجزای سازنده را ارائه می‌کند تا بتوانید از آن‌ها برای افزایش سرعت توسعه برنامه‌های وب استفاده کنید. علاوه بر این، به دلیل وجود مجموعه قدرتمندی از ویژگی‌های امنیتی، Yii مشخصات برجسته‌ای دارد که می‌توان از آن‌ها برای ساخت پروژه‌های بسیار ایمن استفاده کرد.

Slim

با استفاده از فریمورک Slim می‌توان سرعت برنامه‌های وب و API را افزایش داد. علاوه بر مواردی که تا این قسمت از مطلب معرفی کردیم، سایر فریمورک‌های PHP گزینه‌های زیر نیز هستند:

  • Fat-Free Framework
  • Lumen

PHP یک زبان مفسری

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

تفاوت زبان‌های سطح بالا و سطح پایین چیست؟

زبان‌های برنامه نویسی به دو دسته زبان‌های سطح بالا یا High-level و سطح پایین یا Low-Level تقسیم می‌شوند. و از آن جا که زبان برنامه نویسی PHP یک زبان سطح بالا محسوب می‌شود، قصد داریم شما را با این دو نوع زبان آشنا کنیم تا تفاوت‌ها و ویژگی‌های آن‌ها را بشناسید.

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

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

تفاوت سایت‌های استاتیک و دینامیک چیست؟

همانطور که در تعریف PHP چیست؟ اشاره شد، اساس و بنیان ساخت این زبان به منظور ایجاد سایت‌های دینامیک بوده است. بنابراین اگربخواهیم بررسی کنیم که چرا به زبان‌های برنامه نویسی مانند PHP در دنیای وب نیاز پیدا خواهیم کرد و ضرورت ایجاد آن‌ها چه عاملی بوده است، باید ابتدا تفاوت بین سایت‌های استاتیک و دینامیک را به خوبی درک کنیم.

قبل از اینکه زبان هایی مانند PHP ، JavaScript و… ایجاد شوند، صفحات وب به صورت ایستا طراحی می‌شدند. منظور از طراحی به صورت ایستا، این است که صفحات وب فقط با استفاده از کدهای Css و Html ایجاد می‌شدند که طراحی وب سایت را با محدودیت‌های فراوانی همراه می‌کرد. برای مثال اگر کارفرما و یا صاحب سایت از طراح آن برای ایجاد تغییری در  سایت درخواستمی کرد، طراح می‌بایست به صورت دستی و یک به یک این تغییرات را در سایت اعمال کند و دیگر خبری از پنل‌های تنظیمات پیشرفته و یا داشبورد‌های مدیریتی در سایت‌های استاتیک نبود.

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

 

جلسات دوره

0

1-

معرفی ساختار وب
در این جلسه در رابطه با معرفی ساختار وب بحث خواهیم کرد

11 دقیقه


1

2-

نصب نرم افزار کد ادیتور و معرفی تگ ها

در این قسمت به نصب و معرفی نرم افزار های مورد نیاز میپردازیم.


25 دقیقه


2

3-

فایل های جلسه اول و دوم
فایل های پروژه را می تونوانید از اینجا دانلود نمایید


3

4-

تگ های لینک، عکس، فاصله و خط

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


18 دقیقه


4

5-

فورمت دهی در HTML

در این قسمت با آموزش Text Formatting در HTML سر و کار داریم و تمرین جلسه قبل رو باهم برسی خواهیم کرد.


30 دقیقه


5

6-

فایل های این فصل

فایل های پروژه را می تونوانید از اینجا دانلود نمایید



6

7-

تگ های کامنت، رنگ، استایل و تصاویر در HTML

در این قسمت در رابطه با تگ های کامنت و رنگ و استایل بحث خواهیم کرد.


14 دقیقه


7

8-

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

18 دقیقه


8

9-

قسمت دوم تگ های جدول

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


16 دقیقه


9

10-

لیست ها در HTML

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


18 دقیقه


10

11-

کار با تگ div در HTML

در این قسمت با آموزش کار با تگ DIV در HTML صحبت خواهیم کرد.


14 دقیقه


11

12-

آموزش کار با Class ها در HTMl

این قسمت آموزش کار با  Class ها و نحوه استفاده در HTML را خواهیم داشت.


11 دقیقه


12

13-

آموزش کار با IDها در HTMl

این قسمت آموزش کار با  ID ها و نحوه استفاده در HTML را خواهیم داشت.


14 دقیقه


13

14-

Iframes ها در HTML

این قسمت آموزش کار با  Iframes ها و نحوه استفاده در HTML را خواهیم داشت.


8 دقیقه


14

15-

نحوه استفاده درست از Layout ها در HTML

این قسمت آموزش کار با  Layout ها و نحوه استفاده آن در HTML را خواهیم داشت.


14 دقیقه


15

16-

form ها در HTMl قسمت اول

این قسمت آموزش کار با  form ها و نحوه استفاده آن در HTML را خواهیم داشت.


9 دقیقه


16

17-

قسمت دوم form ها در HTMl

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


21 دقیقه


17

18-

قسمت سومform ها در HTMl

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


17 دقیقه


18

19-

قسمت چهارم form ها در HTMl

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


16 دقیقه


19

20-

فایل های پروژه برای دانلود


20

21-

قسمت اول Media در HTML

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


7 دقیقه


21

22-

قسمت دوم Media در HTML

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


7 دقیقه


22

23-

فایل های پروژه


23

24-

PHP Introduction

در این جلسه در رابطه با معرفی PHP بحث خواهیم کرد.


10 دقیقه


24

25-

مقدمه ایی بر CSS و استایل ها

این قسمت آموزش کار با استایل ها و نحوه استفاده آن در CSS را خواهیم داشت.


9 دقیقه


25

26-

سلکتور ها در CSS

این قسمت آموزش کار با سلکتور ها و نحوه استفاده آن در CSS را خواهیم داشت.


14 دقیقه


26

27-

کلاس و آیدی ها در CSS

این قسمت آموزش کار با کلاس ها و آیدی ها و نحوه استفاده آن در CSS را خواهیم داشت.


12 دقیقه


27

28-

بوردر ها در CSS

این قسمت آموزش کار با borders ها و نحوه استفاده آن در CSS را خواهیم داشت.


11 دقیقه


28

29-

فاصله های خارجی در CSS

این قسمت آموزش کار با مارجین ها و نحوه استفاده آن در CSS را خواهیم داشت.


5 دقیقه


29

30-

فاصله های داخلی در CSS

این قسمت آموزش کار با پدینگ ها و نحوه استفاده آن در CSS را خواهیم داشت.


5 دقیقه


30

31-

فایل های پروژه


31

32-

CSS Outline

این قسمت آموزش کار با Outline ها و نحوه استفاده آن در CSS را خواهیم داشت.


8 دقیقه


32

33-

آموزش استایل دهی به متن در CSS

این قسمت آموزش کار با متن ها و نحوه استفاده آن در CSS را خواهیم داشت.


19 دقیقه


33

34-

فونت ها در CSS

این قسمت آموزش کار با فونت ها و نحوه استفاده آن در CSS را خواهیم داشت.


7 دقیقه


34

35-

آموزش آیکون های در CSS

این قسمت آموزش کار با آیکون ها و نحوه استفاده آن در CSS را خواهیم داشت.


14 دقیقه


35

36-

لینک ها در CSS

این قسمت آموزش کار با لینک ها و نحوه استفاده آن در CSS را خواهیم داشت.


9 دقیقه


36

37-

آموزش لیست ها در CSS

این قسمت آموزش کار با لیست  ها و نحوه استفاده آن در CSS را خواهیم داشت.


4 دقیقه


37

38-

آموزش جدول ها در CSS

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


13 دقیقه


38

39-

انواع display در CSS

این قسمت آموزش کار با display ها و نحوه استفاده آن در CSS را خواهیم داشت.


11 دقیقه


39

40-

عرض و طول المنت ها در CSS

این قسمت آموزش کار با طول و عرض  المنت ها و نحوه استفاده آن در CSS را خواهیم داشت.


6 دقیقه


40

41-

پوزیشن ها در CSS

این قسمت آموزش کار با پوزیشن ها و نحوه استفاده آن در CSS را خواهیم داشت.


12 دقیقه


41

42-

فایل های پروژه


42

43-

آموزش Z-index در CSS

این قسمت آموزش کار با z-index ها و نحوه استفاده آن در CSS را خواهیم داشت.


5 دقیقه


43

44-

آموزش CSS Overflow

این قسمت آموزش کار با Overflow ها و نحوه استفاده آن در CSS را خواهیم داشت.


6 دقیقه


44

45-

فلوت ها در CSS

این قسمت آموزش کار با float ها و نحوه استفاده آن در CSS را خواهیم داشت.


8 دقیقه


45

46-

آموزش CSS display: inline-block

این قسمت آموزش کار با  inline-block و نمایش ها و نحوه استفاده آن در CSS را خواهیم داشت.


5 دقیقه


46

47-

آموزش استایل دهی به صورت افقی و عمودی

این قسمت آموزش کار با استایل دهی به صورت افقی و عمودی ها و نحوه استفاده آن در CSS را خواهیم داشت.


8 دقیقه


47

48-

CSS Combinators

این قسمت آموزش کار با ترکیب کننده ها و نحوه استفاده آن در CSS را خواهیم داشت.


5 دقیقه


48

49-

آموزش CSS Pseudo-classes

این قسمت آموزش کار با Pseudo-classes ها و نحوه استفاده آن در CSS را خواهیم داشت.


6 دقیقه


49

50-

آموزش در CSS Pseudo-elements

این قسمت آموزش کار با CSS Pseudo-elements ها و نحوه استفاده آن در CSS را خواهیم داشت.


6 دقیقه


50

51-

آموزش شفافیت و کدری در CSS
این قسمت آموزش کار با آموزش شفافیت و کدری ها و نحوه استفاده آن در CSS را خواهیم داشت.

4 دقیقه


51

52-

آموزش CSS Navigation Bar

این قسمت آموزش کار با آموزش Navigation Bar و نحوه استفاده آن در CSS را خواهیم داشت.


15 دقیقه


52

53-

آموزش CSS Dropdowns

این قسمت آموزش کار با آموزش Dropdowns و نحوه استفاده آن در CSS را خواهیم داشت.


7 دقیقه


53

54-

آموزش CSS Image Gallery

این قسمت آموزش کار با آموزش Image Gallery ها و نحوه استفاده آن در CSS را خواهیم داشت.


3 دقیقه


54

55-

آموزش انتخاب گر سلکتور ها در CSS

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


7 دقیقه


55

56-

آموزش فرم ها در CSS

این قسمت آموزش کار با آموزش فرم ها  و نحوه استفاده آن در CSS را خواهیم داشت.


9 دقیقه


56

57-

اموزش شمارنده ها در CSS

این قسمت آموزش کار با آموزش شمارنده ها و نحوه استفاده آن در CSS را خواهیم داشت.


9 دقیقه


57

58-

آموزش CSS Website Layout

این قسمت آموزش کار با آموزش CSS Website Layout ها  و نحوه استفاده آن در CSS را خواهیم داشت.


6 دقیقه


58

59-

آموزش CSS Units

این قسمت آموزش کار با آموزش آموزش CSS Units ها  و نحوه استفاده آن در CSS را خواهیم داشت.


3 دقیقه


59

60-

آموزش CSS Specificity

این قسمت آموزش کار با آموزش CSS Specificity ها  و نحوه استفاده آن در CSS را خواهیم داشت.


2 دقیقه


60

61-

آموزش !important Rule

این قسمت آموزش کار با آموزش  !important Rule ها  و نحوه استفاده آن در CSS را خواهیم داشت.


4 دقیقه


61

62-

تابع های ریاضی در css

این قسمت آموزش کار با آموزش تابع های ریاضی در CSS  و نحوه استفاده آن در CSS را خواهیم داشت.


4 دقیقه


62

63-

گوشه های گرد در CSS یا CSS Rounded Corners

این قسمت آموزش کار با آموزش گوشه های گرد در CSS  یا CSS Rounded Corners و نحوه استفاده آن در CSS را خواهیم داشت.


3 دقیقه


63

64-

تصاویر حاشیه در CSS یا CSS Border Images
این قسمت آموزش کار با آموزش تصاویر حاشیه در CSS یا CSS Border Images و نحوه استفاده آن در CSS را خواهیم داشت.

3 دقیقه


64

65-

پس زمینه ها در CSS یا CSS Multiple Backgrounds

این قسمت آموزش کار با آموزش پس زمینه ها در CSS یا CSS Multiple Backgrounds و نحوه استفاده آن در CSS را خواهیم داشت.


5 دقیقه


65

66-

رنگ ها در CSS یا CSS COLORS
این قسمت آموزش کار با آموزش رنگ ها در  CSS یا CSS COLORS  و نحوه استفاده آن در CSS را خواهیم داشت.

3 دقیقه


66

67-

کلمات کلیدی رنگی در CNN یا CSS Color Keywords
این قسمت آموزش کار با آموزش کلمات کلیدی رنگی در CNN یا CSS Color Keywords و نحوه استفاده آن در CSS را خواهیم داشت.

10 دقیقه


67

68-

گردینت های CSS  یا CSS Gradients

این قسمت آموزش کار با آموزش گردینت های CSS  یا CSS Gradients و نحوه استفاده آن در CSS را خواهیم داشت.


10 دقیقه


68

69-

سایه ها در CSS یا CSS Shadows

این قسمت آموزش کار با سایه ها در CSS یا CSS Shadows و نحوه استفاده آن در CSS را خواهیم داشت.


10 دقیقه


69

70-

جلوه های متنی در CSS یا CSS Text Effects
این قسمت آموزش کار با جلوه های متنی در CSS یا CSS Text Effects و نحوه استفاده آن در CSS را خواهیم داشت.

7 دقیقه


70

71-

فونت های وب در CSS یا CSS Web Fonts
این قسمت آموزش کار با فونت های وب در CSS یا CSS Web Fonts و نحوه استفاده آن در CSS را خواهیم داشت.

4 دقیقه


71

72-

تبدیل های دو بعدی در CSS یا CSS 2D Transforms

این قسمت آموزش کار با تبدیل های دو بعدی در CSS یا CSS 2D Transforms و نحوه استفاده آن در CSS را خواهیم داشت.


3 دقیقه


72

73-

تبدیل های سه بعدی در CSS یا CSS 3D Transforms

این قسمت آموزش کار باتبدیل های سه بعدی در CSS یا CSS 3D Transforms و نحوه استفاده آن در CSS را خواهیم داشت.


3 دقیقه


73

74-

انتقال ها در CSS یا CSS Transitions

این قسمت آموزش کار با انتقال ها در CSS یا CSS Transitions و نحوه استفاده آن در CSS را خواهیم داشت.


4 دقیقه


74

75-

تصاویر متحرک در CSS یا CSS Animations

این قسمت آموزش کار با  تصاویر متحرک در CSS یا CSS Animations و نحوه استفاده آن در CSS را خواهیم داشت.



9 دقیقه


75

76-

نکات ابزار در CSS یا CSS Tooltip

این قسمت آموزش کار با نکات ابزار در CSS یا CSS Tooltip و نحوه استفاده آن در CSS را خواهیم داشت.


3 دقیقه


76

77-

سبک تصاویر در CSS یا CSS Styling Images

این قسمت آموزش کار با سبک تصاویر در CSS یا CSS Styling Images و نحوه استفاده آن در CSS را خواهیم داشت.


4 دقیقه


77

78-

انعکاس تصویر در CSS یا CSS Image Reflection

این قسمت آموزش کار با انعکاس تصویر در  CSS یا CSS Image Reflection و نحوه استفاده آن در CSS را خواهیم داشت.


3 دقیقه


78

79-

پوشاندن در CSS یا CSS Masking

این قسمت آموزش کار با پوشاندن در CSS یا CSS Masking و نحوه استفاده آن در CSS را خواهیم داشت.


2 دقیقه


79

80-

صفحه بندی در Css یا CSS Pagination

این قسمت آموزش کار با  صفحه بندی در CNN یا CSS Pagination  و نحوه استفاده آن در CSS را خواهیم داشت.


4 دقیقه


80

81-

مقدمه

در این قسمت از اموزش کار با بوت استرپ را خواهیم داشت .


8 دقیقه


81

82-

Bootstrap Containers

این قسمت آموزش کار با   Bootstrap  Containers و نحوه استفاده در بوت استرپ را خواهیم داشت.


10 دقیقه


82

83-

Bootstrap Typography

این قسمت آموزش کار با Bootstrap  Typography و نحوه استفاده در بوت استرپ را خواهیم داشت.


3 دقیقه


83

84-

Bootstrap Grid Basic

این قسمت آموزش کار با  Bootstrap  Grid Basic و نحوه استفاده در بوت استرپ را خواهیم داشت.


8 دقیقه


84

85-

Bootstrap colors

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


4 دقیقه


85

86-

Bootstrap images

این قسمت آموزش کار با  Bootstrap images  و نحوه استفاده در بوت استرپ را خواهیم داشت.


6 دقیقه


86

87-

Bootstrap Alerts

این قسمت آموزش کار با  Bootstrap  Alertsو نحوه استفاده در بوت استرپ را خواهیم داشت.


4 دقیقه


87

88-

Bootstrap Buttons

این قسمت آموزش کار با   Bootstrap Buttons و نحوه استفاده در بوت استرپ را خواهیم داشت.


3 دقیقه


88

89-

Bootstrap Button Groups

این قسمت آموزش کار با    Bootstrap  Button Groupsو نحوه استفاده در بوت استرپ را خواهیم داشت.


3 دقیقه


89

90-

Bootstrap Badges

این قسمت آموزش کار با   Bootstrap Badges و نحوه استفاده در بوت استرپ را خواهیم داشت.


3 دقیقه


90

91-

Bootstrap Progress Bars

این قسمت آموزش کار با  Bootstrap Progress Bars  و نحوه استفاده در بوت استرپ را خواهیم داشت.


4 دقیقه


91

92-

Bootstrap Spinners

این قسمت آموزش کار با   Bootstrap  Spinners و نحوه استفاده در بوت استرپ را خواهیم داشت.


3 دقیقه


92

93-

Bootstrap Pagination

این قسمت آموزش کار با  Bootstrap  Pagination  و نحوه استفاده در بوت استرپ را خواهیم داشت.


3 دقیقه


93

94-

Bootstrap List Groups

این قسمت آموزش کار با Bootstrap  List Groups و نحوه استفاده در بوت استرپ را خواهیم داشت.


2 دقیقه


94

95-

Bootstrap Cards

این قسمت آموزش کار با   Bootstrap  Cards و نحوه استفاده در بوت استرپ را خواهیم داشت.


3 دقیقه


95

96-

Bootstrap Dropdowns

این قسمت آموزش کار با Bootstrap Dropdowns و نحوه استفاده در بوت استرپ را خواهیم داشت.


4 دقیقه


96

97-

Bootstrap Collapse
این قسمت آموزش کار با Bootstrap Collapse و نحوه استفاده در بوت استرپ را خواهیم داشت.

2 دقیقه


97

98-

Bootstrap Navs

این قسمت آموزش کار با Bootstrap  Navs و نحوه استفاده در بوت استرپ را خواهیم داشت.


4 دقیقه


98

99-

Bootstrap Navbars

این قسمت آموزش کار با Bootstrap Navbars و نحوه استفاده در بوت استرپ را خواهیم داشت.


5 دقیقه


99

100-

Bootstrap Modal

این قسمت آموزش کار با  Bootstrap Modal و نحوه استفاده در بوت استرپ را خواهیم داشت.


3 دقیقه


100

101-

Bootstrap Tooltip

این قسمت آموزش کار با Bootstrap  Tooltip و نحوه استفاده در بوت استرپ را خواهیم داشت.


1 دقیقه


101

102-

Bootstrap Carousel
این قسمت آموزش کار با  Bootstrap Carousel و نحوه استفاده در بوت استرپ را خواهیم داشت.

3 دقیقه


102

103-

Bootstrap Popover

این قسمت آموزش کار با Bootstrap Popover و نحوه استفاده در بوت استرپ را خواهیم داشت.


2 دقیقه


103

104-

Bootstrap Toasts

این قسمت آموزش کار با Bootstrap Toasts و نحوه استفاده در بوت استرپ را خواهیم داشت.


2 دقیقه


104

105-

Bootstrap Scrollspy

این قسمت آموزش کار با Bootstrap  Scrollspy و نحوه استفاده در بوت استرپ را خواهیم داشت.


2 دقیقه


105

106-

Bootstrap Offcanvas

این قسمت آموزش کار با Bootstrap Offcanvas و نحوه استفاده در بوت استرپ را خواهیم داشت.


3 دقیقه


106

107-

Bootstrap Forms

این قسمت آموزش کار با Bootstrap Forms و نحوه استفاده در بوت استرپ را خواهیم داشت.


4 دقیقه


107

108-

Bootstrap Select

این قسمت آموزش کار با Bootstrap  Select و نحوه استفاده در بوت استرپ را خواهیم داشت.


3 دقیقه


108

109-

Bootstrap Checkboxes and Radio buttons

این قسمت آموزش کار با Bootstrap  Checkboxes and Radio buttons و نحوه استفاده در بوت استرپ را خواهیم داشت.


3 دقیقه


109

110-

Bootstrap Range

این قسمت آموزش کار با  Bootstrap Rangeو نحوه استفاده در بوت استرپ را خواهیم داشت.


1 دقیقه


110

111-

Bootstrap Input Groups

این قسمت آموزش کار با Bootstrap  Input Groups و نحوه استفاده در بوت استرپ را خواهیم داشت.


2 دقیقه


111

112-

Bootstrap Form Floating Labels

این قسمت آموزش کار با  Bootstrap  Form Floating Labels و نحوه استفاده در بوت استرپ را خواهیم داشت.


2 دقیقه


112

113-

Bootstrap Form Validation

این قسمت آموزش کار با  Bootstrap Grid Smallو نحوه استفاده در بوت استرپ را خواهیم داشت.


4 دقیقه


113

114-

PHP Introduction

در این جلسه در رابطه با معرفی PHP بحث خواهیم کرد.


10 دقیقه


114

115-

PHP Syntax

این قسمت آموزش کار با  PHP Syntax و نحوه استفاده آن در PHP را خواهیم داشت.


10 دقیقه


115

116-

PHP Comments

این قسمت آموزش کار با   PHP Comments و نحوه استفاده آن در PHP را خواهیم داشت.


10 دقیقه


116

117-