پیشنهاد فرادرس

شروع کار با Vue.js

دسته بندی ها: آموزش Vue.js ، آموزش جاوااسکریپت (Javascript) ، آموزش طراحی وب

توسعه دهندگان می توانند با چارچوب Vue.js شگفتی بیافرینند - چارچوب Vue.js یک اکوسیستم می باشد که بین مابین یک کتابخانه و یک چارچوب با تمام ویژگی ها قرار می گیرد. این دوره آموزشی همه آنچه را که شما باید برای ایجاد برنامه های کاربردی تحت وب مدرن و تعاملی، درباره Vue.js بدانید، به شما آموزش می دهد.

این دوره با مفاهیم اولیه، مانند لیست ها و فیلترها شروع می شود و سپس به سوی ویژگی های پیشرفته مانند استفاده از ابزار Jasmine برای تست کد های Vue.js، و ایجاد برنامه های کاربردی جهانی با Electron، به پیش می رود. در پایان دوره، شما خواهید توانست چارچوب Vue.js را با چارچوب های دیگر ترکیب کنید.

تمامی کد های مربوط به این دوره در این صفحه قابل دسترس می باشد.

مباحث دوره:

  • شروع به کار با چارچوب Vue.js
  • بررسی دوره
  • مرور کلی درس
  • یک برنامه ساده Vue.js
  • لیست ها و انواع آنها
  • ایجاد یک لیست پویا و متحرک
  • واکنش به رویداد هایی مانند کلیک و کیبورد
  • انتخاب یک محیط توسعه
  • قالب بندی متن با فیلترها
  • خلاصه مطالب این بخش
  • ویژگی های اصلی چارچوب Vue.js
  • یادگیری نحوه استفاده از ویژگی محاسباتی
  • فیلتر کردن یک لیست با استفاده از ویژگی محاسباتی
  • مرتب سازی یک لیست با استفاده از ویژگی محاسباتی
  • فرمت کردن ارز ها با فیلترها
  • نمایش و مخفی سازی یک عنصر بصورت شرطی
  • افزودن سبک بصورت شرطی
  • اضافه کردن چند ویژگی جالب مانند جلوه یا افکت به برنامه با استفاده از ویژگی Transitions (تغییر سبک یک عنصر در یک بازه زمانی) در CSS
  • خروجی خالص (raw) در HTML
  • ایجاد فرم بوسیله کادرهای انتخاب
  • ویژگی های Transitions (تغییر سبک یک عنصر در یک بازه زمانی) و متحرک سازی
  • یکپارچه سازی با کتابخانه های متحرک سازی CSS تجاری و موجود در بازار
  • اضافه کردن کلاس های Transitions خود
  • متحرک سازی با جاوااسکریپت به جای CSS
  • ویژگی Transitions پویا
  • امکان رها سازی یک عنصر قبل از مرحله ورود در Transitions
  • عناصر Transitions که در یک لیست منتقل می شوند
  • متحرک سازی state کامپوننت ها
  • همه چیز در مورد اجزای جانبی
  • ایجاد و ثبت یک کامپوننت
  • صفحات تک کامپوننتی با Webpack
  • استفاده از کامپوننت در کامپوننت خود
  • ارسال کامپوننت والد data را از طریق props به کامپوننت فرزند
  • خواندن داده های (state) یک کامپوننت فرزند
  • جایگزینی محتوای درون یک کامپوننت با Slots
  • ایجاد امکان گفتگو برای یک کامپوننت با Vuex
  • کامپوننت بازگشتی
  • ارتباط Vue با اینترنت
  • ارسال درخواستهای پایه AJAX با Axios
  • تأیید داده کاربر قبل از ارسال آن
  • بازیابی از یک خطا در هنگام درخواست
  • ایجاد یک سرویس گیرنده REST (و سرویس دهنده!)
  • پیاده سازی پیمایش بی نهایت
  • پردازش درخواست قبل از ارسال آن
  • جلوگیری از حملات XSRF به برنامه
  • برنامه های کاربردی تک صفحه
  • ایجاد یک SPA با Vue-Router
  • واکشی داده ها قبل از تغییر مسیرها
  • مدیریت خطاهای مسیر
  • استفاده از مسیرهای شناخته شده پویا
  • ترکیب مسیرها بصورت سلسله مراتبی
  • تغییر مسیر به مسیر دیگر
  • صرفه جویی در موقعیت پیمایش هنگام بازگشت
  • تست واحد و تست جریان برنامه به عنوان طراحی از ابتدا تا انتها
  • استفاده از Jasmine برای تست برنامه های Vue
  • اضافه کردن Karma به جریان کاری
  • تست وضعیت برنامه و متد ها
  • تست غیر هم زمان بروز رسانی های DOM
  • تست End-to-End با TestCafe
  • استفاده از ابزار Sinon.JS برای تست جاسوسی در مورد فراخوانی هایAPI  خارجی
  • اندازه گیری میزان پوشش کد ها
  • استفاده از ابزار Webpack برای سازمان دهی، خودکار سازی و توسعه

 

آیا این نوشته را دوست داشتید؟
Beginning Vue.js Publisher:Packtpub Author:Andrea Passaglia Duration:6 hours 12 minutes

Become a pro in creating modern interactive web applications using this JavaScript framework
Developers can do wonders with Vue.js — an ecosystem that scales between a library and a full-featured framework. Beginning Vue.js teaches all that you need to know about Vue.js to create modern interactive web applications.
It starts with the basics, such as lists and filters, and then progresses to advanced features such as using Jasmine for testing Vue.js and creating universal applications with Electron. By the end of the course, you will also know how to integrate the Vue.js framework with others.
The code files for this title are uploaded on GithubL: https://github.com/TrainingByPackt/C11740-Beginning-Vue.js/blob/master/README.md
Released: Friday, November 23, 2018
Getting Started with Vue.js
Course Overview
Lesson Overview
Simple Vue.js Program
Lists and Their Types
Creating a Dynamic and Animated List
Reacting to Events Such as Clicks and Keystrokes
Choosing a Development Environment
Formatting Your Text with Filters
Summary
Basic Vue.js Features
Lesson Overview
Learning How to Use Computed Properties Part 1
Learning How to Use Computed Properties Part 2
Filtering a List with a Computed Property
Sorting a List with a Computed Property
Formatting Currencies with Filters
Displaying and Hiding an Element Conditionally
Adding Styles Conditionally
Adding Some Fun to Your App with CSS Transitions
Outputting Raw HTML
Creating a Form with Checkboxes
Summary
Transitions and Animations
Lesson Overview
Integrating with Third-Party CSS Animation Libraries
Adding Your Own Transition Classes
Animating with JavaScript Instead of CSS
Transitioning Between Elements
Letting an Element Leave Before the Enter Phase in a Transition
Transitioning Elements That Move in a List
Animating the State of Your Components
Dynamic Transitions
Summary
All about Components
Lesson Overview
Creating and Registering a Component
Single File Components with Webpack
Using Components in Your Own Components
Passing Data to Your Components with Props
Reading a Child's State
Content Distribution with Slots
Making Components Talk with Vuex
Having Recursive Components
Summary
Vue Communicating with the Internet
Lesson Overview
Sending Basic AJAX Requests with Axios
Validating User Data before Sending It
Recovering from an Error during a Request
Creating a REST Client (and Server!)
Implementing Infinite Scrolling
Processing a Request before Sending It Out
Preventing XSRF Attacks on Your App
Summary
Single-Page Applications
Lesson Overview
Creating an SPA with Vue-Router
Fetching Data before Switching Routes
Managing Errors for Your Routes
Using Named Dynamic Routes
Composing Your Routes Hierarchically
How to Redirect to another Route
Saving Scrolling Position When Hitting Back
Summary
Unit-Testing and End-to-End Testing
Lesson Overview
Using Jasmine for Testing Vue Applications
Adding Karma to Your Workflow
Testing Your Application State and Methods
Testing Asynchronous DOM Updates
End-to-End Testing with TestCafe
Stubbing External API Calls with Sinon.JS
Measuring the Coverage of Your Code
Summary
Organize + Automate + Deploy = Webpack
Lesson Overview
Extracting Logic from Your Components to Keep the Code Tidy
Organizing Your Dependencies with Webpack
Developing with Continuous Feedback with Hot Reloading
Running a Code Linter While Developing
Deploy your app to the Public
Summary

پیشنهاد فرادرس