لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش تعاملی کردن وبسایت با JavaScript و jQuery
- آخرین آپدیت
دانلود Interactivity with JavaScript and jQuery
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره، سومین بخش از مجموعه تخصصی جاوا اسکریپت برای مبتدیان است. در این دوره، اسکریپتها پیچیدهتر شده و با پلاگینهای پیشرفتهتر jQuery آشنا خواهید شد. برای تقویت مهارتهای خود، با چالشهای متعددی در طول مسیر روبرو میشوید. اهداف این دوره شامل شناسایی اشیاء (Objects) در جاوا اسکریپت، ایجاد اشیاء جدید و مقداردهی آنها، مدیریت دادهها (افزودن، تغییر و حذف)، تغییر در DOM بر اساس دادههای اشیاء، درک نحوه همکاری توابع مختلف برای ساخت برنامههای پیچیده و یادگیری متدهایی برای شکستن برنامههای بزرگ به قطعات کوچکتر و قابل مدیریت است.
سرفصل ها و درس ها
شروع کار، پلاگینهای jQuery و ثبت رویداد اسکرول
Getting Started & jQuery Plugins and Capturing the Scroll Event
به این دوره خوش آمدید!
Welcome to this Course!
معرفی پودمان
Module Introduction
آشنایی با پلاگینهای jQuery
Introduction to jQuery Plugins
استفاده از پلاگینها و مراحل ضروری
Using Plugins and Essential Steps
اشتباهات رایج و تازهکارها
Gotchas and Rookie Mistakes
پلاگین FlexSlider
FlexSlider: A jQuery Plugin
درباره نسخه Minified (فشرده)
About the Minified Version
افزودن مارکآپ و اتصال اسلایدر
Adding Markup & Hooking Up the Slider
قوانین FlexSlider
FlexSlider Rules
کنترلهای تکمیلی
Additional Controls
کار با FlexSlider پیشرفته
Advanced FlexSlider
استایلدهیهای اضافی
Additional Styling
استایلدهی به دکمه فراخوان (CTA)
Styling the CTA
ترکیب اسکریپتها و ارتقای مهارتها از طریق تمرین
Combining Scripts and Skill Building Through Practice
معرفی پودمان
Module Introduction
آشنایی با Smooth Scroll در jQuery
Introduction to Smooth Scroll with jQuery
ساخت یک هندلر برای کلیک
Creating a Click Handler
افزودن انیمیشن
Adding the Animation
افزودن Easing و تابع Callback
Add Some Easing and a Callback Function
برجسته کردن عناصر
Highlighting Elements
آشنایی با ردیابی مکان صفحه
Introduction to Page Location Tracking
نقطه کلیدی مشکل
The Crux of the Problem
استراتژی پیادهسازی
Strategy
افزودن PageTop و دستورات If
Adding PageTop and If Statements
نوشتن دستور Else/If - بخش اول
Writing the Else/If Statement - Part 1
نوشتن دستور Else/If - بخش دوم
Writing the Else/If Statement - Part 2
بررسی موارد خاص (Edge Cases)
Edge Case Issues
تغییر اندازه پنجرهها
Resizing Your Windows
بازنشانی شمارنده
Resetting the Counter
تابع resetPagePosition
resetPagePosition Function
مرور کلی اسکریپت
Reviewing the Whole Script
آشنایی با افکتهای اسکرول با JS
Introduction to Scroll Effects with JS
یافتن هدف - بخش اول
Getting the Target - Part 1
یافتن هدف - بخش دوم
Getting the Target - Part 2
استفاده از Smooth Scroll Polyfill
Smooth Scroll Polyfill
بررسی وضعیت بارگذاری
Checking the Load
پستهای برتر
Top Posts
افزودن یک Event Listener
Add an Event Listener
شرطهای جادویی
The Magic Conditionals
تغییر لینک بعدی
Changing the Next Link
تابع تغییر اندازه (Resizing)
Resizing Function
نهایی کردن اسکریپت
Finalizing the Script
معرفی سایت Scription
Scription Site Introduction
کدهای HTML هدر
Header HTML
کدهای HTML قیمتگذاری
Pricing HTML
شروع استایلدهی
Beginning Styling
استایلهای کلی صفحه
Styling That Attaches to Whole Page
استایلدهی اسلایدر
Slider Styling
استایلهای بخش قیمت
Pricing Styles
استایلهای تبلت
Tablet Styles
مدیا کوئری برای عرض ۱۰۲۰ پیکسل
Media Query for 1020 Pixels Wide
مدیا کوئری برای عرض ۱۲۰۰ پیکسل
Media Query for 1200 Pixels Wide
سایت Scription: چالشهای ساخت عناصر تعاملی
Scription Site: Building Interactive Elements Challenges
آشنایی با اشیاء و دادهها در جاوا اسکریپت
Introduction to Objects & Data in JavaScript
معرفی پودمان
Module Introduction
آشنایی با اشیاء و دادهها در JS
Introduction to Objects and Data in JS
اشیاء میتوانند شامل آرایهها و اشیاء دیگر باشند
Objects Can Contain Arrays and Other Objects
توابع داخل اشیاء به عنوان متد
Functions Inside Objects Equals Methods
ترکیب اشیاء و توابع
Putting Objects and Functions Together
فرمتهای داده - XML
Data Formats - XML
نمونه فایل
Example File
معرفی بازی Pig Dice
Introduction to Pig Dice Game
اجرای بازی Pig
Play the Game of Pig
نسخه اول
Version One
سایر نسخهها
Other Versions
ساخت یک بازی ساده با جاوا اسکریپت
Building a Simple Game in JavaScript
معرفی پودمان
Module Introduction
مقدمهای بر بازی Pig
Introduction to the Game of Pig
نمایش نظرات