دسته بندی

در حال حاضر محصولی در سبد خرید شما وجود ندارد.

پنل کاربری

رمز خود را فراموش کرده اید؟ اگر اولین بار است از سایت جدید استفاده میکنید باید پسورد خود را ریست نمایید.

کورس یادگیری JavaScript مدرن

دانلود Udemy The Modern Javascript Bootcamp Course (2020)

11,000 تومان
بیش از یک محصول به صورت دانلودی با تخفیف میخواهید؟ محصول را به سبد خرید اضافه کنید.
افزودن به سبد خرید
خرید دانلودی فوری با 10 درصد تخفیف
11000 تومان9900 تومان

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

ویدئو معرفی این محصول

با مشاهده این کورس آموزشی قدم به قدم کدنویسی جاوااسکریپت مدرن 2020 را بخوبی یاد می گیرید.

عنوان اصلی : The Modern Javascript Bootcamp Course (2020)

این مجموعه آموزش ویدیویی محصول موسسه آموزشی Udemy است که بر روی 2 حلقه دیسک به همراه فایلهای تمرینی و اسلایدهای مدرس ارائه شده و به مدت زمان 51 ساعت و 58 دقیقه در اختیار علاقه مندان قرار می گیرد.

در ادامه با برخی از سرفصل های درسی این مجموعه آموزش آشنا می شویم :


Introduction :
How This Course Works
JS, ECMA, TC39: What Do They Mean??
The Tools You Need
Customizing VSCode & Extensions
A Quick Note About MDN

JS Values & Variables :
Goals & Primitives
Running Code in the JS Console
Introducing Numbers
NaN & Infinity
Numbers Quiz
Variables & Let
Unary Operators
Introducing Const
The Legacy of Var
Variables Quiz

How to Model Data Efficiently :
Booleans Intro
Strings
String Indices
String Methods
More String Methods
Strings Quiz
String Escape Characters
String Template Literals
Null & Undefined
The Math Object & Random Numbers
typeof operator
parseInt & parseFloat

Controlling Program Logic and Flow :
Making Decisions in JS
Comparison Operators
Double Equals (==)
Triple Equals (===)
Running Code From a Script
If Statements
Else If
Else
Nesting Conditionals
Truthy & Falsy Values
Logical AND (&&)
Logical OR (||)
NOT Operator (!)
Operator Precedence
The Switch Statement
Ternary Operator

Capture Collections of Data with Arrays :
Creating Arrays
Array Indices
Modifying Arrays
Push and Pop
Shift and Unshift
Concat
Includes and IndexOf
Reverse and Join
Slice
Splice
Sorting (Part 1)
Intro to Reference Types
Using Const with Arrays
Working with Nested Arrays

Objects - The Core of Javascript :
Intro to Objects
Creating Object Literals
Accessing Object Properties
Adding and Updating Properties
Nested Arrays & Objects
Objects and Reference Types
Array/Object Equality

The World of Loops :
Intro to Loops
For Loops
Infinite Loops!
For Loops & Arrays
Nested For Loops
Intro to While Loops
More While Loops
Break Keyword
For...Of Intro
Comparing For and For...Of
For...Of with Objects
For...In Loops

Writing Reusable Code with Functions :
Our First Function!
Dice Roll Function
Introducing Arguments
Functions With Multiple Args
The Return Statement
More on Return Values
Function Challenge 1: passwordValidator
Function Challenge 2: Average
Function Challenge 3: Pangrams
Function Challenge 4: Get Playing Card

An Advanced Look at Functions :
Function Scope
Block Scope
Lexical Scope
Function Expressions
Higher Order Functions
Functions as Arguments
Functions as Return Values
Callbacks
Hoisting

Apply Functions to Collections of Data :
Intro to Array Callback Methods
forEach
Map
Arrow Functions Intro
Arrow Functions: Implicit Returns
Array.find
Filter
Some & Every
Revisiting Sort!
Reduce Intro
Reduce Pt. 2
Even More Reduce!

A Few Miscellaneous JS Features :
New JS Features Intro
Default Parameters
Spread for Function Calls
Spread in Array Literals
Spread in Object Literals
The Arguments Object (not new)
Rest Parameters (new!)
Destructuring Arrays
Destructuring Objects
Nested Destructuring
Destructuring Parameters

Object Methods and the 'This' Keyword :
Shorthand Object Properties
Computed Properties
Adding Methods to Objects
Method Shorthand Syntax
Intro to Keyword THIS
Using THIS in Methods
THIS: Invocation Context
Annoyomatic Demo
Putting It All Together: Deck Of Cards
Creating A Deck Factory

JS In the Browser - DOM Manipulation :
Introduction to the DOM
IMPORTANT NOTE: HTML & CSS
Taste of the DOM
Another Fun DOM Example
The Document Object
getElementById
getElementsByTagName
getElementsByClassName
querySelector & querySelectorAll

Twisting the DOM to Our Will! :
Working with innerText & textContent
innerHTML
value, src, href, and more
Getting & Setting Attributes
Finding Parent/Children/Siblings
Changing Multiple Elements
Altering Styles
getComputedStyle
Manipulating Classes
Creating Elements
Append, Prepend, & insertBefore
removeChild & remove
NBA Scores Chart Pt1.
NBA Scores Chart Refactor

Communicating with Events :
Intro to DOM Events
2 Ways NOT to Add Events
addEventListener
The Impossible Button Demo
Events on Multiple Elements
The Event Object
Key Events: keypress, keyup, & keydown
Coin Game Demo
Form Events & PreventDefault
Input & Change Events

Asynchronous Code, Callbacks & Promises :
The Call Stack
Call Stack Debugging w/ Dev Tools
JS is Single Threaded
How Asynchronous Callbacks Actually Work
Welcome to Callback Hell
Introducing Promises!
Returning Promises from Functions
Resolving/Rejecting w/ Values
The Delights of Promise Chaining
Refactoring w/ Promises

Making HTTP Requests :
Intro to AJAX
JSON & XML
XMLHttpRequests: The Basics
XMLHttpRequests: Chaining Requests
A Better Way: Fetch!
Chaining Fetch Requests
Refactoring Fetch Chains
An Even Better Way: Axios
Sequential Axios Requests

Async & Await: JS Magic :
A Quick Overview of Async Functions
The Async Keyword
The Await Keyword
Error Handling in Async Functions
Multiple Awaits
Parallel Vs. Sequential Requests
Refactoring with Promise.all

Prototypes, Classes, & The New Operator :
What on Earth are Prototypes?
An Intro to OOP
Factory Functions
Constructor Functions
JS Classes - Syntactical Sugar
A Bit More Practice with Classes
Extends, Super, and Subclasses

Drawing Animations :
Welcome to Part 2!
App Overview
Project Setup
Event-Based Architecture
Class-Based Implementation
Binding Events in a Class
Reminder on 'This'
Determining the Value of 'This'
Solving the 'This' Issue
Starting and Pausing the Timer
Where to Store Data?
DOM-Centric Approach
Getters and Setters
Stopping the Timer
Notifying the Outside World
OnTick and OnComplete
Extracting Timer Code
Introducing SVG's
Rules of SVG's
Advanced Circle Properties
The Secret to the Animation
First Pass on the Animation
Smoothing the Animation
Adjusting by an Even Interval
Using Icons
Styling and Wrapup

Application Design Patterns :
Application Overview
Starter Kit Setup
Big Challenges
Fetching Movie Data
Fetching a Single Movie
AutoComplete Widget Design
Searching the API on Input Change
Delaying Search Input
Understanding Debounce
Implementing a Reusable Debounce
Extracting Utility Functions
Awaiting Async Functions
Rendering Movies
Handling Errored Responses
Opening a Menu
Style of Widget Creation
Moving HTML Generation
Quick Note
Repairing References
Handling Broken Images
Automatically Closing the Dropdown
Handling Empty Responses
Handling Movie Selection
Making a Followup Request
Rendering an Expanded Summary
Expanded Statistics
Issues with the Codebase
Making the Autocomplete Reusable
Displaying Multiple Autocompletes
Extracting Rendering Logic
Extracting Selection Logic
Removing Movie References
Consuming a Different Source of Data
Refreshed HTML Structure
Avoiding Duplication of Config
Hiding the Tutorial
Showing Two Summaries
When to Compare?
How to Compare?
Extracting Statistic Values
Parsing Number of Awards
Applying Parsed Properties
Updating Styles
Small Bug Fix
App Wrapup

Javascript with the Canvas API :
Application Overview
Project Setup
Matter Terminology
Getting Content to Appear
Boilerplate Overview
Drawing Borders
Clicking and Dragging
Generating Random Shapes
Maze Generation Algorithm
More on Maze Generation
Configuration Variables
Grid Generation
Verticals and Horizontals
Abstracting Maze Dimensions
Guiding Comments
Neighbor Coordinates
Shuffling Neighbor Pairs
Determining Movement Direction
Updating Vertical Wall Values
Updating Horizontal Wall Values
Validating Wall Structure
Iterating Over Walls
Drawing Horizontal Segments
Drawing Vertical Segments
Drawing the Goal
Drawing the Playing Ball
Handling Keypresses
Adding Keyboard Controls
Disabling Gravity
Detecting a Win
Adding a Win Animation
Stretching the Canvas
Understanding the New Unit Variables
Refactoring for Rectangular Mazes
Adding Fill Colors
Displaying a Success Message

Make a Secret-Message Sharing App :
Application Overview
Project Setup
Handling Form Submission
Base64 Encoding
Encoding the Entered String
Parts of a URL
Generating the URL
Toggling Element Visibility
Decoding the Message
Displaying the Message
App Deployment

Create Node JS Command Line Tools :
JavaScript with Node vs the Browser
Executing JavaScript
Working with Modules
Invisible Node Functions
The Require Cache
Files Get Required Once!
Debugging with Node
App Overview
Accessing Standard Library Modules
The Callback Pattern in Node
The Process.cwd Function
Running a Node Program as an Executable
Linking a Project
Is it a File or a Folder?
A Buggy Initial Implementation
Optional Solution #1
A Callback-Based Solution
Callback-Based Functions Using Promises
Issues with Sequential Reads
Promise.all-Based Solution
Console Logs with Colors
Accepting Command Line Arguments
Joining Paths
App Wrapup

Create Your Own Project Runner :
App Overview
Project Setup
Big Application Challenges
Watching Files with Chokidar
Issues with Add Event
Debouncing Add Events
Naming Require Statements
Handling CLI Tools with Caporal
Ensuring Files Exist
It Works!
More on StdIO
[Optional] More on Child_Process
App Wrapup

Project Start - E-Commerce App :
App Overview
App Architecture
Package.json Scripts
Creating a Web Server
Behind the Scenes of Requests
Displaying Simple HTML
Understanding Form Submissions
Parsing Form Data
Middlewares in Express
Globally Applying Middleware

Design a Custom Database :
Data Storage
Different Data Modeling Approaches
Implementing the Users Repository
Opening the Repo Data File
Small Refactor
Saving Records
Better JSON Formatting
Random ID Generation
Finding By Id
Deleting Records
Updating Records
Adding Filtering Logic
Exporting an Instance
Signup Validation Logic

Production-Grade Authentication :
Cookie Based Authentication
Creating User Records
Fetching a Session
Signing Out a User
Signing In
Hashing Passwords
Salting Passwords
Salting + Hashing Passwords
Comparing Hashed Passwords
Testing the Full Flow

Structuring Javascript Projects :
Project Structure
Structure Refactor
HTML Templating Functions
HTML Reuse with Layouts
Building a Layout File
Adding Better Form Validation
Validation vs Sanitization
Receiving Validation Output
Adding Custom Validators
Extracting Validation Chains
Displaying Error Messages
Validation Around Sign In
Password Validation
Template Helper Functions
Adding Some Styling
Exposing Public Directories
Next Steps
Product Routes
The Products Repository
Code Reuse with Classes
Creating the Products Repository
Building the Product Creation Form
Some Quick Validation

Image and File Upload :
Exploring Image Upload
Understanding Mutli-Part Forms
Accessing the Uploaded File
[Optional] Different Methods of Image Storage
Saving the Image
A Subtle Middleware Bug
Better Styling
Reusable Error Handling Middleware
Products Listing
Redirect on Success Actions
Requiring Authentication
Template Update
Ids in URLs
Receiving URL Params
Displaying an Edit Form

Building a Shopping Cart :
Editing a Product
Fixing the HandleErrors Middleware
Edit Form Template
Deleting Products
Starting with Seed Data
User-Facing Products
Products Index
Merging More Styling
Understanding a Shopping Cart
Solving Problem #1
Solving Problem #2
Shopping Cart Boilerplate
Submission Options
Creating a Cart, One Way or Another
Adding Items to a Cart
Displaying Cart Items
Rendering the List
Totaling Cart Items
Removing Cart Items
Redirect on Remove

The Basics of Testing :
Testing Overview
A Simple Function to Test
A No-Frills Testing Implementation
Test Driven Development
Fixing Three Issues
The Assert Module
Using Mocha
App Setup
Reminder on This App
Why is Test Setup Difficult?
Mocha in the Browser
Displaying the Autocomplete
Verifying the Dropdown State
Writing Assertions
Fake DOM Events
Holding Up Assertions
Implementing WaitFor
Asserting Records Fetched

Building a Testing Framework From Scratch :
Test Framework Requirements
Project Setup
Implementation Steps
Walking a Directory Structure
Implementing Breadth First Search
Collecting Test Files
Running Test Files
A Quick Test Harness
Implementing 'beforeEach' and 'it'
Adding Basic Reporting
Adding Colors
Better Formatting
Ignoring Directories
Running Browser-Based JS
A Sample Web App
Why JSDOM?
Building a Render Function
HTML Element Assertions
An Incorrectly Passing Test
Another Small Issue
Script Execution Delay
Implementing a Delay
Fixing a Test

Bonus! :
Bonus!

مشخصات این مجموعه :
زبان آموزش ها انگلیسی روان و ساده
دارای آموزشهای ویدیویی و دسته بندی شده
ارائه شده بر روی 2 حلقه دیسک به همراه فایلهای تمرینی و اسلایدهای مدرس
مدت زمان آموزش 51 ساعت و 58 دقیقه !
محصول موسسه آموزشی Udemy