Vidya Ramakrishnan
@vidya_ramki
An overview of Vue.js
Submitted Mar 21, 2018
Technical level:
Beginner
An introduction to Vue.js, an open source progressive Javascript framework. My experience rewriting an app to a single page app using Vue.js
Outline
- What is Vue.js
- Experience rewriting HasGeek TV(in jquery) to SPA using Vue.js
- It’s features like html based templates, props, directives, computed properties, filters, mixins, reusable component, single file component.
- HasGeek TV app has many admin pages with forms. Our python flask backend has the capability to generate HTML forms and render them. General format that we follow when we require form for an application is as simple as defining the forms fields and backend takes care of providing the form html along with the javascript assets required like multiselect, tinymce, etc. Vue’s dynamic components and computed properties helped us reuse the backend generated form (html and associated JS library) and saved us from writing the HTML all over again.
- Vue cli
- vue-router
Speaker bio
Got interested in web developement while building an educational games website(http://discoveringthemind.appspot.com/) for my then toddler daughter. I can talk for hours about composting, gardening and simple lifestyle changes to save the environment!
Currently a front-end developer at HasGeek.
Slides
Comments
Hosted by
A meetup for women who write JavaScript (or who want to learn JavaScript). Come discuss your work, interests, and ideas! Look out this space for future meetups. Want to present some interesting idea or talk about informative web development concepts you learnt recently, submit your talk here https:…
more
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}