آموزش دوره تصادف Vue JS (2.0).
The Vue JS (2.0) Crash Course
Vue.js یکی از سریع‌ترین چارچوب‌های جاوا اسکریپت در حال رشد است - و دلیل خوبی هم دارد! این یک فناوری آسان برای یادگیری و بسیار قابل دسترسی است.
در این دوره آموزشی، مهم‌ترین ویژگی‌های بنیادی فریم‌ورک را به نظر من می‌آموزید و کار کردن با آنها را راحت میکنید. ما با انجام کار یاد خواهیم گرفت - همانطور که مفاهیم را آموزش می‌دهم، آنها را در یک پروژه کلاس نمونه نیز پیاده‌سازی خواهم کرد. لطفا توجه داشته باشید - این یک دوره جامع در Vue نیست! هدف این است که شما را با آنچه که من احساس می‌کنم مهم‌ترین ویژگی‌هایی هستند که Vue ارائه می‌کند آشنا کند.
این دوره برای دانش‌آموزانی طراحی شده است که درک پایه‌ای از HTML، CSS و جاوا اسکریپت دارند - اگر این دوره را شروع کرده‌اید و آن را کمی سخت می‌دانید، توصیه می‌کنم یکی از دوره‌های مقدماتی فوق‌العاده برای توسعه وب را بررسی کنید. اینجا در Skillshare. هر چند نترس! من هر مفهومی را تا حد امکان قابل دسترس ساخته ام.
به‌روزرسانی سپتامبر 2021 - در حال حاضر، Vue 3 جدیدترین نسخه است، در حالی که این دوره مبتنی بر Vue 2 است. 99٪ از آنچه آموزش داده می‌شود برای نسخه جدید قابل اجرا است، اما کد دقیق مشخصی از هر درس تضمین نشده است. برای کار در Vue 3. در یکی از اولین درس ها، یادداشت هایی از من در مورد نحوه صحیح انتخاب Vue 2 وجود دارد تا بتوانید دقیقاً این دوره را دنبال کنید.
پروژه این دوره مدل سازی یک شی دنیای واقعی با استفاده از قدرت های جدید Vue.js ما خواهد بود! شما دیدید که من لامپ را به عنوان یک پروژه نمونه ایجاد کردم تا مبانی Vue را نشان دهم، و اکنون نوبت شماست.
هر شیء دنیای واقعی را در نظر بگیرید که نوعی حالت دارد. به عنوان مثال یک چراغ راهنمایی (دارای سه حالت مختلف: سبز، زرد و قرمز)، یک اجاق گاز (دارای کلید روشن/خاموش و همچنین دکمه دما)، یا هر چیزی که فکرش را بکنید! سعی کنید تا حد امکان خلاق باشید. به یاد داشته باشید، ما بیشتر روی جنبه منطقی/جاوا اسکریپت تمرکز می‌کنیم، بنابراین فکر نکنید که مجبور نیستید بیش از حد روی CSS تمرکز کنید یا اینکه محصول نهایی چقدر زیبا به نظر می‌رسد . همه چیز به نحوه عملکرد آن بستگی دارد!
برای ذخیره /اشتراک گذاری پروژه خود، به CodePen و <بروید span> . این به شما امکان می دهد قلم خود را ذخیره کنید تا بتوانید در توضیحات پروژه خود در اینجا در Skillshare به آن پیوند دهید. حتماً یک اسکرین شات از کار CodePen خود را به عنوان عکس روی جلد در Skillshare خود آپلود کنید. پروژه
من واقعاً مشتاقانه منتظرم ببینم چه چیزی می توانید به دست آورید :) به پروژه ای که اگر دانشجوی این دوره بودم برای الهام گرفتن، نگاهی بیندازید:
درس ها Lessons
-
ارائه فهرست و v-for List Rendering & v-for
-
وضعیت لامپ و v-if Lamp State & v-if
-
دستورالعمل مدل v The v-model Directive
-
نصب و نمونه Vue Installation & The Vue Instance
-
اضافه کردن رنگ واکنشی! Adding Reactive Color!
-
ویژگی های محاسبه شده Computed Properties
-
دستورالعمل ها، v-if و v-bind Directives, v-if & v-bind
-
Vue Methods و v-on Vue Methods & v-on
-
جادوی Vue (داده) The Magic of Vue (Data)
-
پایان و پروژه شما! Wrapping Up & Your Project!
-
کم نور کردن لامپ ما Dimming Our Lamp
-
نمایش مقدار کم نور Displaying a Dim Value
-
معرفی Introduction
-
HTML و CSS برای لامپ ما HTML & CSS for Our Lamp
https://donyad.com/d/b3ae54
Stephen Sparling
کاوش خلاقانه فناوری وب
سلام به همه، نام من استفان است و من یک توسعه دهنده وب، خالق ویدیو، موسیقیدان و معلمی هستم که بسیار هیجان زده است تا برخی از چیزهایی را که آموخته ام با همه شما به اشتراک بگذارم!
من به‌عنوان یک خالق، دائماً در تلاش برای بهبود کارم هستم، به این معنی که سعی می‌کنم بهترین محتوایی را که ممکن است به شما ارائه دهم! من همچنین فردی هستم که در مورد به اشتراک گذاشتن آموخته‌هایم با افراد دیگر هیجان‌زده می‌شوم، و امیدوارم این هیجان مسری باشد و شما را آماده و کمیاب برای یادگیری و ایجاد کند!
هنگام تدریس، سعی می‌کنم تا جایی که می‌توانم مختصر و واضح باشم، و همچنین هر نوع پرکننده‌ای را کنار بگذارم، به این معنی که هدف اصلی من این است که دقیقاً آنچه را که باید بدانید به شما آموزش دهم و شما را وادار به ایجاد هرچه سریع‌تر کنم. تا حد ممکن. من برای دیدن کارهایی که می توانید انجام دهید هیجان زده هستم!
نمایش نظرات