Pluralsight_JavaScript_Advanced_Fundamentals_to_jQuery_And_Pure_DOM_Scripting

در این آموزش تصویری با Javascript و Jquery برای برنامه نویسی DOM آشنا می شوید.

DOM که مخفف Document Object Model است، به تغییر و دستکاری اجزای صفحات وب می گویند. به طور مثال شما با استفاده از Javascript یا Jquery می توانید به تمام اجزای موجود در صفحه وب دسترسی داشته باشید، به صفحه عکس، متن یا هر چیز دیگری اضافه کنید، قسمتی از صفحه را حذف کنید و یا اجزای صفحه را جابجا کنید.

این دوره آموزشی محصول موسسه Pluralsight است.

سرفصل های دوره:

  • مبانی جاوا اسکریپت
  • کار با ابزارها و ویژگی های جاوا اسکریپت
  • کار با انواع داده ها، اپراتورها
  • کار با شکلهای هندسی اولیه
  • کار با انواع داده ها و اپراتورها
  • نحوه حذف داده ها
  • نحوه مقایسه بین عبارت ها
  • عملگر == در مقابل ===
  • مقایسه اپراتورها
  • کار با آرگومان های تابع
  • کار با داده های شمارشی
  • کار با عملگر نقطه
  • کار با توابع
  • کار با مفهوم وراثت
  • خواص مشترک بین توابع
  • کار با تابع ()Object.create
  • کار با توابع jQuery
  • کار با تابع ()isArray.
  • کار با تابع ()each.$
  • کار با تابع ()makeArray.$
  • کار با تابع ()proxy.$
  • نحوه پیدا کردن عناصر
  • نحوه ایجاد تابع
  • نحوه پیاده سازی HTML
  • کار با تابع () val
  • نحوه پیاده سازی متدها
  • کار با ویژگی ها و خواص توابع
  • کار با تابع ()attr
  • کار با css
  • کار با رویداد API
  • کار با رویداد Propogation
  • و…

عنوان دوره: Pluralsight JavaScript Advanced Fundamentals to jQuery And Pure DOM Scripting
سطح: مقدماتی
مدت زمان: 8 ساعت و 59 دقیقه
نویسنده: Justin Meyer and Alexis Abril


توضیحات:

Pluralsight JavaScript Advanced Fundamentals to jQuery And Pure DOM Scripting

Justin Meyer and Alexis Abril
Beginner
8h 59m

Gain an advanced understanding of difficult JavaScript concepts like closure, new, 'this', prototypical inheritance, type comparators, coercion, and delete.
Gain an advanced understanding of difficult JavaScript concepts such as JavaScript closure, new keyword, 'this', prototypical inheritance, type comparators, coercion, and delete. Learn what happens in memory with pointers when using assignments and 'delete'. Then learn what's under the hood of the popular jQuery library by building your own version of the library in vanilla JavaScript and the DOM API. Learn to build interactive components from scratch using pure DOM scripting and advanced JS concepts.

JavaScript Basics
20m 24s
Introduction
4m 36s
Basic JS
10m 20s
JavaScript Features
5m 27s
Data Types, Operators, and Primitives
39m 36s
Data Types and Operators
8m 32s
References
9m 26s
The delete Keyword
8m 58s
typeof
6m 22s
Summary
6m 16s
Comparison
15m 9s
== vs. ===
4m 43s
Comparison Operators Explained
10m 26s
Closures
58m 38s
Types as Arguments
12m 31s
Counter Example 1
8m 51s
Counter Example 2
12m 38s
Closure Gotchas
11m 25s
Exercise 1: Making a Tag Library
2m 43s
Exercise 1: Solution
10m 27s
Context
1h 2m
What Is 'this'?
14m 39s
The Dot(.) Operator
10m 12s
Exercise 2: Finding Properties
5m 26s
Exercise 2: Solution
14m 59s
Exercise 3: Invoking Functions
2m 27s
Exercise 3: Solution
14m 29s
Prototypal Inheritance
51m 56s
Shared Properties and Prototype Methods
5m 24s
Prototypal Inheritance
12m 34s
Exercise 4: Implementing the 'new' Keyword
4m 34s
Exercise 4: Solution
8m 27s
Object.create()
3m 59s
Exercise 5: Creating the Instance Operator
5m 54s
Exercise 5: Solution
11m 2s
jQuery Functional Units
1h 13m
$.extend()
4m 15s
Exercise 6 and Solution: Implementing $.extend
3m 43s
Day 1 Recap
10m 41s
Type Checking
3m 41s
Exercise 7: Implementing $.isArray()
2m 28s
Exercise 7: Solution
4m 28s
Exercise 8: Implementing isArrayLike()
7m 57s
Exercise 8: Solution
8m 7s
Exercise 9: $.each()
1m 34s
Exercise 9: Solution
7m 2s
Exercise 10: Implementing $.makeArray()
1m 41s
Exercise 10: Solution
2m 23s
Exercise 11: Implementing $.proxy()
5m 48s
Exercise 11: Solution
9m 44s
Finding Elements
1h 42m
Finding from the Document
2m 52s
Exercise 12: Creating the $ function
7m 44s
Exercise 12: Solution
11m 30s
Exercise 13: Implementing the html() method
2m 49s
Exercise 13: Solution
5m 40s
Exercise 14 and Solution: val() function
2m 55s
Exercise 15: Eliminating 'new'
6m 16s
Exercise 15: Solution
5m 20s
Exercise 16: Implementing the text() method
10m 23s
Exercise 16: Solution
14m 29s
Exercise 16: Solution, Continued
15m 26s
Exercise 17: Adding a find() method
7m 4s
Exercise 17: Solution
10m 23s
Traversing Elements
37m 8s
Exercise 18: Implementing the next() Method
11m 38s
Exercise 18: Solution
5m 42s
Implementing the prev() Method
7m 46s
Refactoring Traversing Code
12m 1s
Attributes and Properties
30m 24s
Implementing the attr() Method
6m 12s
Creating a css() Method
6m 54s
DOM Layout and Positioning
5m 24s
Adding width() and Offset Methods
10m 34s
Adding show() and hide() Methods
1m 18s
Events
31m 25s
Event API
3m 25s
Adding bind() and unbind() Methods
12m 43s
Event Propogation
11m 0s
Event Delegation
4m 16s
Building a Tabs Widget
16m 23s
Building a Tabs Widget
16m 23s