Agile Scrum Workshop

Entry Free: Pre registration Based
Entry form available at [www.infoxit.com.np/event-registration]
Max Capacity: 70 attendees
Day 1: Agile Scrum Workshop
Day 2: Knowledge Sharing on JAVA, SQL and QA Automation
(Event may shuffle any time)
Event Speakers Detail:
Prakash Aryal, CSM
Principal Engineer at Verscend Technologies Pvt. Ltd.
Deepak Vishwakarma, CSM
Principal Analyst at Verscend Technologies Pvt. Ltd.
Suraj Kumar Khattri, PMP®, CSM
Software Professional and Lecturer
Targeted Audience: IT professional/ students of Butwal periphery.
Faculty members are highly encouraged to attend.
Organised by: InfoxIT
In association with: AirNet pvt Ltd
Supported by: Butwal Chamber Of Commerce and Industries, Rupandehi, Crimson College Of Technology, Nepathya College, Tinau Technical College

Posted in CSR

Responsive Website Designing Contest

responsive website

Introduction:
InfoxIT is purely and only Software solution provider lead by CMM-IV experienced people.
We have an industry expertise in Quality website development, Mobile app development, Internal Software Developments and any emerging technologies.
We not only focus on technologies but processes.

Objective of Contest:
Create competitive, quality skill in the town.
Change the misconception of software development among people.
Convert creativity into actual deliverables.
Designing/ developing instead of customizing.

Further detail:
Responsive website designing contest
Exciting prize for winners !!!
Date: 11th March 2017
Venue: InfoxIT Office premises, Butwal-10, Sukkhanagar
Time: 9:45 am- 3:45pm Sharp
PSD will be provided, contestant have to design a responsive website <html><css><js> purely based on the PSD
Internet is allowed
Bring your own laptop with photo-shop CS-6 installed
Entry fee: 150 per head, Eligibility: Open
Refreshment will be provided !!!
Website will be judged by experts from software industry
Visit InfoxIT to reserve your seat by:10th March 2017


Fair Policy: None of the interns/ developers from InfoxIT will participate in the contest.
Winners will be given exciting prizes, in case of tie, prize will be distributed among winners.
Winners website will be hosted online and available for public view for 1 month.

Evaluation Parameters:Output, Code Quality (readability, maintainability, structuring)

Final decision: InfoxIT evaluation committee.

Up coming events: <Wordpres Desiging Contest>, <Web Application development Contest>, <Mobile Apps Development Contests>, <Workshop on Software Development Methodologies>
Date will finalize soon… keep Visiting our InfoxIT website and InfoxIT FB Page

Notice on Internship and Training cum Internship

Internship:
InfoxIT offers Internship for 2017 Autumn season 
-Interested candidates are required to send their resume at contact.infoxit@gmail.com late by 2nd of Sep.
-Candidates are required to appear in written exam followed by interview. Date will be communicated later.
-Only Qualified and shortlisted candidates will get opportunity for internship in Butwal/ Kathmandu.
-Candidates will get opportunity to work in live projects
Training cum Internship
InfoxIT offers Training cum Internship program 2017 Autumn season
We offer training cum internship in below technologies
A: Java technologies
B: Android 
C: Mobile technologies
D: Web technologies
E: Creative UI Designing
F: QA Automation
G: Oracle and DBA
For individual and group registration, please visit our office:
InfoxIT, Butwal-8, Sukkhangar, Near Oxford College.
www.infoxit.com, 071541846
Published date: 8/26/2017

Multilingual web app in angular 4

  1. Install Via npm npm install @ngx-translate/core —save and nom install @ngx-translate/ http-loader —save
  2. Import HttpModule, Http, TranslateModule, TranslateLoader and TranslateHttpLoader in module.ts

import { TranslateHttpLoader } from’@ngx-translate/http-loader’;

import { HttpModule, Http } from’@angular/http’;

import { TranslateLoader, TranslateModule } from’@ngx-translate/core’;

exportfunctionHttpLoaderFactory(http: Http) {

returnnewTranslateHttpLoader(http);

}

@NgModule({

declarations: [

AppComponent,

],

imports: [

BrowserModule,

HttpModule,

TranslateModule.forRoot({

loader: {

provide:TranslateLoader,

useFactory:HttpLoaderFactory,

deps: [Http]

}

}),

],

providers: [MdDatepickerIntl],

bootstrap: [AppComponent]

})

3.Create a constructor and translation function in app.component.ts

import { TranslateService } from’@ngx-translate/core’;

import { Component } from’@angular/core’;

@Component({

selector:’app-root’,

templateUrl:’./app.component.html’,

styleUrls: [‘./app.component.css’]

})

exportclassAppComponent {

dir: string;

constructor(privatetranslate: TranslateService) {

translate.addLangs([‘en’, ‘ar’]);

translate.setDefaultLang(‘ar’);

translate.use(‘ar’);

}

changeLang(lang: string, direction: string ) {

this.dir = direction;

this.translate.use(lang);

}

}

5. add translate button in app.component.html

<buttonclass=”btn btn-sm btn-danger btn-srch pull-right” (click)=”changeLang(‘en’, ‘ltr’)”>En</button>

<buttonclass=”btn btn-sm btn-danger btn-srch pull-right” (click)=”changeLang(‘ar’, ‘rtl’)”>عربى</button>

6.create i18n folder inside assets and create ar.json for arabic language and en.json for english language

code in ar.json

{

“search”: “بحث”,

“search-for-hotel”: “البحثعنفندق”

}

code in en.json

{

“search”: “Search”,

“search-for-hotel”: “Search for Hotel”

}

Adding sidebar in angular 4

Step 1.   Create new project named angular-sidenav using cli. (ng new angular-sidenav).

Step 2.   Install Bootstrap.

Step 3.   Install angular material ( nom install —save @angular/material)

Step 4.   Install animations (npm install —save @angular/animations)

Step 5.  Open app.module.ts file and import BrowserAnimationModule.

import { BrowserAnimationsModule } from ‘@angular/platform-browser/animations’;

import { BrowserModule } from’@angular/platform-browser’;

import { NgModule } from’@angular/core’;

import { AppComponent } from’./app.component’;

@NgModule({

declarations: [

AppComponent

],

imports: [

BrowserModule, BrowserAnimationsModule

],

providers: [],

bootstrap: [AppComponent]

})

exportclassAppModule { }

step 6. Import Component Modules in app.module.ts file From angular material

import { BrowserAnimationsModule } from’@angular/platform-browser/animations’;

import {MdInputModule, MdButtonModule, MdCheckboxModule, MdSidenavModule} from ‘@angular/material’;

import { BrowserModule } from’@angular/platform-browser’;

import { NgModule } from’@angular/core’;

import { AppComponent } from’./app.component’;

@NgModule({

declarations: [

AppComponent

],

imports: [

BrowserModule, BrowserAnimationsModule,

MdInputModule, MdButtonModule, MdCheckboxModule, MdSidenavModule

],

providers: [],

bootstrap: [AppComponent]

})

exportclassAppModule { }

Step7.  Include a theme ( Open .angular-cli.json file and add ../node_modules/@angular/material/prebuilt-themes/indigo-pink.css inside styles key)

“styles”: [

“../node_modules/@angular/material/prebuilt-themes/indigo-pink.css”,

“../node_modules/bootstrap/dist/css/bootstrap.min.css”,

“styles.css”

],
Step 8. Add hammerjs for some component like (md-slide-toggle, md-slider, mdTooltip). To install via npm, use the  nom install —save hammerjs command. After installing the package import this into app.module.ts file.

import { BrowserAnimationsModule } from’@angular/platform-browser/animations’;

import {MdInputModule, MdButtonModule, MdCheckboxModule, MdSidenavModule} from’@angular/material’;

import { BrowserModule } from’@angular/platform-browser’;

import { NgModule } from’@angular/core’;

import { AppComponent } from’./app.component’;

import ‘hammerjs’;

Step 9. Add  Material Icons

Add following link in your index.html page. For the more detail  visit Material Design Icons .

<!doctype html>

<htmllang=”en”>

<head>

<metacharset=”utf-8″>

<title>AngularSidenav</title>

<basehref=”/”>

<metaname=”viewport”content=”width=device-width, initial-scale=1″>

<linkrel=”icon”type=”image/x-icon”href=”favicon.ico”>

<link href=”https://fonts.googleapis.com/icon?family=Material+Icons” rel=”stylesheet”>

</head>

<body>

<app-root></app-root>

</body>

</html>

Step 10. Open the app.component.html file and add this code.

<divclass=”container-fluid”>

<divclass=”row header-row”>

<buttontype=”button”class=”btn btn toggle-menu-button” (click)=”sidenav.toggle()”>

<spanclass=”glyphicon glyphicon-th-list toggle-menu-icon”></span>

</button>

</div>

</div>

<md-sidenav-containerclass=”sidebar-nav-container”>

<md-sidenav #sidenavclass=”sidebar-nav”>

Menu list here

</md-sidenav>

</md-sidenav-container>

And add this css code in app.component.css

.header-row {

height: 50px;

background: #0AA713;

}

.toggle-menu-icon {

font-size: 22pt;

color: #fff;

line-height: 33px;

}

.toggle-menu-button {

background: transparent;

}

.sidebar-nav-container {

width: 100%;

min-height: 300px;

height: auto;

}

.sidebar-nav {

background: #06C604;

width: 300px;

}

Output of this code is

Adding font awesome icons in angular 4

Install the font-awesome library using nom command line (npm install —save font-awesome).

After completing the installation open .angular-cli.json file and add the font-awesome style.

“styles”: [

“../node_modules/@angular/material/prebuilt-themes/indigo-pink.css”,

“../node_modules/bootstrap/dist/css/bootstrap.min.css”,

“styles.css”,

“../node_modules/font-awesome/css/font-awesome.css”

],

 

Copyright © 2016 InfoxIT Portal. All rights reserved.
Seo wordpress plugin by www.seowizard.org.
Scroll To Top
Visit Us On FacebookVisit Us On Google PlusVisit Us On YoutubeCheck Our Feed