آموزش صفر تا صد HTML, CSS و jQuery برای طراحی وب استاتیک

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

در این قسمت به معرفی زبان html پرداختیم و تاریخچه آن را مورد بررسی قرار دادیم .

در این قسمت ، ساختار یک صفحه html در مرورگر را مورد بررسی قرار دادیم که شامل دو بخش head (سربرگ) و body (بدنه) میباشد .

در این قسمت ساختار تگ ها (عناصر صفحه html) را مورد بررسی قرار دادیم .

در این قسمت ساختار عناوین و تگ های heading را مورد بررسی قرار دادیم.

در این قسمت ، attribute های تگ های html را مورد بررسی قرار دادیم .

در این قسمت ، تگ

یکسری تگ ها قابلیت استایل دهی و فرمت دهی به عناصر را دارا هستند ، برای مثال تگ باعث bold و پر رنگ شدن المان صفحه میشود . در این قسمت ، این تگ های فرمت را مورد بررسی قرار دادیم .

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

در این قسمت به معرفی تگ پرکاربرد div پرداختیم.

برای اضافه کردن فایل داخل پروژه ، از تگ لینک (link) استفاده میکنیم.

در این قسمت ، تگ های مربوط به block و inline-block را مورد بررسی قرار دادیم .

در این قسمت تگ پرکاربرد

در این قسمت به معرفی تگ script در html پرداختیم .

همانطور که اشاره کردیم , html ساختار صفحه مرورگر ما را تشکیل میده اما به تنهایی کافی نیست . ما برای تغییر در استایل و ظاهر تگ ها و عناصر html , نیاز به کد های css داریم . در این قسمت ، css و ساختار آن را مورد بررسی قرار دادیم .

ما برای تغییر در استایل عناصر html ، نیاز به selector ها برای دسترسی به عناصر و تگ ها داریم . در این قسمت انواع selector ها رو مورد بررسی قرار دادیم .

در این قسمت پراپرتی color و رنگ ها رو مورد بررسی قرار دادیم .

در این قسمت پراپرتی های مربوط به تصاویر را مورد بررسی قرار دادیم .

در این قسمت به معرفی پراپرتی border پرداختیم .

در این قسمت پراپرتی های مربوط به متن و ایجاد فواصل بین عناصر (margin & padding) را آموزش دادیم .

در این قسمت پراپرتی های مربوط به فونت ها و لیست ها رو مورد بررسی قرار دادیم .

در این قسمت پراپرتی های مربوط به جایگاه و نمایش عناصر صفحه را مورد بررسی قرار دادیم .

در این قسمت پراپرتی های overflow و float رو مورد بررسی قرار دادیم .

در این قسمت به معرفی پراپرتی های گرادیانت و سایه (gradiant & shadow) پرداختیم .

در این قسمت پراپرتی های transform و transition را مورد بررسی قرار دادیم.

در این قسمت پراپرتی های مربوط به انیمیشن ها در CSS را مورد بررسی قرار دادیم .

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

در این قسمت به معرفی flex-box پرداختیم.

در این قسمت به معرفی کتابخانه jQuery ، یکی از پرکاربردی ترین کتابخانه های جاوااسکریپت میپردازیم .

در این قسمت ، طریقه نصب کتابخانه jQuery را به شما عزیزان آموزش خواهیم داد .

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

در این قسمت به معرفی css و استایل دهی به المان ها در jQuery پرداختیم .

در این قسمت , events (رویداد ها) را در jQuery مورد بررسی قرار دادیم .

در این قسمت به معرفی Traversing پرداختیم .

اولین پروژه تمرینی برای نمایش بلاگ ورزشی با افکتهای متنوع

در این قسمت یک پروژه تمرینی با قابلیت اسکرول به بالای صفحه سایت پیاده سازی خواهیم کرد .

در این قسمت، تکنولوژِی Ajax را مورد بررسی قرار دادیم .

در این قسمت ، ساختار اولیه Ajax را مورد بررسی قرار داده و به معرفی Data Attributes پرداختیم.

در ادامه قسمت قبل ، ساختار Ajax رو به صورت کامل مورد بررسی قرار داده و به شکل پروژه عملی از طریق یک فرم، دیتا را به صورت Ajax ارسال خواهیم کرد .