ngHyderabad February Chapter

3FEB

Saturday, February 3, 2018

ngHyderabad February Chapter

Details

NativeScript Angular by Shiva Prasad, an Angular evangelist and Native Script contributor.

Writing cross-platform mobile apps is not as easy as it may seem. On one hand, it can save money to use a JavaScript-based cross-platform mobile framework. But on the other hand, we'd like to be able to give app users the speed and elegance of a native app.

NativeScript is one such cross platform framework which let's us have the best of both worlds. The UI will be converted to truly native mobile UI, on Android and iOS, while still letting us seamlessly access native API using JavaScript / TypeScript. NativeScript provides day 0 access to 100% of the NativeAPI. What's more, you can even do code sharing between your Web and Mobile application.

Join us as we'll uncover more of the awesomeness of NativeScript.

More about the presenter here https://about.me/multishiv19

Talk 2 - Boost Angular Application Performance by Pankaj Parkar. Discuss considerations and best practices for better performing Angular applications. Pankaj is one of the top contributor on Stack Overflow. Currently, he is top 5th user for AngularJS and top 10th user Angular 2+ tags on Stackoverflow. He is a Microsoft MVP and a tech enthusiast.

Time:

Saturday, February 3, 2018
11:00 AM to 3:00 PM

ThoughtWorks

3rd Floor, Apurupa Silpi, Beside H.P. Petrol Bunk, KFC Building, Rajiv Gandhi Nagar, Gachibowli, Hyderabad, Telangana · Hyderabad.

Facebook's India Innovation Hub

Hi everyone, join us on 23rd February for the launch of Facebook's India Innovation Hub Accelerator Program, in collaboration with T-Hub. Stay tuned for more amazing work happening in AR/VR space. 

Register here:
https://forms.zohopublic.com/THub/form/FBdayregistration/formperma/LzRepE9tQj7k2rSxesKdmP_e3ox0xxUqa1k3Sbevj8U

What is Vue.js

Hi,

Today we are going to learn New JavaScript framework as Vue.js.

What is Vue.js?

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries.

If you’d like to learn more about Vue before diving in, we created a video walking through the core principles and a sample project.

If you are an experienced frontend developer and want to know how Vue compares to other libraries/frameworks, check out the Comparison with Other Frameworks.

Vue.js is an MIT licensed open source project and completely free to use. However, the amount of effort needed to maintain and develop new features.


Source from Vue

Show Hide Password field using Extjs

Hello,

Today,  I would like to write a small example of How to show or hide the password filed using Sencha Extjs.

It is very simple just we have to write make the input type changes like a password to text or text to the password.

Example:

Ext.tip.QuickTipManager.init();

Ext.create('Ext.form.Panel', {

    items: {

        xtype: 'fieldcontainer',

        width: '100%',

        layout: {

            type: 'hbox'

        },

        items: [{

            width: '90%',

            xtype: 'textfield',

            name: 'password',

            msgTarget: 'under',

            allowBlank: false,

            fieldLabel: 'Password' + '<span style="color:red">*</span>',

            inputType: 'password'

        }, {

            xtype: 'button',

            iconCls: 'fa fa-eye',

            tooltip: 'Show password',

            handler: function (button) {

                var isShowPassword = this.iconCls==='fa fa-eye';

                this.setTooltip(isShowPassword?'Hide password':'Show password');

                this.setIconCls(isShowPassword?'fa fa-eye-slash':'fa fa-eye');

                this.prev().getEl().query('input', false)[0].set({'type':isShowPassword?'text':'password'})

            }

        }]

    

    

    },
renderTo: Ext.getBody()
});

OutPut: