Book Image

Hands-On Styling Vue.js Web Apps with Element UI and iView [Video]

By : Haider Rehman
Book Image

Hands-On Styling Vue.js Web Apps with Element UI and iView [Video]

By: Haider Rehman

Overview of this book

<p>This course is designed to introduce you to new possibilities in UI design, with Vue Element UI and iView. You’ll focus on various aspects you may already know, and others you probably never knew existed. If you are looking for solutions to boost your output, this course will help you increase your productivity and get the job done smoothly and confidently.</p> <p>As you make progress through the course, you’ll delve into unique techniques for making your web application UI look more responsive and engaging for users with the help of Element, and iView. You’ll also build a business-grade fully functional application using Vue.js and style it using component toolkits such as Element and iView, without using Vuex or other libraries for styling.</p> <p>By the end of this course, you’ll be equipped with the techniques you need to ensure your applications not only wow the end users, but also require minimum levels of maintenance.</p> <h1>Style and Approach</h1> <p>This course is a series of practical examples covering the most commonly used components in modern web applications. This course will take you on a journey where you'll explore the architecture of iView, ElementUI, and Vue.js. You will be given a detailed understanding of their components and directives and of how we can use them to create beautiful and mobile-first web applications.</p>
Table of Contents (4 chapters)
Chapter 4
Designing Components with iView
Content Locked
Section 3
Adding iView Notices to Your Web Pages
The aim of this video is to learn how we can utilize all the Notices the iView provides such as Alert, Message, Notice. - Add an alert component using type success, info, warning - Utilize Message component - Utilize Notification component