دوره های آموزشی مثال عملی

ویدئوهای مثال عملی

طراحی یک صفحه وب کامل – بخش سوم

طراحی یک صفحه وب کامل – بخش سوم

video-time00:46:17

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

در انتها نیز سایت css-tricks.com معرفی شده و پیشنهاداتی جهت برداشتن گامهای بعدی در زمینه طراحی سایت ارائه شده است.

در انتها امیدواریم این دوره آموزشی رضایت شما را جلب کرده باشد.

طراحی منوهای چند سطحی

طراحی منوهای چند سطحی

video-time01:03:28

در این درس به یکی از مباحث جذاب در طراحی وب، یعنی طراحی منوهای چند سطحی (یا منوهای کشویی) پرداخته شده است.

منوهای چند سطحی در اکثر ویسایت های امروزی وجود دارند و در برخی موارد طراحی وب بدون آنها تقریباً غیر ممکن است.

در این درس پس از ارائه‌ی چند مثال ساده، یک مثال عملی که مشابه منوی اصلی سایت دیجی کالا است پیاده سازی شده است.

طراحی یک صفحه وب کامل – بخش دوم

طراحی یک صفحه وب کامل – بخش دوم

video-time01:12:17

در این درس علاوه بر کدنویسی و تکمیل کردن قالب پروژه در نظر گرفته شده، به موضوع عناصر کاذب (Pseudo Elements) نیز پرداخته شده است.

عناصر کاذب یکی از مفاهیم بسیار مهم در CSS3 هستند که در طراحی وب ریسپانسیو بسیار کاربرد دارند.

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

طراحی یک صفحه وب کامل – بخش اول

طراحی یک صفحه وب کامل – بخش اول

video-time01:06:10

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

تقریباً تمام مباحث مطرح شده در درسهای قبلی در پیاده سازی این پروژه مورد استفاده قرار گرفته اند.

آشنایی با CSS Box Model – بخش دوم

آشنایی با CSS Box Model – بخش دوم

video-time01:07:56

در این درس ادامه مبحث CSS Box Model را پیگیری می‌کنیم.

ابتدا با سه ویژگی بسیار مهم از CSS که عبارتند از : overflow، float و clear، آشنا خواهید شد.

سپس با انجام یک مثال عملی، کاربرد مباحث مطرح شده در این درس و درس قبلی در عمل نشان داده شده است که در این مثال Layout یک صفحه‌ی وب ساده طراحی می‌شود.

آشنایی با Ajax در jQuery

آشنایی با Ajax در jQuery

video-time01:20:45

یکی از ویژگی های بسیار قدرتمند و کارآمد در jQuery، سهولت کار کردن با Ajax در آن است.

در این درس ابتدا با قابلیت های jQuery در زمینه‌ی Ajax و متدهای load، get، post و ajax آشنا می‌شوید.

سپس چند مثال عملی در این زمینه انجام می‌شود. مانند پیاده‌سازی Infinite Scroll و ایجاد جستجوی مبتنی بر Ajax.

آشنایی با پلاگین ها و توسعه jQuery

آشنایی با پلاگین ها و توسعه jQuery

video-time01:11:02

گاهی اوقات توانایی های ذاتی jQuery پاسخگوی نیازهای ما نیستند. و لازم از تا امکاناتی را به jQuery اضافه کنیم. با استفاده از پلاگین ها می‌توان انواع قابلیت های جدید را به jQuery اضافه کرد.

در این درس ابتدا با مفهوم متدهای سودمند و پلاگین ها در jQuery و روشهای توسعه‌ی jQuery با پلاگین ها آشنا می‌شوید.

سپس ۲ پلاگین برای اعتبارسنجی فرم و ایجاد منوی آکاردئونی به صورت عملی پیاده سازی می‌شوند و در نهایت نحوه استفاده از پلاگین Cycle2 برای ایجاد اسلایدشوهای پیشرفته بررسی می‌شود.

آشنایی با انیمیشن ها در jQuery

آشنایی با انیمیشن ها در jQuery

video-time01:07:05

در این درس به بررسی یکی از ویژگی‌های قدرتمند jQuery، یعنی Animation ها پرداخته شده است.

ابتدا با افکت ها و انیمیشن‌ها در jQuery و متدهای پرکاربرد در این زمینه آشنا خواهید شد. سپس به بررسی مفهوم صف در انیمیشن ها پرداخته شده و یک منوی آکاردئونی و یک اسلایدر با انیمیشن های jQuery طراحی شده است.

کار با عناصر صفحه – بخش سوم

کار با عناصر صفحه – بخش سوم

video-time01:08:04

در این درس به معرفی متدهایی جهت کار با موقعیت مکانی و ابعاد عناصر صفحه مانند : offset , position , scrollTop , scrollLeft)پرداخته شده است.

همچنین متدهایی در رابطه با DOM Manipulation در ادامه معرفی شده اند.

همچنین در انتهای درس یک مثال عملی با مباحث مطرح شده انجام داده شده است.

آشنایی با JSON ، Ajax و Comet

آشنایی با JSON ، Ajax و Comet

video-time01:50:43

در این درس به بررسی سه موضوع بسیار مهم، یعنی : JSON و Ajax و Comet پرداخته شده است.

در ابتدای این درس به صورت مختصر JSON را معرفی کرده و با چند مثال نحوه‌ی استفاده از آن در PHP نشان داده شده است.

در ادامه به معرفی Ajax پرداخته شده و با چندین مثال نحوه‌ی استفاده از آن در PHP تشریح شده است. (مانند ایجاد Chat Room یا جستجوی مبتنی بر Ajax).

در انتهای این درس نیز ضمن معرفی Comet که یک تکنیک پیشرفته و بسیار کاربردی در Ajax می‌باشد یک مثال عملی بسیار جالب نیز در این زمینه انجام داده شده است.

آشنایی با XML و افزونه‌ی DOM

آشنایی با XML و افزونه‌ی DOM

video-time01:37:15

در این درس در ابتدا به معرفی XML پرداخته شده است که یکی از تکنولوژی های بسیار مهم در برنامه نویسی وب و به خصوص در مبحث وب‌سرویس‌ها می‌باشد.

سپس به طور مختصر برخی از مشتقات آن مانند RSS و Atom مورد بررسی قرار گرفته اند.

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

در انتها نیز به بررسی پروتکل Sitemap پرداخته شده که یکی دیگر از مشتقات XML است و نحوه‌ی ایجاد Sitemap با یک مثال عملی تشریح شده است.

آشنایی با افزونه‌ی cURL و کاربردهای آن

آشنایی با افزونه‌ی cURL و کاربردهای آن

video-time01:15:56

در این درس در ابتدا به معرفی ویژگی های اساسی افزونه‌ی cURL و کاربردهای آن پرداخته شده است.

سپس با ارائه‌ی چند مثال ساده نحوه‌ی استفاده از این افزونه به روش‌های مختلف نشان داده شده است.

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

عبارات منظم (Regular Expressions) – بخش سوم

عبارات منظم (Regular Expressions) – بخش سوم

video-time01:21:10

در این درس در ابتدا به بررسی قابلیت‌های MySQL در عبارات منظم و عملگر REGEXP پرداخته شده است. سپس یک مثال عملی و کاملاً کاربردی انجام داده شده است.

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

با انجام این مثال عملی دید نسبتاً خوبی نسبت به کاربردهای عملی عبارات منظم کسب خواهید کرد.

طراحی یک CMS با PHP و MySQL – بخش ششم

طراحی یک CMS با PHP و MySQL – بخش ششم

video-time01:13:42

در این درس ابتدا بخش‌های مربوط به ایجاد مطلب جدید تکمیل شده و در ادامه به بررسی نحوه‌ی استفاده از ویرایشگرهای حرفه‌ای WYSIWYG در صفحات وب پرداخته شده است.
در این درس از ویرایشگر CKEditor استفاده شده و نحوه‌ی دانلود کردن و اضافه کردن آن به پروژه کاملاً توضیح داده شده است.

طراحی یک CMS با PHP و MySQL – بخش چهارم

طراحی یک CMS با PHP و MySQL – بخش چهارم

video-time01:29:35

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

سپس به طراحی آخرین کلاس این پروژه یعنی کلاس User پرداخته شده و با استفاده از این کلاس امکاناتی مانند ثبت نام در سایت، فعال کردن حساب کاربری با ارسال لینک فعال‌سازی از طریق ایمیل و ورود (Login) به حساب کاربری به پروژه اضافه شده اند.

طراحی یک CMS با PHP و MySQL – بخش سوم

طراحی یک CMS با PHP و MySQL – بخش سوم

video-time01:19:43

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

سپس پویاسازی قسمت محتویات اصلی صفحه (قسمت مربوط به نمایش پست‌ها) آغاز شده است.

در ادامه بخش مربوط به صفحه بندی یا paging صفحه، ایجاد شده است تا قالب صفحه‌ی اصلی این CMS به طور کامل به شکل پویا تولید شود.

طراحی یک CMS با PHP و MySQL – بخش دوم

طراحی یک CMS با PHP و MySQL – بخش دوم

video-time01:07:33

در این درس ضمن تکمیل کردن کلاس Category، سه کلاس دیگر برای برقراری ارتباط با جدولهای posts_cats، posts و comments ایجاد شده است.
در حین ایجاد و تکمیل کلاسهای فوق نیز بخش‌هایی از قالب استاتیک در نظر گرفته شده برای این CMS به صورت داینامیک یا پویا تبدیل می‌شود.

طراحی یک CMS با PHP و MySQL – بخش اول

طراحی یک CMS با PHP و MySQL – بخش اول

video-time01:24:09

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

در ابتدای این درس به بررسی نکاتی در زمینه‌ی طراحی پایگاه داده‌ی این CMS پرداخته شده است و پایگاه داده طراحی شده است.

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

کلیه حقوق مادی و معنوی این سایت متعلق به OTedia.com است و نشر محتوای آن به هر نحوی غیر قانونی است.