Meetup 6

Meetup 6

Girls Who Javascript Meetup 6

This meetup is in Bangalore for women who write Javascript or who wish to learn Javascript. Come discuss your work, interests, and ideas! To join, visit https://www.meetup.com/Girls-Who-Javascript/

Talk #1

An overview of Vue.js

By Vidya Ramakrishnan
An introduction to Vue.js, an open source progressive Javascript framework. My experience rewriting an app to a single page app using Vue.js

Speaker bio:

I am Vidya Ramakrishnan, currently working as a front-end developer at HasGeek. I help organise girlswhojs meetup in Bangalore. I am passionate about sustainable living and enjoy gardening.

Talk #2

JS Design Patterns

By Ruchi Mutneja
Design patterns have two major benefits. First, they provide you with a way to solve issues related to software development using a proven solution. The solution facilitates the development of highly cohesive modules with minimal coupling. Second, design patterns make communication between designers more efficient. Will discuss top 5 design patterns in detail.

Speaker bio

I love design patterns as they make our life much easier. Want to share my experience on the same.

Meetup

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
Vidya Ramakrishnan

Vidya Ramakrishnan

@vidya_ramki

An overview of Vue.js

Submitted Mar 21, 2018

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

  1. What is Vue.js
  2. Experience rewriting HasGeek TV(in jquery) to SPA using Vue.js
  3. It’s features like html based templates, props, directives, computed properties, filters, mixins, reusable component, single file component.
  4. 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.
  5. Vue cli
  6. 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

https://slides.com/vidya_ramki/an-overview-of-vue-js

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

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