آموزش Svelte.js 3 و Sapper Projects [ویدئو]

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

معرفی و شروع اولین پروژه ما Introduction and Starting Our First Project

• بررسی اجمالی دوره Course Overview

• Svelte چیست و چرا باید آن را یاد بگیریم؟ What Is Svelte and Why Should We Learn It?

• تنظیم محیط کار ما Setting Up Our Work Environment

• تجزیه و تحلیل فضای کاری Svelte Analyzing the Svelte Workspace

• ایجاد سلسله مراتب اجزاء Creating a Hierarchy of Components

• شروع اولین پروژه ما: vCard Generator Starting Our First Project: vCard Generator

واکنش و رویدادها Reactivity and Events

• افزودن واکنش پذیری با ویژگی های پویا Adding Reactivity with Dynamic Attributes

• واکنش به رویدادهای DOM Reacting to DOM Events

• بیشتر در مورد رویدادها More On Events

• صحافی دو طرفه Two-Way Binding

• کلاس های مشروط Conditional Classes

تقویت برنامه ما Enhancing Our Application

تقویت برنامه ما Enhancing Our Application

• اعزام رویدادها Dispatching Events

• اعزام رویدادها Dispatching Events

• اتصال دو طرفه بین اجزا Two-Way Binding Between Components

• اتصال دو طرفه بین اجزا Two-Way Binding Between Components

• استفاده از اسلات ها Using Slots

• استفاده از اسلات ها Using Slots

• رندر مشروط Conditional Rendering

• رندر مشروط Conditional Rendering

• بیانیه های واکنشی Reactive Statements

• بیانیه های واکنشی Reactive Statements

انتقال ها، انیمیشن ها، و پروژه دوم ما Transitions, Animations, and Our Second Project

انتقال ها، انیمیشن ها، و پروژه دوم ما Transitions, Animations, and Our Second Project

• انتقال های اساسی Basic Transitions

• انتقال های اساسی Basic Transitions

• افزایش انتقال Enhancing Transitions

• افزایش انتقال Enhancing Transitions

• عناصر متحرک Animating Elements

• عناصر متحرک Animating Elements

• استفاده از توابع چرخه حیات Using Lifecycle Functions

• استفاده از توابع چرخه حیات Using Lifecycle Functions

مدیریت دولتی State Management

مدیریت دولتی State Management

• مدیریت دولتی با فروشگاه ها State Management with Stores

• مدیریت دولتی با فروشگاه ها State Management with Stores

• استفاده از فروشگاه ها در برنامه ما Using Stores in Our Application

• استفاده از فروشگاه ها در برنامه ما Using Stores in Our Application

• حرکت با ماژول Svelte/Motion Motion with the Svelte/Motion Module

• حرکت با ماژول Svelte/Motion Motion with the Svelte/Motion Module

• اتصال به پایگاه داده Connecting To a Database

• اتصال به پایگاه داده Connecting To a Database

• گزینه هایی در مورد استقرار برنامه های Svelte Options On Deploying Svelte Apps

• گزینه هایی در مورد استقرار برنامه های Svelte Options On Deploying Svelte Apps

چارچوب Sapper Sapper Framework

چارچوب Sapper Sapper Framework

• شروع با Sapper Starting with Sapper

• شروع با Sapper Starting with Sapper

• ساختار برنامه Sapper The Sapper App Structure

• ساختار برنامه Sapper The Sapper App Structure

• مسیریابی Routing

• مسیریابی Routing

• پیش بارگذاری Preloading

• پیش بارگذاری Preloading

آزمایش و استقرار برنامه ما Testing and Deploying Our App

آزمایش و استقرار برنامه ما Testing and Deploying Our App

• مقدمه ای بر تست با سرو Introduction to Testing with Cypress

• مقدمه ای بر تست با سرو Introduction to Testing with Cypress

• استقرار برنامه ما به عنوان یک سایت ایستا از قبل رندر شده Deploying Our App as a Pre-Rendered Static Site

• استقرار برنامه ما به عنوان یک سایت ایستا از قبل رندر شده Deploying Our App as a Pre-Rendered Static Site

• استقرار برنامه ما به عنوان یک برنامه پویا SSR Deploying Our App as a Dynamic SSR App

• استقرار برنامه ما به عنوان یک برنامه پویا SSR Deploying Our App as a Dynamic SSR App

• بررسی دوره Course Review

• بررسی دوره Course Review