فیلم آموزشی jQuery به زبان انگلیسی – نکات کاربردی

[vc_row][vc_column][vc_custom_heading text=”در این دوره چه چیزهایی یاد می گیریم؟” font_container=”tag:h4|text_align:right” use_theme_fonts=”yes”][vc_column_text]پس از گذراندن دوره آموزشی “نکات کاربردی جی کوئری” ، خواهید توانست براحتی از جی کوئری در طراحی و توسعه سایت های خود استفاده کنید.[/vc_column_text][vc_custom_heading text=”اهداف این دوره آموزشی” font_container=”tag:h4|text_align:right” use_theme_fonts=”yes”][vc_row_inner][vc_column_inner][vc_column_text]

• اعتبارسنجی فرم های سایت
• طراحی یک اسلایدشوی تصاویر
• طراحی یک منوی انیمیشن دار
• پیاده سازی smooth-scrolling
• طراحی یک مودال باکس
• طراحی اسکرول موازی یا parallax
• ارسال و دریافت اطلاعات توسط Ajax و jQuery
• استفاده از پلاگین owl carousel در سایت
• پیاده سازی پلاگین های سفارشی جی کوئری
• و…

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_custom_heading text=”پیش نیاز های این دوره آموزشی” font_container=”tag:h4|text_align:right” use_theme_fonts=”yes”][vc_column_text]تسلط نسبی به HTML و CSS و JavaScript[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][cdb_course_lessons arrow_sections=”true” title=”1. فصل اول (Introduction)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” title=”1.1 Course Introduction” subtitle=”04:26″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/1-Course-Introduction.mp4″ preview_video=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/1-Course-Introduction.mp4″]در این ویدئو به معرفی دوره پرداخته می شود.[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”2. فصل دوم (Animating with jQuery)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” title=”2.1 Animating with JavaScript” subtitle=”07:16″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/2-Animating-with-JavaScript.mp4″ preview_video=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/2-Animating-with-JavaScript.mp4″]در این درس، با انیمیشن سازی در جی کوئری آشنا می شوید و ویژگی های انیمیشن در جاوااسکریپت و جی کوئری با هم مقایسه می شوند.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.2 Animating an Element’s Visibility” subtitle=”19:52″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/3-Animating-an-Element’s-Visibility.mp4″]در این درس ایجاد انیمیشن توسط افکت های fade و opacity المان ها آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.3 Creating a Photo Slideshow” subtitle=”07:25″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/4-Creating-a-Photo-Slideshow.mp4″]در این درس نحوه ایجاد یک اسلایدشوی تصاویر را با افکت fadein و fadeout آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.4 Animate with jQuery” subtitle=”11:17″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/5-Animate-with-jQuery.mp4″]در این درس، متد animate در جی کوئری بررسی می شود و تمام تنظیمات آن آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.5 Building an Animated Menu” subtitle=”11:58″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/6-Building-an-Animated-Menu.mp4″]در این درس، با استفاده از متد animate در jQuery یک انیمیشن جذاب برای منوی سایت طراحی می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.6 Staggering Animation & Easing” subtitle=”10:33″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/7-Staggering-Animation-Easing.mp4″]در این درس، اجرای انیمیشن روی چند المان بطور همزمان بررسی می شود و همچنین با استفاده از کتابخانه easing در جی کوئری، افکت های ease پیاده سازی خواهد شد.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.7 Animation Queues” subtitle=”19:17″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/8-Animation-Queues.mp4″]در این درس، نحوه اجرای چندین انیمیشن مختلف روی یک المان مورد بررسی قرار می گیرد و صف انیمیشن ها یا animations queue توضیح داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.8 Smooth Scrolling” subtitle=”09:32″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/9-Smooth-Scrolling.mp4″]در این درس، نحوه پیاده سازی اسکرول نرم یا smooth-scrolling در صفحات وب سایت توسط متد animation جی کوئری آموزش داده می شود.[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”3. فصل سوم (AJAX Using jQuery)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”3.1 Introduction to AJAX” subtitle=”08:42″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/10-Introduction-to-AJAX.mp4″]در این درس، با ای‌جکس (Ajax) و نحوه کار آن آشنا خواهید شد.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”3.2 Loading HTML Content Using AJAX” subtitle=”07:10″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/11-Loading-HTML-Content-Using-AJAX.mp4″]در این درس، نحوه درج محتوا در صفحه HTML را توسط AJAX توضیح می دهیم.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”3.3 Fetching JSON Content Using AJAX” subtitle=”06:35″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/12-Fetching-JSON-Content-Using-AJAX.mp4″]در این درس نحوه Fetch کردن محتوای JSON توسط AJAX آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”3.4 Interacting with APIs” subtitle=”17:10″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/13-Interacting-with-APIs.mp4″]در این درس، نحوه کار با API ها در AJAX بررسی می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”3.5 POST Using AJAX & jQuery” subtitle=”05:05″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/14-POST-Using-AJAX-jQuery.mp4″]در این درس، نحوه کار با متد POST.$ را در AJAX بررسی می کنیم.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”3.6 Uploading Files Using jQuery” subtitle=”11:24″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/15-Uploading-Files Using-jQuery.mp4″]در این درس، آپلود فایل توسط JQuery و Ajax آموزش داده خواهد شد.[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”4. فصل چهارم (jQuery & Plugins)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4.1 Introduction to jQuery Plugins” subtitle=”02:29″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/16-Introduction-to-jQuery-Plugins.mp4″]در این درس، درباره پلاگین های جی کوئری و نحوه لود آنها در سایت توضیح داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4.2 Building a Carousel” subtitle=”06:06″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/17-Building-a-Carousel.mp4″]در این درس، پیاده سازی یک اسلایدشو توسط پلاگین محبوب OWL Carousel آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4.3 Building Modal Dialogs” subtitle=”11:39″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/18-Building-Modal-Dialogs.mp4″]در این درس نحوه طراحی و نمایش یک مودال دیالوگ توسط پلاگین VEX آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4.4 Parallax Scrolling” subtitle=”04:41″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/19-Parallax-Scrolling.mp4″]در این درس، پیاده سازی اسکرول موازی یا Parallax در جی کوئری بررسی می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4.5 Form Validation” subtitle=”09:08″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/20-Form-Validation.mp4″]در این درس، نحوه اعتبارسنجی یا validation فرم های سایت آموزش داده می شود.[/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4.6 Writing Your Own jQuery Plugin” subtitle=”11:10″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/21-Writing-Your-Own-jQuery-Plugin.mp4″]در این درس، چگونگی تولید پلاگین های اختصاصی آموزش داده می شود.[/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”5. فصل پنجم (Conclusion)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”5 Course Conclusion” subtitle=”00:33″ download_lesson=”https://dl.rahkarino.com/video/web-design/animate-your-site-with-jquery/22-Course-Conclusion.mp4″]در این ویدئو جمع بندی دوره را مشاهده خواهیم کرد.[/cdb_course_lesson][/cdb_course_lessons][/vc_column][/vc_row]