آموزش اصول استایل‌دهی و جاوااسکریپت (Styling & JavaScript Essentials) - آخرین آپدیت

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

Tailwind CSS (از صفر تا صد) Tailwind CSS (Zero to Hero)

• مقدمه‌ای بر Tailwind CSS Introduction to Tailwind CSS

• راه‌اندازی Tailwind CSS برای محیط عملیاتی Setting Up Tailwind CSS for Production

• کار با فونت‌ها و اندازه‌ها در Tailwind CSS Fonts and Sizing Using Tailwind CSS

• حاشیه‌ها، مرزها و پدینگ در Tailwind CSS Margins, Borders, and Padding in Tailwind CSS

• استفاده از Notation براکت‌ها در Tailwind CSS Square Bracket Notation in Tailwind CSS

• ساخت طراحی‌های واکنش‌گرا با Tailwind CSS Creating Responsive Designs Using Tailwind CSS

• حالت‌های Hover، Active و Focus در Tailwind CSS Hover, Active, and Focus States in Tailwind CSS

• دستور @apply در Tailwind CSS @apply Directive in Tailwind CSS

• دستور @layer در Tailwind CSS @layer Directive in Tailwind CSS

• شخصی‌سازی Tailwind CSS Customizing Tailwind CSS

#3 پروژه: صفحه ورود فیس‌بوک #3 Project: Facebook Login Page

• پروژه Tailwind CSS Tailwind CSS Project

JavaScript ES6 (از صفر تا صد) JavaScript ES6 (Zero to Hero)

• مقدمه‌ای بر جاوااسکریپت Introduction to JavaScript

• مبانی جاوااسکریپت Basics of JavaScript

• تفاوت Var، Const و Let در جاوااسکریپت Var, Const, Let in JavaScript

• انواع داده در جاوااسکریپت Data Types in JavaScript

• تبدیل و تبدیل انواع داده (Conversion and Coercion) Conversion and Coercion

• همه چیز درباره رشته‌ها (Strings) در جاوااسکریپت All about JavaScript Strings

• همه چیز درباره آرایه‌ها (Arrays) در جاوااسکریپت All about Arrays

• شرط‌ها و Switch Case Conditionals and Switch Case

• حلقه‌ها در جاوااسکریپت Loops in JavaScript

• توابع در جاوااسکریپت Functions in JavaScript

• ویژگی‌ها و توابع شیء Window Window Object Properties and Functions

• مبانی DOM Basics of DOM

• انتخاب‌گرهای المان‌های HTML در جاوااسکریپت HTML Element Selectors in JavaScript

• المان‌های فرزند، والد و پیمایش DOM Children Parent and Traversing the DOM

• ساخت، حذف و جایگزینی المان‌ها Creating, Removing, and Replacing Elements

• رویدادهای جاوااسکریپت و Event Handlerها JavaScript Events and Event Handlers

• آموزش بیشتر رویدادهای جاوااسکریپت More on JavaScript Events

• ذخیره‌سازی Local و Session Storage Local and Session Storage

• شیء Math در جاوااسکریپت Math Object in JavaScript

• شیء Date در جاوااسکریپت Date Object in JavaScript

• برنامه‌نویسی شیءگرا (OOP) در جاوااسکریپت Object-Oriented Programming (OOP) in JavaScript

• شیء Prototype در جاوااسکریپت Object Prototype in JavaScript

• ارث‌بری پروتوتایپ (Prototype Inheritance) Prototype Inheritance

• کلاس‌ها و ارث‌بری در ES6 ES6 Classes and Inheritance

• برنامه‌نویسی ناهمگام (Asynchronous) در جاوااسکریپت Asynchronous Programming in JavaScript

• آموزش AJAX AJAX Tutorial

• توابع Callback در جاوااسکریپت Callback Functions in JavaScript

• وعده‌ها (Promises) در جاوااسکریپت Promises in JavaScript

• توابع Arrow Arrow Functions

• کار با Fetch API Fetch API

• استفاده از Async / Await در جاوااسکریپت Async / Await in JavaScript

• مدیریت خطا در جاوااسکریپت Error Handling in JavaScript

• عبارات منظم (Regular Expressions) در جاوااسکریپت Regular Expressions in JavaScript

• متانوکاراکترها در جاوااسکریپت Metacharacters in JavaScript

• مجموعه کاراکترها در Regular Expressions Character Sets in Regular Expressions

• تکرارکننده‌ها (Iterators) در جاوااسکریپت Iterators in JavaScript

• مولدها (Generators) در جاوااسکریپت Generators in JavaScript

• نقشه‌ها (Maps) در جاوااسکریپت Maps in JavaScript

• مجموعه‌ها (Sets) در جاوااسکریپت Sets in JavaScript

• نمادها (Symbols) در جاوااسکریپت Symbols in JavaScript

• تخریب ساختار (Destructuring) در جاوااسکریپت Destructuring in JavaScript

#4 پروژه: بازی Slither #4 Project: Slither Game

• ساخت بازی Slither/Snake با استفاده از جاوااسکریپت Slither/Snake Game Using JavaScript