آموزش Vite: راهنمای کامل توسعه دهنده

Vite: The Complete Developer's Guide

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: این دوره همه چیزهایی را که برای ساختن برنامه های کاربردی وب در Vite نیاز دارید به شما نشان می دهد. ساختن یک برنامه وب در Vite با استفاده از Typescript و React ایجاد و پیکربندی یک برنامه جدید Vite در هر فریم ورک فرانت اند بتوانید آگاهانه بین Webpack و Vite Understand انتخاب کنید. معماری و مبانی Vite پیش نیازها: اجرای راحت دستورات ترمینال و استفاده از npm آشنایی با Typescript آشنایی با React درک اولیه CSS

Vite یک چارچوب جاوا اسکریپت سریع و کارآمد است که برای بهبود تجربه توسعه دهنده طراحی شده است. این دوره ویدیویی راهنمای کاملی برای Vite است و به شما یاد می دهد که چگونه از این ابزار قدرتمند برای ایجاد و استقرار برنامه های وب سریع، پاسخگو و پویا استفاده کنید.


در این دوره آموزشی، نحوه استفاده از Vite را برای پیکربندی پروژه، وارد کردن دارایی های ثابت، ایجاد ایمپورت های پویا و افزودن مسیرهای متعدد یاد خواهید گرفت. همچنین با استفاده از ماژول های CSS بومی، متغیرهای CSS و پلاگین postcss nesting برای انتخابگرهای خواناتر، استایل هایی را به برنامه خود اضافه خواهید کرد. در نهایت، شما یاد خواهید گرفت که چگونه برنامه خود را برای تولید بسازید و آن را به عنوان یک وب سایت ثابت در Netlify منتشر کنید.

این دوره برای توسعه دهندگانی طراحی شده است که می خواهند یاد بگیرند که چگونه از Vite برای سرعت بخشیدن به تجربه توسعه خود استفاده کنند. برای مبتدیانی که اطلاعاتی در مورد TypeScript، CSS و React دارند مناسب است. این دوره همچنین برای توسعه دهندگان با تجربه ای مناسب است که می خواهند یاد بگیرند که چگونه از Vite برای ایجاد و استقرار برنامه های وب سریع، پاسخگو و پویا استفاده کنند.


اگرچه برای اکثر این دوره از React استفاده خواهید کرد، اما نحوه استفاده از Vite برای برنامه های VueJS و Svelte را نیز بررسی خواهیم کرد.


در کنار ویدیوهای دوره آموزشی، آزمون‌های سرگرم‌کننده‌ای نیز پیدا خواهید کرد تا درک خود را از Vite در حین پیشرفت در این دوره آزمایش کنید.


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

معرفی Introduction

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

  • آنچه شما نیاز دارید What You Need

  • وایت چیست؟ What is Vite?

  • Vite در مقابل Webpack Vite vs Webpack

  • دانشتان را امتحان کنید Test Your Knowledge

شروع شدن Getting Started

  • ایجاد یک پروژه ویت جدید Creating a new vite project

  • نمای کلی پروژه جدید New project overview

  • Vite Config Vite Config

  • در حال توسعه و نمایش HMR Developing and HMR demonstration

  • پشتیبانی از چارچوب Framework Support

در حال توسعه با Vite Developing with Vite

  • استفاده از دارایی های ثابت Using Static Assets

  • ایجاد مسیرهای متعدد Creating Multiple Routes

  • واردات پیشرفته Advanced Imports

  • دانش خود را آزمایش کنید: بخش 3 Test Your Knowledge: Section 3

استایل کردن برنامه Vite شما Styling Your Vite Application

  • استفاده از ویژگی های مدرن CSS در Vite Using Modern CSS Features in Vite

  • اضافه کردن Nesting با PostCSS Adding Nesting With PostCSS

انتشار برنامه Vite شما Publishing Your Vite Application

  • ساختمان برای تولید Building for Production

  • انتشار در Netlify Publishing To Netlify

  • متغیرهای محیطی Environment Variables

  • دانش خود را آزمایش کنید: بخش 5 Test Your Knowledge: Section 5

خصوصیات پیشرفته Advanced Features

  • استفاده و ایجاد پلاگین Using & Creating Plugins

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

نمایش نظرات

آموزش Vite: راهنمای کامل توسعه دهنده
جزییات دوره
1.5 hours
19
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
254
4.6 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

James Charlesworth James Charlesworth

مهندس، مدیر و نویسنده