آموزش توسعه فرانت‌اند با استفاده از آنگولار (Angular) - آخرین آپدیت

آشنایی با HTML و CSS Introduction to HTML & CSS

• ملاقات با مدرس شما Meet Your Instructor

• مسیر شغلی و چشم‌انداز Career and Scope

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• مقدمه‌ای بر توسعه وب Introduction to Web Development

• HTML چیست؟ What is HTML?

• تگ‌های HTML HTML Tag

• تگ‌های قالب‌بندی HTML Formatting HTML Tag

• تگ‌های فرم و ورودی (Input) Forms and Input Tag

• تگ IFrame IFrame Tag

• تگ تصاویر Images Tag

• تگ صوت (Audio) Audio Tag

• تگ ویدئو Video Tag

• تگ لیست‌ها List Tag

• تگ جدول‌ها Table Tag

• تگ‌های معنایی و غیرمعنایی (Semantic) Semantic and Non- Semantic Tags

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• CSS چیست؟ What is CSS?

• سینتکس CSS CSS Syntax

• انتخابگرهای ساده CSS CSS Simple Selector

• انتخابگرهای ترکیبی CSS - بخش اول CSS combinator selectors - Part 1

• انتخابگرهای ترکیبی CSS - بخش دوم CSS combinator selectors - Part 2

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• انتخابگرهای Pseudo-class - بخش اول Pseudo-class selectors - Part 1

• انتخابگرهای Pseudo-class - بخش دوم Pseudo-class selectors - Part 2

• انتخابگرهای Pseudo-Elements Pseudo Elements Selectors

• انتخابگرهای ویژگی (Attribute) Attribute Selectors

• ویژگی فونت در CSS CSS Fonts property

• موقعیت‌دهی (Position) در CSS CSS Positions

• شناور سازی (Float) در CSS CSS Float

• نمایش (Display) در CSS CSS Display

• واحدهای اندازه‌گیری در CSS CSS Units

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• رنگ‌ها در CSS CSS Colors

• رنگ پس‌زمینه در CSS CSS Background Colors

• مدل جعبه‌ای (Box Model) در CSS CSS Box Model

• اندازه‌گیری جعبه (Box Sizing) در CSS CSS Box-Sizing

• جدول استایل‌های CSS CSS Style Table

• آیکون در CSS CSS Icon

• نمایش شبکه‌ای (Grid) در CSS - بخش اول CSS Display Grid - Part 1

• نمایش شبکه‌ای (Grid) در CSS - بخش دوم CSS Display Grid - Part 2

• نوار پیمایش (Navigation Bar) با CSS CSS Navigation Bar

• منوهای کشویی (Dropdowns) با CSS CSS Dropdowns

• گالری تصاویر و Spriteها در CSS CSS Image Gallery and Sprites

• استایل‌دهی به تصاویر و بازتاب آن‌ها در CSS CSS Styling Images & Image Reflections

• فرم‌ها در CSS CSS Forms

• افکت‌های متنی در CSS CSS Text Effects

• تناسب اشیاء و موقعیت در CSS CSS Object Fit & Position

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

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• آشنایی با جاوااسکریپت Introduction to JavaScript

• آماده‌سازی محیط توسعه Setting up your development environment

• نوشتن اولین برنامه جاوااسکریپت Writing your first JavaScript program

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• درک متغیرها Understanding variables

• درک انواع داده‌ها Understanding data types

• استفاده از عملگرهای ریاضی و مقایسه‌ای Using arithmetic and comparison operators

• آرایه‌ها در جاوااسکریپت Arrays in Javascript

• کار با رشته‌ها (Strings) Working with strings

• دستکاری رشته‌ها Working with string manipulation

• دستورات شرطی (if/else, switch) Conditional statements (if/else, switch)

• ساختارهای حلقه (for, while) Looping structures (for, while)

• توابع و محدوده (Scope) Functions and scope

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• درک مدل شیء سند (DOM) Understanding the Document Object Model (DOM)

• دسترسی به عناصر DOM با جاوااسکریپت Accessing DOM elements with JavaScript

• دستکاری عناصر DOM با جاوااسکریپت Manipulating DOM elements with JavaScript

• تغییر استایل‌ها و ویژگی‌ها با جاوااسکریپت Modifying styles and attributes with JavaScript

• درک رویدادها و شنونده‌های رویداد (Event Listeners) Understanding events and event listeners

• پاسخ به ورودی کاربر (کلیک، فشردن کلید) Responding to user input (clicks, key presses)

• ایجاد رابط‌های کاربری تعاملی با رویدادها Creating interactive user interfaces with events

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• ایجاد و حذف عناصر DOM با جاوااسکریپت Creating and removing DOM elements with JavaScript

• استفاده از AJAX برای بارگذاری پویا محتوا Using AJAX to load content dynamically

• مدیریت خطاها و استثناها Handling errors and exceptions

آنگولار برای توسعه فرانت‌اند Angular for Frontend development

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• چرخه حیات آنگولار (Life Cycle) Angular Life Cycle

• دکوراتورهای آنگولار Angular Decorators

• کامپوننت آنگولار Angular Component

• ماژول آنگولار Angular Module

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• اتصال داده‌ها در آنگولار (یک‌طرفه و دوطرفه) Angular Data Binding (One way and Two way Data Binding)

• درون‌یابی (Interpolation) در آنگولار Angular Interpolation

• اتصال ویژگی (Property Binding) در آنگولار Angular Property Binding

• اتصال رویداد (Event Binding) در آنگولار Angular Event Binding

• اتصال دوطرفه داده‌ها (ngModel) در آنگولار Angular Data Binding - Two way data binding (ngModel)

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• دایرکتیوهای آنگولار چیستند؟ What are Angular Directives

• دایرکتیوهای ساختاری آنگولار Angular Structural Directives

• دایرکتیو ngIf در آنگولار Angular nglf Directive

• دایرکتیو ngStyle در آنگولار Angular ngStyle Directive

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• پایپ‌های آنگولار (Pipes) Angular Pipes

• فرم‌ها در آنگولار Angular Forms

• فرم‌های مبتنی بر قالب (Template Driven Form) Angular Template Driven Form

• فرم‌های واکنشی (Reactive Form) Angular Reactive Form