آموزش دوره جامع فریمورک Svelte: استاد شوید! - آخرین آپدیت

دانلود Master Svelte Framework - The Complete Course

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

ساخت یک وب‌سایت کاربرپسند با Svelte و SvelteKit - شامل Firebase، SSR و موارد دیگر!

ابتدا اصول Svelte و SvelteKit را یاد بگیرید، سپس قدم بعدی را بردارید.

آنچه در این دوره خواهید آموخت:

  • یادگیری Firebase با SvelteKit
  • ساخت وب‌سایت تعاملی خودتان با Svelte و SvelteKit
  • ایجاد و مدیریت ثبت‌نام کاربران، ورود و احراز هویت
  • ساخت یک سیستم رای‌گیری "پسندیدن/نپسندیدن" برای کاربران

هر آنچه در این دوره و ساخت پروژه یاد می‌گیرید، می‌تواند به پروژه‌های وب‌سایت خودتان منتقل شود.

پیش‌نیازها:

بدون نیاز به دانش قبلی از Svelte یا SvelteKit!

دانش‌آموزان باید کمی جاوااسکریپت بلد باشند.

به دوره کامل چارچوب Svelte، خوش آمدید

در این دوره، شما Svelte و SvelteKit را استاد می‌شوید و یاد می‌گیرید چگونه یک وب‌سایت کاملاً کاربردی بسازید! این یک ساخت وب‌سایت بزرگ است که می‌توانید آن را با کاربران و پست‌های کاربران، پروفایل‌ها، رای‌گیری و موارد دیگر پر کنید – و یک روش درخشان برای تمرین در حین یادگیری است!

علاوه بر پروژه اصلی، این دوره 13 ساعته پر از ده‌ها تمرین کوچک است که شما را به استفاده از آنچه تازه یاد گرفته‌اید و اعمال آن به چالش می‌کشد. این یک دوره کدنویسی عملی است!


چرا Svelte را یاد بگیریم؟

  • کد کمتری بنویسید! ساده و کارآمد، Svelte به طور قابل توجهی سریع‌تر از React یا Vue است.

  • آسان برای یادگیری! Svelte همه HTML است، بنابراین برای توسعه‌دهندگان جدیدتر استفاده از آن بصری و تسلط بر آن آسان است.

  • در حال افزایش محبوبیت! هر سال Svelte محبوب‌تر می‌شود و در حال حاضر توسط نیویورک تایمز، ایکیا، اپل موزیک و موارد دیگر استفاده می‌شود.

  • Svelte یکی از محبوب‌ترین فریم‌ورک‌ها است! در سال 2021، توسعه‌دهندگان به Svelte به عنوان "محبوب‌ترین" فریم‌ورک رای دادند (با 71.47٪) و در سال 2022 محبوبیت Svelte تقریباً 4٪ افزایش یافت و به 75.28٪ رسید (نظرسنجی‌های توسعه‌دهندگان Stackoverflow 2021 و 2022)


دوره کامل چارچوب Svelte یک دوره عملی و عمیق در مورد Svelte و Svelte Kit است. با شروع از اصول اولیه هر کدام، به سرعت به پروژه اصلی که دوره بر اساس آن ساخته شده است - یک پروژه وب‌سایت کتاب‌دوست عظیم - خواهید رفت!

ساختن این وب‌سایت، تمام مهارت‌های جدید شما را به چالش می‌کشد و هر تکنیک جدید بر اساس آنچه تازه یاد گرفته‌اید، ساخته می‌شود! در پایان دوره، شما می‌توانید یک وب‌سایت را از ابتدا بسازید که به کاربران اجازه می‌دهد:

  • با یک ایمیل ثبت‌نام کنند و با یک رمز عبور وارد سایت شوند

  • اطلاعات کتاب خود را از طریق یک فرم به سایت اضافه کنند

  • یک کتاب را که در سایت می‌بینند "پسند" و "نپسند" کنند

  • یک صفحه پروفایل واکنشی ایجاد کنند - با صفحه "کتاب‌های من" و صفحه "کتاب‌های مورد علاقه‌ام"

  • Firebase و SSR را با SvelteKit یاد بگیرند

این دوره برای مبتدیان Svelte و SvelteKit در نظر گرفته شده است و به دانش‌آموزان هر آنچه برای ورود به توسعه چارچوب Svelte نیاز دارند، آموزش می‌دهد. دانش‌آموزان باید کمی دانش جاوااسکریپت داشته باشند.

در پایان دوره، شما مهارت‌ها و دانش لازم برای ساختن سایتی را خواهید داشت که کاربران می‌توانند به آن وارد شوند، محتوا را در آن پست کنند و به محتوای مورد علاقه خود رای دهند. این مقدار زیادی از عملکرد، سرگرمی و یک پروژه عالی برای نمونه کار شما نیز است!

از این دوره لذت ببرید و کدنویسی خوش بگذرد!


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

Introduction

  • مقدمه Introduction

مقدمه Svelte Svelte Introduction

  • مقدمه Introduction

  • Svelte در حال اجرا Svelte up and Running

  • مروری بر پروژه Svelte Svelte Project Tour

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

  • خروجی گرفتن از متغیرهای جاوااسکریپت Outputting Javascript Variables

  • Props Props

  • Styles Styles

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

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

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

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

  • عبارات واکنشی Reactive Statements

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

  • قالب If If template

  • قالب Each Each Template

  • شناسه قالب Each Each Template Id

  • قالب Await Await Template

  • چالش شمارنده Magic The Gather Magic The Gather Counter Challenge

  • استقرار Magic Gather Challenge Deploying Magic Gather Challenge

  • رویدادهای چرخه‌ی حیات (onMount & onDestroy) Lifecycle Events (onMount & onDestroy)

  • رویدادهای چرخه‌ی حیات (beforeUpdate & afterUpdate) Lifecycle Events (beforeUpdate & afterUpdate)

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

  • فروشگاه‌های نوشتنی Writable Stores

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

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

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

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

  • Actions با پارامترها Actions With Parameters

  • Slots Slots

  • کامپوننت Draggable (چالش Slot) Draggable Component (Slot Challenge)

  • مروری بر دوره Overview

مقدمه SvelteKit SvelteKit Introduction

  • مقدمه Introduction

  • شروع کار Getting Started

  • مروری بر SvelteKit SvelteKit Tour

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

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

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

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

  • Layouts Layouts

  • Prefetching Links و Page Store Prefetching Links and Page Store

  • چالش ساخت یک صفحه وب شخصی Challenge build a personal webpage

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

  • فرم‌ها / Form Actions Forms / Form Actions

  • چالش فرم Form Challenge

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

  • صفحات خطا Error Pages

  • API Routes API Routes

  • ایجاد hook Create hook

  • مروری بر دوره Overview

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

  • مقدمه Introduction

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

  • تنظیمات Firebase Firebase Setup

  • Navbar بوت‌استرپ Bootstrap Navbar

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

  • هایلایت کردن لینک در Navbar Navbar Link Highlighting

  • پیام‌ها Messages

  • مقداردهی اولیه Firebase سمت کلاینت Initialize Firebase Client Side

  • ورود به سیستم با گوگل Login with google

  • Auth Store Auth Store

  • خروج از سیستم Logout

  • ثبت‌نام با ایمیل و رمز عبور Register Email And Password

  • ورود به سیستم با ایمیل و رمز عبور Login with email and password

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

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

  • ذخیره کاربر در Firestore سمت کلاینت Saving the user to Firestore Client Side

  • مقداردهی اولیه Firebase در سرور Firebase initialize on the server

  • برنامه احراز هویت Firebase سرور Firebase server auth plan

  • Token Endpoint Token Endpoint

  • ارسال توکن بعد از چالش ثبت‌نام Send Token After Register Challenge

  • Refresh Token Refresh Token

  • خروج از سیستم سمت سرور Logout server side

  • Auth Hooks Auth Hooks

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

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

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

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

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

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

  • Like Endpoint Like Endpoint

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

  • تغییر حالت Like Toggling Like

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

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

  • Pagination Pagination

  • کامپوننت کتاب و صفحه اصلی Book Component & Home Page

  • تنظیمات صفحه پروفایل Profile Page Setup

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

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

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

  • لغو لایک کتاب‌ها در صفحه علاقه‌مندی‌ها Unliking books on favorites page

  • منوی SSR SSR Menu

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

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

  • مروری بر دوره Overview

مروری بر دوره Course Overview

  • مروری بر دوره Course Overview

  • بونوس Bonus

نمایش نظرات

آموزش دوره جامع فریمورک Svelte: استاد شوید!
جزییات دوره
13 hours
97
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,283
4.5 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Codestars • over 2 million students worldwide! Codestars • over 2 million students worldwide!

آموزش نسل بعدی کدگذارها

Noah Glaser Noah Glaser

کدنویسی با نوح