DEV TRICKS
343 subscribers
43 photos
73 videos
6 files
33 links
برگزار کننده دوره و کارگاه های آموزشی برنامه نویسی DEV TRICKS
Back-end و Front-end

وب سایت :
devtricks.ir

اینستاگرام :
https://www.instagram.com/dev_tricks/

آدرس گروه :
@FrontEnd2021

ارتباط با مربی و ادمین :

@Amirmazarbash

09369665624
Download Telegram
Channel created
Channel name was changed to «مهندسی front-end»
Channel name was changed to «DEV TRICKS»
Channel photo updated
شروع Workshop پیشرفته javascript از تاریخ 97/9/15 در کانال YouTube 👇👇👇
در این Workshop شما از ابتدا با javascript آشنا خواهید شد. دستور زبان ES6 را یاد خواهید گرفت و از آن برای پیاده سازی چند پروژه واقعی استفاده می کنید.
فهرست مطالب Workshop:
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
- 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
مدت زمان دوره حدود 2 ماه
پیش نمایش قسمت 3 از گارگاه آموزشی طراحی قالب html 👆👆👆👆