لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش 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
نمایش نظرات