آموزش JavaScript Complete Grandmaster 2023 [ویدئو]

JavaScript Complete Grandmaster 2023 [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: جاوا اسکریپت شماره 1 زبان برنامه نویسی وب است که بسیاری از محتوای پویا و سبک در پس زمینه توسط جاوا اسکریپت مدیریت می شود. اما قبل از استفاده از این زبان برای ایجاد وب سایت های پویا، باید درک محکمی از نحوه عملکرد آن در پشت صحنه داشته باشید. شما "چرا" کارها را یاد خواهید گرفت و نه فقط "چگونه". درک اصول جاوا اسکریپت مهم است زیرا به شما امکان می دهد کدهای پیچیده تری بنویسید. و به من اعتماد کنید، هر برنامه نویسی با باگ مواجه می شود و بدون درک اصول، کاملاً از دست خواهید رفت. در پایان این دوره، با درک نحوه استفاده مرورگر از جاوا اسکریپت، قادر خواهید بود به زبان جاوا اسکریپت صحبت کنید. متغیرها، اشیاء و توابع چیست. انواع داده های مختلف وجود دارد. و نحوه دستکاری محتوا در یک وب سایت. ما عمیق تر خواهیم شد و روش های گفتگوی خود را از ابتدا ایجاد خواهیم کرد. شما در مورد نحو فلش، تابع Math.random()، حلقه زدن بین اشیا و آرایه ها و کار با تاریخ ها آشنا خواهید شد. ما به نمونه‌های اولیه، موتورهای JS، Execution Stack و یک سری دیگر نگاه خواهیم کرد! از طریق مثال های عملی، این دوره به شما کمک می کند تا جاوا اسکریپت را تکه تکه درک کنید. و ما از جدیدترین و بهترین ویژگی های جاوا اسکریپت در طول مسیر استفاده خواهیم کرد تا بتوانید جلوتر از این بسته باشید. تمام منابع این دوره در https://github.com/PacktPublishing/Complete-JavaScript-Course در دسترس هستند نحوه تعامل HTML، CSS و JavaScript با یکدیگر باکس های محاوره ای در جاوا اسکریپت را درک کنید با زبان ماشین، موتورهای جاوا اسکریپت و IDE آشنا شوید یاد بگیرید چگونه از یک ویرایشگر متن کاملا رایگان (چه آنلاین و چه آفلاین) استفاده کنید. برای تقویت توانایی و اعتماد به نفس خود، عمق دانش را کشف کنید تمام تکنیک های برنامه نویسی مورد استفاده توسط حرفه ای ها را بیاموزید این دوره برای مبتدیان است و افراد تازه وارد به دنیای طراحی وب را هدف قرار می دهد. هیچ تجربه قبلی جاوا اسکریپت لازم نیست. این دوره برای افرادی است که می خواهند حرفه ای، متخصص و با اعتماد به نفس در استفاده از جاوا اسکریپت برای ایجاد وب سایت های پیچیده و چشمگیر باشند. جدیدترین جاوا اسکریپت (ES6/ES7/ES8/ES9/ES10/ESNext) که در این دوره پوشش داده شده است * یاد بگیرید چگونه از جاوا اسکریپت استفاده کنید و چه کاری می تواند برای شما انجام دهد * از ابتدا تا متخصص به یک توسعه دهنده وب مستقل تبدیل شوید (پیشرفته +)

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

برنامه نویسی، کد ماشین و مترجمان Programming, Machine Code, and Interpreters

  • به دوره خوش آمدید Welcome to the Course

  • معرفی Introduction

  • برنامه نویسی - چیست؟ Programming - What Is It?

  • قیاس انگلیسی English Analogy

  • سفارش مهم است Order Matters

  • گیگو GIGO

  • جمع بندی سریع Quick Recap

  • صدها زبان Hundreds of Languages

  • کد ماشین - مقدمه Machine Code - Introduction

  • کد ماشین - کمی عمیق تر Machine Code - A Little Deeper

  • پردازنده ها Processors

  • زبان های سطح پایین Low-Level Languages

  • زبان های سطح بالا High-Level Languages

  • گام به عقب - مقایسه بین زبان های سطح پایین و سطح بالا Step Back - A Comparison Between Low Level and High-Level Languages

  • نوشتن جاوا اسکریپت - چگونه Writing JavaScript - How

  • تدوین Compiling

  • مترجمان Interpreters

  • کامپایل در مقابل تفسیر Compiling Versus Interpreting

  • حد واسط Intermediate

  • خلاصه: کامپایل، تفسیر و جاوا اسکریپت Recap: Compiling, Interpreting, and JavaScript

  • Outro Outro

HTML، CSS، و جاوا اسکریپت (و جایزه ECMAScript) HTML, CSS, and JavaScript (and Bonus ECMAScript)

  • بخش مقدمه Section Introduction

  • ارتباط بین HTML، CSS و جاوا اسکریپت Relationship between HTML, CSS, and JavaScript

  • مثال عملی: سبک های پیش فرض CSS مرورگر Practical Example: Browser's Default CSS Styles

  • مثال عملی: تغییر متن دکمه Practical Example: Changing Button Text

  • زبان برنامه نویسی Scripting Language

  • آیا جاوا اسکریپت یک زبان "ایمن" است؟ Is JavaScript a 'Safe' Language?

  • جاوا در مقابل جاوا اسکریپت Java Versus JavaScript

  • قسمت 1 - ECMAScript و ES6 Part 1 - ECMAScript and ES6

  • قسمت 2 - ECMAScript و ES6 Part 2 - ECMAScript and ES6

موتورهای جاوا اسکریپت JavaScript Engines

  • بخش مقدمه Section Introduction

  • موتورها - مقدمه Engines - Introduction

  • چرا موتورهای JS مختلف وجود دارد؟ Why Are There Different JS Engines?

  • موتور V8 V8 Engine

  • جاوا اسکریپت در محیط های مختلف زندگی می کند JavaScript Lives in Different Environments

  • Outro Outro

نوشتن جاوا اسکریپت در کنسول Writing JavaScript in the Console

  • بخش مقدمه Section Introduction

  • کنسول - مقدمه Console - Introduction

  • تابع هشدار - مقدمه Alert Function - Introduction

  • گزارش کنسول Console Log

  • مدل شیء مرورگر (BOM) Browser Object Model (BOM)

  • Window Object - Playaround Window Object - Playaround

  • ویژگی های پنجره منسوخ شده Deprecated Window Properties

  • کنسول - گزارش، اطلاعات، هشدار و خطا Console - Log, Info, Warn, and Error

  • کنسول - ادعا Console - Assert

  • کنسول - تعداد، مسیر، گروه، زمان، جدول Console - Count, Dir, Group, Time, Table

  • تعویض ها Substitutions

IDE (محیط توسعه یکپارچه) و ویرایشگرهای متن - مقدمه IDE (Integrated Development Environment) and Text Editors - Introduction

  • IDE ها (محیط های توسعه یکپارچه) - مقدمه IDEs (Integrated Development Environments) - Introduction

  • سرور محلی Local Server

  • چگونه جاوا اسکریپت را در HTML خود بگنجانیم How to Include JavaScript in Your HTML

  • برچسب <Script> - نمونه ای از Inline و External <Script> Tag - Example of Inline and External

  • مثال جاوا اسکریپت درون خطی در تگ <head> و تگ <body> Inline JavaScript Example within the <head> Tag and <body> Tag

  • سفارش مهم است Order Matters

  • سوال ترفند - انتظار دارید چه اتفاقی بیفتد؟ Trick Question - What Do You Expect to Happen?

  • نظم مهم است - مشکل Order Matters - The Problem

  • نظم مهم است - چرا عنصر بارگیری نشد؟ Order Matters - Why Did the Element Not Load?

  • نظم مهم است - رفع مشکل Order Matters - Fixing the Problem

  • جاوا اسکریپت خارجی و ویژگی Async External JavaScript and the Async Attribute

نحو Syntax

  • نحو - مقدمه Syntax - Introduction

  • نحو - چیست؟ Syntax - What Is It?

  • تجزیه کننده نحو Syntax Parser

  • فضای سفید White Space

  • نقطه ویرگول و بیانیه "بازگشت". Semicolons and the 'return' Statement

  • نظرات Comments

  • انواع داده ها و روش typeof(). Data Types and the typeof() Method

  • انواع داده های اولیه - یک مثال Primitive Data Types - An Example

  • نوع داده رشته = مثال دکمه "Click Me". String Data Type = "Click Me" Button Example

  • خواص Properties

  • نوع تاریخ شماره - امتیاز شناور Number Date Type - Floating Points

  • نوع داده شماره: 0.1 + 0.2 Number Data Type: 0.1 + 0.2

  • نوع داده شماره - پایه 10 در مقابل پایه 2 Number Data Type - Base 10 Versus Base 2

  • نوع داده شماره - شماره ()، بی نهایت، و بیشتر Number Data Type - Number (), Infinity, and More

  • انواع داده های تهی و تعریف نشده Null and Undefined Data Types

  • فرار کردن Escaping

  • اپراتورها - مقدمه Operators - Introduction

  • اپراتورها - باینری در مقابل Unary Operators - Binary Versus Unary

  • اجبار - مقدمه Coercion - Introduction

  • اجبار - رشته، عدد و بولی Coercion - String, Number, and Boolean

متغیرها Variables

  • متغیرها - بخش مقدمه Variables - Section Introduction

  • متغیرها - چه هستند؟ Variables - What Are They?

  • ایجاد متغیر: اعلام، مقداردهی اولیه و تخصیص Variable Creation: Declare, Initialize, and Assign

  • شناسه ها Identifiers

  • VAR - روش قدیمی برای اعلام یک متغیر VAR - the Old Way to Declare a Variable

  • LET - روش جدید برای اعلام یک متغیر LET - the New Way to Declare a Variable

  • CONST - روش جدید برای اعلام یک متغیر ثابت CONST - the New Way to Declare a Constant Variable

  • CONST - سعی کن و بگیر CONST - Try and Catch

  • متغیرها - جمع بندی سریع Variables - Quick Recap

  • دامنه - چیست؟ Scope - What Is It?

  • محدوده محلی در مقابل جهانی، و عملکرد در مقابل محدوده بلوک Local Versus Global Scope, and Function Versus Block Scope

  • محدوده - VAR در مقابل LET و یک بلوک تودرتو Scope - VAR Versus LET and a NESTED Block

  • استفاده از DevTools برای تعیین محدوده Using DevTools to Determine Scope

جعبه های گفتگو در جاوا اسکریپت Dialog Boxes in JavaScript

  • هشدار - ایجاد یک رویداد Onclick برای یک دکمه Alert - Creating an Onclick Event for a Button

  • هشدار - نوشتن متن روی صفحه پس از تایید هشدار Alert - Writing Text to a Screen after the Alert Has Been Acknowledged

  • عبارت Confirm - Conditional If Confirm - Conditional If Statement

  • سریع Prompt

  • هشدار - طراحی سفارشی با HTML خالص، CSS و JS Alert - Custom Design with Pure HTML, CSS, and JS

تاریخ های جاوا اسکریپت JavaScript Dates

  • شیء تاریخ Date Object

  • چرا کلمه کلیدی جدید هنگام نمونه برداری از شی تاریخ مهم است؟ Why is the New Keyword Important when Instantiating the Date Object?

  • چهار راه برای ایجاد یک شی تاریخ در جاوا اسکریپت Four Ways to Create a Date Object in JavaScript

  • روش‌ها را روی شیء تاریخ دریافت کنید Get Methods on the Date Object

  • روش‌ها را روی شیء تاریخ تنظیم کنید Set Methods on the Date Object

  • 3 مثال عملی: تولد، UTC، و قالب بندی مجدد 3 Practical Examples: Birthday, UTC, and Reformatting

اشیاء Objects

  • بخش مقدمه Section Introduction

  • اشیاء - مقدمه Objects - Introduction

  • name:value جفت name:value Pairs

  • اشیاء و داده ها - نحوه ارتباط آنها با یکدیگر Objects and Data - How They Relate to Each Other

  • اشیاء در مقابل متغیرها Objects Versus Variables

  • خواص و روش ها Properties and Methods

  • دسترسی به Properties Accessing Properties

  • ایجاد اشیاء - چهار راه Creating Objects - Four Ways

  • ایجاد اشیاء - 1. Object Literal Creating Objects - 1. Object Literal

  • ایجاد اشیاء - 2. معرفی تابع سازنده Creating Objects - 2. Constructor Function Introduction

  • ایجاد اشیاء - 2. مثال تابع سازنده Creating Objects - 2. Constructor Function Example

  • مکث سریع Pause Quickly

  • Function Construction در مقابل Object Literal - قسمت 1 Construction Function Versus Object Literal - Part 1

  • تابع ساخت و ساز در مقابل شیء Literal - Instantiation در مقابل رویکرد Singleton Construction Function Versus Object Literal - Instantiation Versus Singleton Approach

  • Function Construction در مقابل Object Literal - Init Function و کدام را انتخاب کنیم Construction Function Versus Object Literal - init Function and Which to Choose

  • ایجاد اشیا - 3. Object.create() Creating Objects - 3. Object.create()

  • نمونه هایی از Object.create() Examples of Object.create()

  • مثال دیگری از Object.create() Another Example of Object.create()

  • ایجاد اشیاء - 4. کلاس ها Creating Objects - 4. Classes

  • درک کلاس ها با تابع سازنده شروع می شود Understanding Classes Starts with the Constructor Function

  • نمونه کلاس Class Example

  • خلاصه اشیاء و مثالی از نحوه انتقال اشیا به سایر توابع Objects Recap and an Example of How Objects can Be Passed into Other Functions

  • مدل شی جاوا اسکریپت JavaScript Object Model

بخش پیشرفته - ساخت پلی پر سفارشی Advanced Section - Building a Custom Polyfill

  • معرفی Introduction

  • مرورگر چیست؟ What Is a Browser?

  • آیا مرورگرها از مجموعه ای از قوانین رایج پیروی می کنند؟ Do Browsers Follow a Set of Common Rules?

  • پلی پر چیست؟ What Is a Polyfill?

  • آزمایش اینکه آیا روش forEach() در مرورگر ما وجود دارد یا خیر Testing Whether the forEach() Method Exists in Our Browser

  • What Is forEach() What Is forEach()

  • مثال عملی forEach() Practical Example of forEach()

  • سفارشی forEach() Polyfill - مرحله اول Custom forEach() Polyfill - First Step

  • Custom forEach() Polyfill - مقدمه Custom forEach() Polyfill - Introduction

  • سفارشی forEach() Polyfill - تابع Callback Custom forEach() Polyfill - Callback Function

  • این چیه؟ What Is THIS?

  • سفارشی forEach() Polyfill - Final Custom forEach() Polyfill - Final

  • Outro Outro

آرایه ها و حلقه ها Arrays and Loops

  • معرفی آرایه ها Arrays Introduction

  • ایجاد آرایه ها Creating Arrays

  • فشار و پاپ Push and Pop

  • سه نوع روش آرایه Three Types of Array Methods

  • Mutator، Accessor و Iterator Mutator, Accessor, and Iterator

  • چرا داشتن حلقه از طریق داده مهم است؟ Why Is Being Able to Loop Through Data Important

  • حلقه زدن از طریق آرایه ها Looping Through Arrays

  • حلقه زدن از طریق اشیاء Looping Through Objects

  • اشکال شی (پیشرفته) Object Shapes (Advanced)

نمونه های اولیه Prototypes

  • بخش مقدمه Section Introduction

  • نمونه اولیه و روش isPrototypeOf(). Prototype Example and isPrototypeOf() Method

  • نمونه اولیه چیست؟ What Is a Prototype?

  • نمونه اولیه در مقابل —پرتو— Prototype Versus —proto—

  • نمونه اولیه در مقابل —پرتو— قسمت 2 Prototype Versus —proto— Part 2

  • نمونه اولیه درخت و پوچ Prototype Tree and Null

  • اجازه دهید نمونه اولیه درخت را اثبات کنیم Let us Prove the Prototype Tree

کارکرد Functions

  • بخش مقدمه Section Introduction

  • یک تابع چیست؟ What is a Function?

  • فراخوانی یک تابع در مقابل برگرداندن یک تابع Invoking a Function Versus Returning a Function

  • مثال جالب: روی یک پاراگراف کلیک کنید و متن را تغییر دهید Cool Example: Click on a Paragraph and Make Text Change

  • مثال جالب (پیشرفته): روی دکمه کلیک کنید و نقل قول های تصادفی را نمایش دهید Cool Example (Advanced): Click Button and Display Random Quotes

  • توضیح Math.Random() Explanation of Math.Random()

  • کلمه کلیدی بازگشت Return Keyword

  • دو نوع توابع وجود دارد There Are Two Types of Functions

  • عبارات تابع در مقابل اعلان ها - مثال ها Function Expressions Versus Declarations - Examples

  • اعلان تابع در مقابل بیان تابع Function Declaration Versus Function Expression

  • نحو جدید پیکان New Arrow Syntax

  • "بدون الزام این" به چه معناست؟ What Does "No Binding of This" Mean?

  • خلاصه - متغیرها، اشیاء، و توابع Recap - Variables, Objects, and Functions

  • مقدمه ای بر تابع ()toLowerCase Introduction to the toLowerCase() Function

  • مقدمه ای بر روش Array.from(). Introduction to the Array.from() Method

  • روش Array.from() چگونه کار می کند؟ How Does the Array.from() Method Work?

  • مقدمه ای بر روش indexOf(). Introduction to the indexOf() Method

  • استفاده از indexOf() با آرایه ها Using indexOf() with Arrays

  • استفاده از indexOf() با رشته ها Using indexOf() with Strings

جاوا اسکریپت - THIS، زمینه اجرا و محیط های واژگانی JavaScript - THIS, Execution Context and Lexical Environments

  • بخش مقدمه Section Introduction

  • متغیر مرجع "This" چیست؟ What is 'This' Reference Variable?

  • زمینه اجرای جهانی Global Execution Context

  • جهانی در مقابل زمینه اجرای عملکردی Global Versus Functional Execution Context

  • پشته اجرا Execution Stack

  • پشته اجرا - مثال Execution Stack - Example

  • محیط واژگانی چیست؟ What Is a Lexical Environment?

  • محیط واژگانی - مثال پیشرفته Lexical Environment - Advanced Example

  • شش قانون برای تعیین اینکه این به چه چیزی اشاره دارد Six Rules for Determining What This Refers To

  • فراخوانی ()، اعمال () و اتصال () متد Call (), Apply () and Bind () Methods

تیزر - چگونه جاوا اسکریپت بر مسیر رندر بحرانی تأثیر می گذارد Teaser - How Does JavaScript Affect the Critical Rendering Path

  • معرفی Introduction

  • CRP چیست؟ What Is the CRP?

  • مرورگرها چگونه کار می کردند How Browsers Used to Work

  • چگونه مرورگرها امروز کار می کنند How Browsers Work Today

  • Render Blocking Resources - مقدمه Render Blocking Resources - Introduction

  • جاوا اسکریپت و DOM JavaScript and the DOM

  • جاوا اسکریپت مسدود کردن رندر است JavaScript Is Render Blocking

  • جاوا اسکریپت را در پایین فایل خود قرار دهید Placing JavaScript at the Bottom of Your File

  • با استفاده از ویژگی Async Using the Async Attribute

  • خلاصه ای از جایی که می توانیم JS خود را برای بهبود CRP قرار دهیم Summary of Where We Can Place Our JS to Improve the CRP

  • Outro Outro

نمایش نظرات

آموزش JavaScript Complete Grandmaster 2023 [ویدئو]
جزییات دوره
12 h 25 m
194
Packtpub Packtpub
(آخرین آپدیت)
از 5
ندارد
دارد
دارد
SkillZone .
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

SkillZone . SkillZone .

SkillZone هدف ساده آموزش مفاهیم پیچیده را به روشی بی دردسر دارد. آنها مستقر در ژوهانسبورگ هستند و راه حل های آموزش الکترونیکی با کیفیت و قابل درک ایجاد می کنند. در محیط کار امروزی که به سرعت در حال تحول است، اطمینان از داشتن مهارت ها و تخصص لازم برای موفقیت ضروری است. محتوایی که ما ارائه می‌دهیم تضمین می‌کند که مواد آموزشی و رویکرد ارائه برای برآورده کردن نتایج مورد نظر و رفع نیازهای آموزشی خاص شما بدون پوشش موضوعاتی که ممکن است غیرضروری یا نامربوط باشند، هماهنگ هستند. هدف نویسنده این است که به شما در یادگیری عمیق کمک کند و در عین حال از دام هایی که در راه دشوار کشف کرده است اجتناب کنید. او مشتاق است و تدریس بسیار سرگرم کننده ای دارد و شخصیت و کاریزمای خود را به سکوی تدریس می آورد تا بیشترین بهره را از شاگردانش ببرد.