آموزش Master Svelte Framework - The Complete Course [ویدئو]

Master Svelte Framework - The Complete Course [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: Svelte - تغییر دهنده بازی در توسعه وب - کارایی و سادگی بی نظیری را ارائه می دهد و نحوه ایجاد وب سایت های تعاملی توسط توسعه دهندگان را متحول می کند. این چارچوب پیشرفته را با دوره ما در آغوش بگیرید و سفری را آغاز کنید تا پتانسیل توسعه وب خود را آزاد کنید. در این دوره آموزشی، ابتدا به مبانی Svelte و SvelteKit می پردازید و درک کاملی از رویکرد کارآمد آنها برای ساخت برنامه های وب به دست می آورید. سفر با یک مقدمه آغاز می شود، جایی که با دنیای هیجان انگیز Svelte و قابلیت های قدرتمند SvelteKit آشنا می شوید. در مرحله بعد، روی ادغام Firebase و Firebase Auth در برنامه SvelteKit خود تمرکز خواهید کرد. شما یاد خواهید گرفت که چگونه احراز هویت کاربر را پیاده سازی کنید، داده های کاربر را مدیریت کنید و برنامه خود را در وب اجرا کنید. به روز رسانی بلادرنگ و رندر سمت سرور (SSR) یک تجربه کاربری استثنایی را ارائه می دهد و وب سایت شما را از رقبا متمایز می کند. در نهایت، شما به موضوعات پیشرفته ای مانند مدیریت مسیرهای API، احراز هویت سمت سرور و هشدارهای بلادرنگ خواهید پرداخت. در اینجا، یک وب‌سایت کاملاً کاربردی و ایمن به نام «کتاب‌دوستان» ایجاد می‌کنید که به کاربران اجازه می‌دهد با کتاب‌ها تعامل داشته باشند، دوست نداشته باشند و نپسندند و محتوای شخصی‌شده را مشاهده کنند. در پایان این دوره، شما استاد Svelte و SvelteKit خواهید بود که مجهز به ساخت وب سایت های کاربر پسند با اطمینان می باشد. وب سایت های تعاملی با Svelte و SvelteKit بسازید یک پروژه کامل وب سایت عاشق کتاب ایجاد کنید آموزش رندر سمت سرور (SSR) برای بهبود عملکرد وب سایت به‌روزرسانی‌های بی‌درنگ برای تجربه‌های پویا کاربر را درک کنید مسیرهای API و تکنیک‌های احراز هویت سمت سرور را کاوش کنید به مفاهیم پیشرفته ای مانند اکشن ها، اسلات ها و قلاب ها مسلط شوید این دوره هم برای مبتدیان و هم توسعه دهندگان باتجربه که مشتاق کشف پتانسیل Svelte و SvelteKit هستند، پاسخ می دهد. هیچ دانش قبلی Svelte یا SvelteKit مورد نیاز نیست، و آن را برای همه قابل دسترس می کند. آشنایی اولیه با جاوا اسکریپت مفید است، در حالی که درک HTML و CSS سودمند است اما اجباری نیست. چه در توسعه وب تازه کار باشید و چه بخواهید مجموعه مهارت های خود را با موضوعات پیشرفته گسترش دهید، این سفر عملی شما را به ساخت وب سایت های کاربر پسند، ادغام Firebase و پیاده سازی رندر سمت سرور مجهز می کند و تجربه یادگیری جامعی را برای همه زبان آموزان تضمین می کند. Svelte و SvelteKit را از مبانی تا موضوعات پیشرفته بیاموزید * Firebase را برای مدیریت کاربر و به روز رسانی های آنی ادغام کنید * تمرین ها و چالش های عملی برای یک تجربه یادگیری پویا

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

معرفی Introduction

  • معرفی دوره Course Introduction

Svelte Introduction Svelte Introduction

  • بخش مقدمه Section Introduction

  • بخش مقدمه Section Introduction

  • Svelte Up و Running Svelte Up and Running

  • Svelte Up و Running Svelte Up and Running

  • تور پروژه Svelte Svelte Project Tour

  • تور پروژه Svelte Svelte Project Tour

  • ایجاد کامپوننت های Svelte Creating Svelte Components

  • ایجاد کامپوننت های Svelte Creating Svelte Components

  • خروجی متغیرهای جاوا اسکریپت Outputting JavaScript Variables

  • خروجی متغیرهای جاوا اسکریپت Outputting JavaScript Variables

  • لوازم جانبی Props

  • لوازم جانبی Props

  • سبک ها Styles

  • سبک ها Styles

  • اتصال متغیرها به ورودی ها Binding Variables to Inputs

  • اتصال متغیرها به ورودی ها Binding Variables to Inputs

  • چالش انتخاب رنگ Color Picker Challenge

  • چالش انتخاب رنگ Color Picker Challenge

  • رویدادهای DOM DOM Events

  • رویدادهای DOM DOM Events

  • رویدادهای سفارشی Custom Events

  • رویدادهای سفارشی Custom Events

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

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

  • چالش متغیر واکنشی Reactive Variable Challenge

  • چالش متغیر واکنشی Reactive Variable Challenge

  • اگر قالب If Template

  • اگر قالب If Template

  • هر الگو Each Template

  • هر الگو Each Template

  • هر الگو II Each Template II

  • هر الگو II Each Template II

  • در انتظار الگو Await Template

  • در انتظار الگو Await Template

  • Magic the Gather Counter Challenge Magic the Gather Counter Challenge

  • Magic the Gather Counter Challenge Magic the Gather Counter Challenge

  • استقرار چالش Magic Gather Deploying Magic Gather Challenge

  • استقرار چالش Magic Gather Deploying Magic Gather Challenge

  • رویدادهای چرخه زندگی (onMount و onDestroy) Lifecycle Events (onMount and onDestroy)

  • رویدادهای چرخه زندگی (onMount و onDestroy) Lifecycle Events (onMount and onDestroy)

  • رویدادهای چرخه حیات (قبل از به‌روزرسانی و بعد از به‌روزرسانی) Lifecycle Events (beforeUpdate and afterUpdate)

  • رویدادهای چرخه حیات (قبل از به‌روزرسانی و بعد از به‌روزرسانی) Lifecycle Events (beforeUpdate and afterUpdate)

  • فروشگاه های خواندنی Readable Stores

  • فروشگاه های خواندنی Readable Stores

  • فروشگاه های قابل نوشتن Writable Stores

  • فروشگاه های قابل نوشتن Writable Stores

  • فروشگاه های سفارشی Custom Stores

  • فروشگاه های سفارشی Custom Stores

  • فروشگاه های مشتق شده Derived Stores

  • فروشگاه های مشتق شده Derived Stores

  • چالش لیست مخاطبین Contact List Challenge

  • چالش لیست مخاطبین Contact List Challenge

  • مقدمه ای بر اکشن ها Introduction to Actions

  • مقدمه ای بر اکشن ها Introduction to Actions

  • اقدامات با پارامترها Actions with Parameters

  • اقدامات با پارامترها Actions with Parameters

  • شکاف ها Slots

  • شکاف ها Slots

  • کامپوننت قابل کشیدن (چالش اسلات) Draggable Component (Slot Challenge)

  • کامپوننت قابل کشیدن (چالش اسلات) Draggable Component (Slot Challenge)

  • خلاصه Summary

  • خلاصه Summary

Svelte Introduction Svelte Introduction

SvelteKit مقدمه SvelteKit Introduction

  • بخش مقدمه Section Introduction

  • بخش مقدمه Section Introduction

  • شروع شدن Getting Started

  • شروع شدن Getting Started

  • تور SvelteKit SvelteKit Tour

  • تور SvelteKit SvelteKit Tour

  • صفحات و مسیرها Pages and Routes

  • صفحات و مسیرها Pages and Routes

  • پارامترهای مسیریابی Routing Parameters

  • پارامترهای مسیریابی Routing Parameters

  • تابع بار سرور با متغیرهای محیطی Server Load Function with Environment Variables

  • تابع بار سرور با متغیرهای محیطی Server Load Function with Environment Variables

  • چالش اعداد تصادفی Random Number Challenge

  • چالش اعداد تصادفی Random Number Challenge

  • طرح بندی ها Layouts

  • طرح بندی ها Layouts

  • واکشی اولیه پیوندها و فروشگاه صفحه Prefetching Links and Page Store

  • واکشی اولیه پیوندها و فروشگاه صفحه Prefetching Links and Page Store

  • چالش: یک صفحه وب شخصی بسازید Challenge: Build a Personal Webpage

  • چالش: یک صفحه وب شخصی بسازید Challenge: Build a Personal Webpage

  • در حال استقرار در Vercel Deploying to Vercel

  • در حال استقرار در Vercel Deploying to Vercel

  • Forms/Form Actions Forms / Form Actions

  • Forms/Form Actions Forms / Form Actions

  • چالش فرم Form Challenge

  • چالش فرم Form Challenge

  • گزینه های رندر صفحه Page Rendering Options

  • گزینه های رندر صفحه Page Rendering Options

  • صفحات خطا Error Pages

  • صفحات خطا Error Pages

  • مسیرهای API API Routes

  • مسیرهای API API Routes

  • هوک را ایجاد کنید Create Hook

  • هوک را ایجاد کنید Create Hook

  • خلاصه Summary

  • خلاصه Summary

SvelteKit مقدمه SvelteKit Introduction

SvelteKit با Firestore، Firebase Auth و SSR SvelteKit with Firestore, Firebase Auth, and SSR

  • بخش مقدمه Section Introduction

  • بخش مقدمه Section Introduction

  • راه اندازی پروژه Project Setup

  • راه اندازی پروژه Project Setup

  • راه اندازی Firebase Firebase Setup

  • راه اندازی Firebase Firebase Setup

  • نوار ناوبری بوت استرپ Bootstrap Navbar

  • نوار ناوبری بوت استرپ Bootstrap Navbar

  • چالش موبایل Navbar Navbar Mobile Challenge

  • چالش موبایل Navbar Navbar Mobile Challenge

  • برجسته‌سازی پیوند نوار نوار Navbar Link Highlighting

  • برجسته‌سازی پیوند نوار نوار Navbar Link Highlighting

  • پیام ها Messages

  • پیام ها Messages

  • Firebase Client-Side را راه اندازی کنید Initialize Firebase Client-Side

  • Firebase Client-Side را راه اندازی کنید Initialize Firebase Client-Side

  • با گوگل وارد شوید Login with Google

  • با گوگل وارد شوید Login with Google

  • فروشگاه Auth Auth Store

  • فروشگاه Auth Auth Store

  • خروج Logout

  • خروج Logout

  • ثبت ایمیل و رمز عبور Register Email and Password

  • ثبت ایمیل و رمز عبور Register Email and Password

  • با ایمیل و رمز عبور وارد شوید Login with Email and Password

  • با ایمیل و رمز عبور وارد شوید Login with Email and Password

  • گردش کار رمز عبور را فراموش کرده اید Forgot Password Workflow

  • گردش کار رمز عبور را فراموش کرده اید Forgot Password Workflow

  • پس از ورود به سیستم تغییر مسیر دهید After Login Redirect

  • پس از ورود به سیستم تغییر مسیر دهید After Login Redirect

  • ذخیره کاربر در Firestore Client-Side Saving the User to Firestore Client-Side

  • ذخیره کاربر در Firestore Client-Side Saving the User to Firestore Client-Side

  • Firebase Initialize روی سرور Firebase Initialize on the Server

  • Firebase Initialize روی سرور Firebase Initialize on the Server

  • طرح احراز هویت سرور Firebase Firebase Server Auth Plan

  • طرح احراز هویت سرور Firebase Firebase Server Auth Plan

  • نقطه پایان نشانه Token Endpoint

  • نقطه پایان نشانه Token Endpoint

  • ارسال رمز پس از ثبت نام چالش Send Token After Register Challenge

  • ارسال رمز پس از ثبت نام چالش Send Token After Register Challenge

  • Refresh Token Refresh Token

  • Refresh Token Refresh Token

  • خروج از سمت سرور Logout Server-Side

  • خروج از سمت سرور Logout Server-Side

  • Auth Hooks Auth Hooks

  • Auth Hooks Auth Hooks

  • اضافه کردن اعتبار کتاب قسمت 1 Add Book Validation Part 1

  • اضافه کردن اعتبار کتاب قسمت 1 Add Book Validation Part 1

  • افزودن اعتبار بخشی کتاب قسمت 2 Add Book Validation Part 2

  • افزودن اعتبار بخشی کتاب قسمت 2 Add Book Validation Part 2

  • ذخیره پایگاه داده کتاب Save Book Database

  • ذخیره پایگاه داده کتاب Save Book Database

  • نمایش صفحه کتاب Show Book Page

  • نمایش صفحه کتاب Show Book Page

  • ویرایش صفحه کتاب Edit Book Page

  • ویرایش صفحه کتاب Edit Book Page

  • فرم های پیشرفته Enhanced Forms

  • فرم های پیشرفته Enhanced Forms

  • مانند Endpoint Like Endpoint

  • مانند Endpoint Like Endpoint

  • مانند کامپوننت Like Component

  • مانند کامپوننت Like Component

  • تغییر دادن لایک Toggling Like

  • تغییر دادن لایک Toggling Like

  • صفحه اصلی کتابها Books Home Page

  • صفحه اصلی کتابها Books Home Page

  • مانند کامپوننت باگ Like Component Bug

  • مانند کامپوننت باگ Like Component Bug

  • صفحه بندی Pagination

  • صفحه بندی Pagination

  • جزء کتاب و صفحه اصلی Book Component and Homepage

  • جزء کتاب و صفحه اصلی Book Component and Homepage

  • تنظیم صفحه نمایه Profile Page Setup

  • تنظیم صفحه نمایه Profile Page Setup

  • کتاب های من My Books

  • کتاب های من My Books

  • رفع لینک کتاب Fix Book Link

  • رفع لینک کتاب Fix Book Link

  • کتاب های مورد علاقه Favorite Books

  • کتاب های مورد علاقه Favorite Books

  • عدم علاقه به کتاب ها در صفحه علاقه مندی ها Unliking Books on Favorites Page

  • عدم علاقه به کتاب ها در صفحه علاقه مندی ها Unliking Books on Favorites Page

  • منوی SSR SSR Menu

  • منوی SSR SSR Menu

  • هشدارهای کتاب جدید در زمان واقعی Real-Time New Book Alerts

  • هشدارهای کتاب جدید در زمان واقعی Real-Time New Book Alerts

  • در حال استقرار در Vercel Deploying to Vercel

  • در حال استقرار در Vercel Deploying to Vercel

  • خلاصه Summary

  • خلاصه Summary

SvelteKit با Firestore، Firebase Auth و SSR SvelteKit with Firestore, Firebase Auth, and SSR

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

  • خلاصه دوره Course Summary

  • خلاصه دوره Course Summary

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

نمایش نظرات

آموزش Master Svelte Framework - The Complete Course [ویدئو]
جزییات دوره
13 h 2 m
96
Packtpub Packtpub
(آخرین آپدیت)
از 5
ندارد
دارد
دارد
Enix Ltd
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Enix Ltd Enix Ltd

Codestars، توسط Rob Percival، یک پلتفرم یادگیری آنلاین انقلابی است که ماموریت دارد تا نحوه یادگیری کدنویسی را تغییر دهد. راب با تمرکز بر سادگی، منطق و سرگرمی بیش از نیم میلیون دانش آموز را از طریق دوره های خود توانمند کرده است. راب با درک نیاز به تجربیات یادگیری متنوع و جامع، Codestars را به عنوان یک تلاش مشترک تأسیس کرد. Codestars ابزارها و دانش مورد نیاز برای ساخت وب سایت ها و برنامه های کاربردی را در اختیار زبان آموزان در تمام سنین و سطوح مهارت قرار می دهد. Codestars با در دسترس و لذت بخش کردن کدنویسی، قصد دارد سفر یادگیری را ساده کند و پتانسیل برنامه نویسان مشتاق در سراسر جهان را باز کند.