مرورگر شما از این ویدیو پشتیبانی نمی کند.
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
(صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)
بارگزاری مجدد
توضیحات دوره:
چه سابقه برنامه نویسی نداشته باشید یا تجربه ای با جاوا اسکریپت داشته باشید، اما بپذیرید که با کدنویسی پیشرفته جاوا اسکریپت دست و پنجه نرم می کنید یا وقتی با مفاهیم عجیب و غریب جاوا اسکریپت مانند Closures، Encapsulation یا IIFE مواجه می شوید، احساس ترس می کنید، این دوره برای شما مناسب است! این دوره از یک ساختار قوی و یک رویکرد نتیجه محور مبتنی بر "یادگیری از طریق انجام" پیروی می کند، که به دانشجویان ما در ایمن سازی مشاغل توسعه وب در گذشته کمک کرده است. این جامع ترین دوره جاوا اسکریپت در بازار است. با 21 بخش بسیار ساختارمند که بیش از 30 ساعت به اضافه محتوا و 227 سخنرانی شامل ارائه های شفاف، توضیحات دقیق، چالش های کدنویسی و یک پروژه حرفه ای کامل در زندگی واقعی توزیع شده است. در این دوره، شما از یک مبتدی به یک توسعه دهنده JS آماده کار خواهید رسید. ما ثابت خواهیم کرد که مفاهیمی مانند بستن، بالا بردن، IIFE، کپسولاسیون و موارد دیگر به آسانی نوشیدن یک لیوان آب است. و شما آنقدر قدرت به دست خواهید آورد که از آن مفاهیم "عجیب" برای ساختن یک برنامه تست تایپ 10 ساعته کاملاً کاربردی استفاده خواهید کرد که باعث می شود به خودتان افتخار کنید. در پایان دوره، شما یک پروژه کاملا حرفه ای جاوا اسکریپت را از ابتدا ساخته اید: یک برنامه تست تایپ کاملاً کاربردی که می تواند سرعت تایپ کاربران را آزمایش کند و در پایان آزمون یک گواهی PDF تولید کند. تمامی منابع این دوره در آدرس زیر موجود است: https://github.com/PacktPublishing/The-Complete-Modern-JavaScript-Course-with-ES6 آموزش اصول جاوا اسکریپت و همچنین مفاهیم پیشرفته تسلط بر مفاهیم پیچیده JS مانند بسته شدن، اجرا زمینه ها، محدوده و موارد دیگر درک نحوه عملکرد جاوا اسکریپت در پشت صحنه بر الگوی طراحی مدولار مسلط شوید و از آن برای نوشتن کدهای حرفه ای و با ساختار استفاده کنید ویژگی های جدید ES6 مانند حروف الفاظ قالب، توابع پیکان، کلاس ها و موارد دیگر را بیاموزید. آزمون تایپ دانشآموزانی که میخواهند از مهارتهای صفر به تأمین امنیت شغل توسعهدهنده جاوا اسکریپت بروند یا برخی از JS را میدانند و نحوه استفاده از آن را میدانند، اما به مفاهیم پیشرفته مانند IIFE، بسته شدن و غیره تسلط ندارند. این دوره همچنین برای دانشجویانی است که برای مصاحبه JS با شرکت های برتر توسعه وب آماده می شوند. هیچ دانش قبلی لازم نیست. هر چند HTML/CSS می تواند مفید باشد. اما نگران نباشید، ما ویدیوهایی را پوشش داده ایم که HTML و CSS را از ابتدا آموزش می دهند. از مهارت های صفر به یک توسعه دهنده جاوا اسکریپت آماده برای کار بروید
* پروژه های پیشرفته جاوا اسکریپت را از ابتدا با استفاده از بهترین شیوه های JS بسازید
* با اطمینان از مفاهیم پیشرفته مانند بسته شدن و کپسوله سازی برای ساخت برنامه های جاوا اسکریپت قوی استفاده کنید
سرفصل ها و درس ها
معرفی
Introduction
تبلیغاتی
Promo
مقدمه ای بر جاوا اسکریپت
Introduction to JavaScript
Chrome و Brackets را نصب کنید
Install Chrome and Brackets
اولین برنامه جاوا اسکریپت شما
Your First JavaScript Program
متغیرها و انواع داده ها
Variables and Data Types
معرفی
Introduction
ایجاد متغیرها
Create Variables
قوانین
Rules
حافظه
Memory
اعداد - مقدمه
Numbers - Introduction
اعداد - عملیات حسابی
Numbers - Arithmetic Operations
اعداد - اولویت اپراتور
Numbers - Operator Precedence
اپراتورها و اولویت اپراتور
Operators and Operator Precedence
اعداد - اپراتور بیشتر/شماره های ویژه
Numbers - More Operator / Special Numbers
فعالیت: اجتناب از جریمه سرعت! (چهار وظیفه)
Activity: Avoid a Speeding Fine! (Four Tasks)
رشته های
Strings
فعالیت: در سال 2040 چند ساله خواهید شد؟ (نه کار)
Activity: How Old Will You Be in 2040? (Nine Tasks)
بولین ها
Booleans
Booleans - عملگرهای منطقی
Booleans - Logical Operators
Booleans - اولویت عملگر
Booleans - Operator Precedence
Booleans - اپراتور سه تایی
Booleans - Ternary Operator
Booleans در مقابل Non Booleans
Booleans Versus Non-Booleans
فعالیت: آیا می گذرد؟ (شش وظیفه)
Activity: Will You Pass? (Six Tasks)
پوچ و تعریف نشده
Null and Undefined
نوع اجبار
Type Coercion
اشیاء
Objects
فعالیت: ادعای امتیاز اضافی (چهار وظیفه)
Activity: Claim Extra Points (Four Tasks)
آرایه ها
Arrays
چالش کدنویسی: به صندوقدار کمک کنید - مقدمه
Coding Challenge: Help the Cashier - Introduction
شرطی و حلقه ای
Conditional and Looping
اگر بیانیه
If Statement
فعالیت: ضرب و شتم یوسین بولت (چهار وظیفه)
Activity: Beat Usain Bolt (Four Tasks)
سوئیچ بیانیه
Switch Statement
فعالیت: روزهای هفته (دو کار)
Activity: Days of the Week (Two Tasks)
برای بیانیه
For Statement
فعالیت: یافتن یک هتل در لندن (شش وظیفه)
Activity: Find a Hotel in London (Six Tasks)
در حالی که انجام بیانیه
while do Statement
انجام while بیانیه
do while Statement
فعالیت: برنامه 24 ساعته (پنج کار)
Activity: 24h Schedule App (Five Tasks)
چالش کدنویسی: کد صندوقدار خود را بهبود بخشید - قسمت 1
Coding Challenge: Improve Your Cashier Code - Part 1
چالش کدنویسی: کد صندوقدار خود را بهبود بخشید - راه حل 1
Coding Challenge: Improve Your Cashier Code - Solution 1
چالش کدنویسی: کد صندوقدار خود را بهبود بخشید - قسمت 2
Coding Challenge: Improve Your Cashier Code - Part 2
چالش کدنویسی: کد صندوقدار خود را بهبود بخشید - راه حل 2
Coding Challenge: Improve Your Cashier Code - Solution 2
توابع (پایه و متوسط)
Functions (Basic and Intermediate)
معرفی
Introduction
فعالیت: برنامه ریز بودجه تعطیلات (دو کار)
Activity: Holiday Budget Planner (Two Tasks)
ارزش های بازگشتی
Return Values
فعالیت: موزه میامی (دو وظیفه)
Activity: The Miami Museum (Two Tasks)
عبور "بر اساس مقدار" در مقابل "بر اساس مرجع"
Pass "by value" Versus "by reference"
فعالیت: رافائل نادال در مقابل نواک جوکوویچ (چهار وظیفه)
Activity: Rafael Nadal Versus Novak Djokovic (Four Tasks)
توابع درجه یک
First Class Functions
فعالیت: حمله به مریخ (شش وظیفه)
Activity: Mars Invasion (Six Tasks)
بیانیه در مقابل بیان
Statement Versus Expression
فعالیت: گنج جزیره (چهار وظیفه)
Activity: The Island Treasure (Four Tasks)
IIFE: عبارات تابع فوری فراخوانی شده (متوسط)
IIFE: Immediately Invoked Function Expressions (Intermediate)
یک الگوی فراخوانی: بازگشت
An Invocation Pattern: Recursion
فعالیت: زنبورهای عسل فیبوناچی (دو کار)
Activity: Fibonacci"s Honey Bees (Two Tasks)
توابع JS داخلی
Built-In JS Functions
محدوده (متوسط)
Scope (Intermediate)
فعالیت: شبیه سازی قطار منچستر- قسمت لندن (هفت وظیفه) (1)
Activity: Manchester- Part London Train Simulation (Seven Tasks) (1)
فعالیت: شبیه سازی قطار منچستر- قسمت لندن (هفت وظیفه) - قسمت 2
Activity: Manchester- Part London Train Simulation (Seven Tasks) - Part 2
چالش کدنویسی: آیا این نخست است؟ - معرفی
Coding Challenge: Is It Prime? - Introduction
چالش کدنویسی: آیا این نخست است؟ - منطق
Coding Challenge: Is It Prime? - Logic
چالش کدنویسی: آیا این نخست است؟ - راه حل
Coding Challenge: Is It Prime? - Solution
چالش کدنویسی: آیا می توانید اعداد اول را بشمارید؟ - معرفی
Coding Challenge: Can You Count the Primes? - Introduction
چالش کدنویسی: آیا می توانید اعداد اول را بشمارید؟ - منطق
Coding Challenge: Can You Count the Primes? - Logic
چالش کدنویسی: آیا می توانید اعداد اول را بشمارید؟ - راه حل
Coding Challenge: Can You Count the Primes? - Solution
اشیاء
Objects
لفظ شیء
Object Literals
"نقطه نویسی" در مقابل "براکت"
"Dot Notation" Versus "Brackets"
فعالیت: هک دستور غذا (سه کار)
Activity: Hack the Recipe (Three Tasks)
سازندگان - کلمه کلیدی "جدید" - "این"
Constructors - "new" Keyword - "this"
نمونه اولیه
Prototype
فعالیت: مدیر هتل (10 وظیفه) - قسمت 1
Activity: The Hotel Manager (10 Tasks) - Part 1
فعالیت: مدیر هتل (10 وظیفه) - قسمت 2
Activity: The Hotel Manager (10 Tasks) - Part 2
فعالیت: مدیر هتل (10 وظیفه) - قسمت 3
Activity: The Hotel Manager (10 Tasks) - Part 3
برابری
Equality
شی رشته
String Object
فعالیت: شیر، ببر یا غیره؟ (5 کار) - قسمت 1
Activity: Lion, tiger or else? (5 Tasks) - Part 1
فعالیت: شیر، ببر یا دیگری؟ (پنج وظیفه) - قسمت 2
Activity: Lion, Tiger or Else? (Five Tasks) - Part 2
تاریخ شیء (1)
Date Object (1)
تاریخ شیء (2)
Date Object (2)
فعالیت: آیا کتابخانه باز است؟ (شش وظیفه) - قسمت 1
Activity: Is the Library Open? (Six Tasks) - Part 1
فعالیت: آیا کتابخانه باز است؟ (شش وظیفه) - قسمت 2
Activity: Is the Library Open? (Six Tasks) - Part 2
فعالیت: آیا کتابخانه باز است؟ (شش وظیفه) - قسمت 3
Activity: Is the Library Open? (Six Tasks) - Part 3
شیء ریاضی
Math Object
JSON
JSON
شی آرایه
Array Object
روشهای آرایه: فیلتر کردن، برش و موارد دیگر
Array Methods: Filtering, Slicing, and more
با استفاده از forEach از طریق آرایه ها حلقه بزنید
Loop Through Arrays Using forEach
فعالیت: تور اروپا (چهار وظیفه) - قسمت 1
Activity: The Europe Tour (Four Tasks) - Part 1
فعالیت: تور اروپا (چهار وظیفه) - قسمت 2
Activity: The Europe Tour (Four Tasks) - Part 2
DOM
The DOM
یادگیری HTML و CSS (1)
Learn HTML and CSS (1)
یادگیری HTML و CSS (2)
Learn HTML and CSS (2)
یادگیری HTML و CSS (3)
Learn HTML and CSS (3)
یادگیری HTML و CSS (4)
Learn HTML and CSS (4)
DOM را درک کنید
Understand the DOM
دسترسی به عناصر DOM (1)
Access DOM Elements (1)
دسترسی به عناصر DOM (2)
Access DOM Elements (2)
عناصر DOM را تغییر دهید
Change DOM Elements
عناصر DOM را حذف کنید
Remove DOM Elements
مدیریت رویداد (1)
Event Handling (1)
مدیریت رویداد (2)
Event Handling (2)
شی رویداد - کلیدها
Event Object - Keys
رویداد شی - رویدادهای ماوس
Event Object - Mouse Events
رویداد شی - اسکرول رویداد
Event Object - Scroll Event
رویداد شی - تمرکز
Event Object - Focus
شئ رویداد - preventDefault
Event Object - preventDefault
جاوا اسکریپت تک رشته ای
Single Threaded JavaScript
منحرف کننده
Debouncing
انتشار رویداد
Event Propagation
هیئت رویداد
Event Delegation
جی کوئری
jQuery
زمینه اجرا - بالا بردن - "این"
Execution Context - Hoisting - "this"
زمینه اجرای جهانی - "این"
Global Execution Context - "this"
زمینه اجرا - ایجاد و بالا بردن
Execution Context - Creation and Hoisting
Execution Context - اجرا
Execution Context - Execution
اعلان تابع اعلان متغیر اصلی
Function Declaration Overriding Variable Declaration
زنجیره دامنه
Scope Chain
معرفی
Introduction
زنجیره دامنه را درک کنید
Understand the Scope Chain
بسته شدن
Closures
بسته شدن را درک کنید
Understand Closures
به روز رسانی مقادیر متغیرهای بیرونی (1)
Update Values of Outer Variables (1)
به روز رسانی مقادیر متغیرهای بیرونی (2)
Update Values of Outer Variables (2)
بسته شدن با حلقه های رویداد (1)
Closures with Event Loops (1)
بسته شدن با حلقه های رویداد (2)
Closures with Event Loops (2)
چالش تکرار
Iteration Challenge
اشیاء (پیشرفته): کپسوله سازی و پنهان کردن اطلاعات
Objects (Advanced): Encapsulation and Information Hiding
چرا اطلاعات را پنهان می کنید؟
Why Would You Hide Information?
از Closures برای مخفی کردن ویژگی ها و روش ها استفاده کنید
Use Closures to Hide Properties and Methods
از IIFE برای ایجاد ویژگی ها و روش های استاتیک خصوصی استفاده کنید
Use IIFE to Create Private Static Properties and Methods
اشیاء (پیشرفته): وراثت و زنجیره اولیه
Objects (Advanced): Inheritance and Prototype Chain
آشنایی با نمونه اولیه (1)
Understand the Prototype (1)
درک نمونه اولیه (2)
Understand the Prototype (2)
وراثت و زنجیره اولیه: __proto__
Inheritance and PrototypeChain: __proto__
Inheritance و PrototypeChain: Object.create
Inheritance and PrototypeChain: Object.create
Inheritance and PrototypeChain: Constructor Heritance
Inheritance and PrototypeChain: Constructor Inheritance
Inheritance and PrototypeChain: Extend Function
Inheritance and PrototypeChain: Extend Function
افزایش کلاس (1)
Class Augmentation (1)
افزایش کلاس (2)
Class Augmentation (2)
شبیه سازی اشیاء
Object Cloning
اشیاء (پیشرفته): چالش های اشیاء
Objects (Advanced): Objects Challenges
چالش: Iteration و hasOwnProperty
Challenge: Iteration and hasOwnProperty
چالش: تکرار با استفاده از object.keys و forEach
Challenge: Iteration Using object.keys and forEach
چالش: getPrototypeOf و getOwnPropertyNames
Challenge: getPrototypeOf and getOwnPropertyNames
چالش: از زنجیره اولیه بالا بروید
Challenge: Climb Up the Prototype Chain
اشیاء (پیشرفته): الگوهای تک تن و ماژول
Objects (Advanced): Singleton and Module Patterns
فاصله نام
Namespacing
الگوی سینگلتون
Singleton Pattern
کد مخصوص صفحه را بپیچید
Wrap Page-Specific Code
الگوی طراحی مدولار
Modular Design Pattern
توابع (پیشرفته)
Functions (Advanced)
توابع اشیا هستند
Functions Are Objects
"استدلال" اموال
The "arguments" Property
Function.prototype.call
Function.prototype.call
Function.Prototype.apply
Function.prototype.apply
Function.Prototype.bind
Function.prototype.bind
پروژه کامل حرفه ای: اپلیکیشن تست تایپ
Full Professional Project: Typing Test App
معرفی
Introduction
مراحل ساده شده
Steps Simplified
بازگشت به الزامات مشتری
Back to Client Requirements
طراحی عملکردی
Functional Design
الگوی طراحی مدولار
Modular Design Pattern
دسته بندی مدولار
Modular Categorization
ساختار ماژول داده
Data Module Structure
ساختار ماژول رابط کاربری
UI Module Structure
فرمت ساختار ورد فعلی
Format Current Word Structure
ساختار محاسبه نتایج
Results Calculation Structure
به روز رسانی زمان باقی مانده - ساختار
Update Time Left - Structure
ساختار ماژول گواهی
Certificate Module Structure
ساختار ماژول رویدادها
Events Module Structure
ساختار ماژول Words
Words Module Structure
مروری بر ماژول ها
Overview of Modules
برای نوشتن کد آماده شوید
Get Ready to Write Code
اسکلت و دکوراسیون برنامه (1)
App Skeleton and Decoration (1)
اسکلت و دکوراسیون برنامه (2)
App Skeleton and Decoration (2)
اسکلت و دکوراسیون برنامه (3)
App Skeleton and Decoration (3)
تابع init (ماژول رویدادها)
init Function (Events Module)
لیست کلمات تست (ماژول داده) را پر کنید
Fill the List of Test Words (Data Module)
یک آرایه را به هم بزنید
Shuffle an Array
اضافه کردن حروف بزرگ تصادفی
Add Random Capitalization
اضافه کردن علائم نگارشی تصادفی
Add Random Punctuation
لیست کلمات تست (1) را پر کنید (ماژول UI)
Fill the List of Test Words (1) (UI Module)
لیست کلمات تست (2) را پر کنید (ماژول UI)
Fill the List of Test Words (2) (UI Module)
راهاندازی زمان (دادهها و ماژولهای رابط کاربری)
Time Initialization (Data and UI Modules)
انتقال به یک کلمه جدید (ماژول داده)
Move to a New Word (Data Module)
Active Word را تنظیم کنید و آن را قالب بندی کنید (ماژول UI)
Set the Active Word and Format It (UI Module)
یک کاراکتر تایپ کنید - شنونده رویداد
Type a Character - Event Listener
word.prototype.update(value)
word.prototype.update(value)
keydown در مقابل keyup در مقابل Keypress در مقابل رویدادهای ورودی
keydown Versus keyup Versus Keypress Versus Input Events
فرمت Active Word (ماژول UI)
Format the Active Word (UI Module)
فضای مطبوعاتی - رویداد
Press Space - Event
Active Word را به وسط نما اسکرول کنید
Scroll the Active Word into the Middle of the View
Enter را فشار دهید - با استفاده از Event Constructor یک رویداد جعلی ایجاد کنید
Press Enter - Create a Fake Event Using the Event Constructor
تست را راه اندازی کنید
Launch the Test
محاسبه کلمات در دقیقه و wpmChange (ماژول داده)
Calculate Words Per Minute and wpmChange (Data Module)
زمان باقی مانده (ماژول های داده و رابط کاربری) را به روز کنید
Update the Time Left (Data and UI Modules)
محاسبه کلیک در دقیقه و cpmChange (ماژول داده)
Calculate Clicks Per Minute and cpmChange (Data Module)
محاسبه Accuracy and accuracyChange (ماژول داده)
Calculate Accuracy and accuracyChange (Data Module)
به روز رسانی نتایج (ماژول UI)
Update Results (UI Module)
پایان تست و نمایش مدال (1) (ماژول های داده و رابط کاربری)
End the Test and Show the Modal (1) (Data and UI Modules)
پایان تست و نمایش مدال (2) (ماژول های داده و رابط کاربری)
End the Test and Show the Modal (2) (Data and UI Modules)
تولید گواهی PDF (1) (ماژول گواهی)
Generate PDF Certificate (1) (Certificate Module)
تولید گواهی PDF (2) (ماژول گواهی)
Generate PDF Certificate (2) (Certificate Module)
تولید گواهی PDF (3) (ماژول گواهی)
Generate PDF Certificate (3) (Certificate Module)
ES6 - ES2015: مقدمه
ES6 - ES2015: Introduction
ES6 - متغیرها و محدوده
ES6 - Variables and Scoping
بررسی بیانیه "var".
Review of "var" Declaration
"بگذارید" Scope و Temporal Dead Zone
"let" Scope and Temporal Dead Zone
Block Scoping در ES6
Block Scoping in ES6
توابع و محدوده بلوک
Functions and Block Scoping
توابع و محدوده محدوده - از "let" استفاده کنید
Functions and Block Scoping - Use "let"
"اجازه دهید" محدوده در مقابل بسته شدن
"let" Scope Versus Closures
چالش تعطیلی
Closures Challenge
"const" - متغیرهای فقط خواندنی
"const" - Read Only Variables
ES6 - ویژگیهای مدرنی که تجربه کدنویسی شما را آسانتر میکند!
ES6 - Modern Features That Will Make Your Coding Experience Easier!
الفاظ الگو
Template Literals
توابع پیکان - "این" محدوده واژگانی
Arrow Functions - "this" Lexical Scope
تخریب - آرایه ها
Destructuring - Arrays
تخریب - اشیاء
Destructuring - Objects
تخریب - توابع
Destructuring - Functions
توابع - مقادیر پارامترهای پیش فرض
Functions - Default Parameter Values
توابع - پارامترهای استراحت
Functions - Rest Parameters
اپراتور گسترش
Spread Operator
Object Literals ویژگی های جدید
Object Literals New Features
ES6 - ساختارهای داده جدید و تکرار (تکرار کننده ها، مولدها، نقشه ها، مجموعه ها)
ES6 - New Data Structures and Iteration (Iterators, Generators, Maps, Sets)
برای حلقه
for of Loop
Iterators، Generators و next()
Iterators, Generators, and next()
نقشه ها - تکرار
Maps - Iteration
مجموعه ها - تکرار
Sets - Iteration
مجموعه ها - چالش ها: تقاطع * تفاوت
Sets - Challenges: Intersection * Difference
نمادها
Symbols
نماد. تکرار کننده
Symbol.iterator
ES6 - روش های آرایه مدرن
ES6 - Modern Array Methods
Array.from: مجموعه ها، رشته ها و آرگومان ها
Array.from: collections, strings, and arguments
Array.from: نقشه اختیاری، ویژگی length، Maps و Sets
Array.from: optional map, length property, Maps, and Sets
آرایه ای از()
Array.of()
روش های آرایه مدرن بیشتر
More Modern Array methods
ES6 - کلاسها (روشهای استاتیک، دریافتکننده/تنظیمکننده، ارث بردن، گسترش، سوپر)
ES6 - Classes (Static Methods, Getters/Setters, Inheritance, Extends, Super)
بازگشت به سازندگان ES5
Back to ES5 Constructors
نحو کلاس های ES6
ES6 Classes Syntax
روش های استاتیک
Static Methods
گیرندگان و تنظیم کننده ها
Getters and Setters
وراثت کلاس - گسترش می یابد - super()
Class Inheritance - extends - super()
نمایش نظرات