آموزش فرانت‌اند برای توسعه‌دهندگان Java Full Stack - آخرین آپدیت

مقدمه‌ای بر HTML و CSS Introduction to HTML & CSS

• آشنایی با مدرس Meet Your Instructor

• آنچه در این درس خواهید آموخت 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

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

• استایل‌دهی تصاویر و انعکاس تصاویر در CSS CSS Styling Images & Image Reflections

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

• جلوه‌های متنی در CSS CSS Text Effects

• Object Fit و موقعیت در CSS CSS Object Fit & Position

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

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

• مقدمه‌ای بر JavaScript 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

• درک رویدادها (Events) و شنونده‌های رویداد 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 برای توسعه فرانت‌اند Angular for Frontend development

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

• چرخه حیات Angular Angular Life Cyle

• دکوراتورهای Angular Angular Decorators

• کامپوننت Angular Angular Component

• ماژول Angular Angular Module

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

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

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

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

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

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

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

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

• دایرکتیوهای ساختاری Angular Angular Structural Directives

• دایرکتیو ngIf در Angular Angular nglf Directive

• دایرکتیو ngStyle در Angular Angular ngStyle Directive

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

• پایپ‌ها (Pipes) در Angular Angular Pipes

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

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

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