در این Workshop شما از ابتدا با javascript آشنا خواهید شد. دستور زبان ES6 را یاد خواهید گرفت و از آن برای پیاده سازی چند پروژه واقعی استفاده می کنید.
JavaScript Language Fundamentals
- Section Intro & File Setup
Preview
- Using The Console
Preview
- Variables - var, let & const
Preview
- Data Types in JavaScript
Preview
- Type Conversion
- Numbers & The Math Object
- String Methods & Concatenation
- Template Literals
- Arrays & Array Methods
- Object Literals
- Dates & Times
- If Statements & Comparison Operators
- Switches
- Function Declarations & Expressions
- General Loops
- A Look At The Window Object
- Block Scope With let & const
–
DOM Manipulation & Events
- What Is The DOM?
Preview
- Examining The Document Object
Preview
- DOM Selectors For Single Elements
Preview
- DOM Selectors For Multiple Elements
- Traversing The DOM
- Creating Elements
- Removing & Replacing Elements
- Event Listeners & The Event Object
- Mouse Events
- Keyboard & Input Events
- Event Bubbling & Delegation
- Local & Session Storage
–
DOM Projects
- Task List [Part 1] - UI & Add Task Items
- Task List [Part 2] - Delete & Filter Tasks
- Task List [Part 3] - Persist To Local Storage
- Loan Calculator [Part 1] - Build The UI
- Loan Calculator [Part 2] - Calculate & Error
- Loan Calculator [Part 3] - Loader & User Experience
- Number Guesser [Part 1] - Build The UI
- Number Guesser [Part 2] - Validation & Winning Case
- Number Guesser [Part 3] - Lose Case & Game Over
- Number Guesser [Part 4] - Play Again
–
Object Oriented JavaScript - ES5 & ES2015
- Constructors & the 'this' Keyword
- Built In Constructors
- Prototypes Explained
- Prototypal Inheritance
- Using Object.create
- ES6 Classes
- Sub Classes
–
OOP Book List Project
- Build The Book List UI
- Add Book To List
- Validation & Alert
- Delete Book From List
- Convert to ES6 Classes
- Bonus - Add Local Storage
–
Asynchronous JavaScript, Ajax & Fetch API
- What Is Asynchronous Programming?
- Ajax & XHR Introduction
- XHR Object Methods & Working With Text
- Working With Ajax & JSON
- Data From an External API - Chuck Norris Project
- REST APIs & HTTP Requests
- Callback Functions
- Custom HTTP Library (Ajax With Callbacks) - Part 1
- Custom HTTP Library (Ajax With Callbacks) - Part 2
- ES6 Promises
- The Fetch API
- Arrow Functions
- Custom HTTP Library (Fetch With Promises) - Part 3
- Async & Await
- Custom HTTP Library (Fetch With Async Await) - Part 4
–
API Projects
- Github Finder [Part 1] - Intro & UI
Preview
- Github Finder [Part 2] - Fetching Profile Data
Preview
- Github Finder [Part 3] - Display The Profile
- Github Finder [Part 4] - Show Alert Message
- Github Finder [Part 5] - Fetch & Display Repos
- WeatherJS [Part 1] - Intro & UI
- WeatherJS [Part 2] - Fetch Weather From API
- WeatherJS [Part 3] - Display The Weather
- WeatherJS [Part 4] - Save Location To Local Storage
–
Error Handling & Regular Expressions
- Section Intro & File Setup
Preview
- Using The Console
Preview
- Variables - var, let & const
Preview
- Data Types in JavaScript
Preview
- Type Conversion
- Numbers & The Math Object
- String Methods & Concatenation
- Template Literals
- Arrays & Array Methods
- Object Literals
- Dates & Times
- If Statements & Comparison Operators
- Switches
- Function Declarations & Expressions
- General Loops
- A Look At The Window Object
- Block Scope With let & const
–
DOM Manipulation & Events
- What Is The DOM?
Preview
- Examining The Document Object
Preview
- DOM Selectors For Single Elements
Preview
- DOM Selectors For Multiple Elements
- Traversing The DOM
- Creating Elements
- Removing & Replacing Elements
- Event Listeners & The Event Object
- Mouse Events
- Keyboard & Input Events
- Event Bubbling & Delegation
- Local & Session Storage
–
DOM Projects
- Task List [Part 1] - UI & Add Task Items
- Task List [Part 2] - Delete & Filter Tasks
- Task List [Part 3] - Persist To Local Storage
- Loan Calculator [Part 1] - Build The UI
- Loan Calculator [Part 2] - Calculate & Error
- Loan Calculator [Part 3] - Loader & User Experience
- Number Guesser [Part 1] - Build The UI
- Number Guesser [Part 2] - Validation & Winning Case
- Number Guesser [Part 3] - Lose Case & Game Over
- Number Guesser [Part 4] - Play Again
–
Object Oriented JavaScript - ES5 & ES2015
- Constructors & the 'this' Keyword
- Built In Constructors
- Prototypes Explained
- Prototypal Inheritance
- Using Object.create
- ES6 Classes
- Sub Classes
–
OOP Book List Project
- Build The Book List UI
- Add Book To List
- Validation & Alert
- Delete Book From List
- Convert to ES6 Classes
- Bonus - Add Local Storage
–
Asynchronous JavaScript, Ajax & Fetch API
- What Is Asynchronous Programming?
- Ajax & XHR Introduction
- XHR Object Methods & Working With Text
- Working With Ajax & JSON
- Data From an External API - Chuck Norris Project
- REST APIs & HTTP Requests
- Callback Functions
- Custom HTTP Library (Ajax With Callbacks) - Part 1
- Custom HTTP Library (Ajax With Callbacks) - Part 2
- ES6 Promises
- The Fetch API
- Arrow Functions
- Custom HTTP Library (Fetch With Promises) - Part 3
- Async & Await
- Custom HTTP Library (Fetch With Async Await) - Part 4
–
API Projects
- Github Finder [Part 1] - Intro & UI
Preview
- Github Finder [Part 2] - Fetching Profile Data
Preview
- Github Finder [Part 3] - Display The Profile
- Github Finder [Part 4] - Show Alert Message
- Github Finder [Part 5] - Fetch & Display Repos
- WeatherJS [Part 1] - Intro & UI
- WeatherJS [Part 2] - Fetch Weather From API
- WeatherJS [Part 3] - Display The Weather
- WeatherJS [Part 4] - Save Location To Local Storage
–
Error Handling & Regular Expressions
- Error Handling with Try...Catch
- Regular Expressions [Part 1] - Evaluation Functions
- Regular Expressions [Part 2] - Metacharacter Symbols
- Regular Expressions [Part 3] - Character Sets & Quantifiers
- Regular Expressions [Part 4] - Shorthand Character Classes
- Regular Expressions - Form Validation Project
–
Other Newer Features - ES2015+
- Iterators & Generators
- Profile Scroller - Iterator Mini Project
- Symbols
- Destructuring
- ES6 Maps
- ES6 Sets
- Regular Expressions [Part 1] - Evaluation Functions
- Regular Expressions [Part 2] - Metacharacter Symbols
- Regular Expressions [Part 3] - Character Sets & Quantifiers
- Regular Expressions [Part 4] - Shorthand Character Classes
- Regular Expressions - Form Validation Project
–
Other Newer Features - ES2015+
- Iterators & Generators
- Profile Scroller - Iterator Mini Project
- Symbols
- Destructuring
- ES6 Maps
- ES6 Sets