Pipes are very important element of Angular 2 framework. With it you can transform and filter your data. But how can you deal with it? Lets start with a simple definition of pipe which filters data: import {Pipe, PipeTransform} from ‘@angular/core’; @Pipe({ name: ‘filterData’, pure: false }) export class FilterData implements PipeTransform { transform(items:any[], args:string[]):any[] […]
Author Archives: Piotr Sikora
In my previous post Ive described using Pipes with data loaded through Http request. First comment was about using loop: You should maybe think about using map and filter instead of for loops Thanks Angular2guy for this comment because it made me curious (like Curiouse George : ) ) to check which loop should I use to make a […]
Angular 2 – Pipes (TypeError: Cannot read property ‘length’ of undefined)
Ive been trying to build simple filtering in application -> Show-ur-bugs (https://github.com/fedojo/show-ur-bugs). Let me introduce the error environment firstly: project-list.component.ts import ‘rxjs/add/operator/map’; import {Component, OnInit} from ‘@angular/core’; import {ProjectService} from “../../shared”; import {ProjectListSingleComponent} from “./project/project-list-single.component”; import {FilterData} from “../../filter-data.pipe”; @Component({ moduleId: module.id, bindings: [ProjectService], selector: ‘app-project-list’, templateUrl: ‘project-list.component.html’, styleUrls: [‘project-list.component.css’], directives: [ProjectListSingleComponent], pipes: [FilterData] }) export […]
Tatry – Great chillout place in Poland
Last week Ive been with my family in Biały Dunajec near Zakopane. It’s placed in the heighest mountains in Poland – Tatry. This is great place to have a rest and bring your body and mind back to life. The trip from Kielce city took us about 4 hour because of traffic on roads but […]
Beers from Ale Browar – graphic design and India Pale Ale
For last few months I’m a IPA (India Pale Ale) fan so I’m trying to learn something about beers, taste them and finally drink 🙂 If you like to drink one beer in the evening you should taste a sip of Rowing Jack. More hardcore IPA is Crazy Mike. It has a IBU with one […]
Raspberry Pi node.js and how to start with programming GPIO (Pixpress project on Github) – Part 01
Last time I was a little bit busy… because of playing with Raspberry Pi 🙂 Yeah… I think it made me motivated to digg deeper in nodejs/expressjs. Firstly what I needed to do was installation of system on SD card. Ive downloaded Raspbian (here) and installed Jessie installation with Xwindows.(here you can find info how […]
DevMeeting – Angular 2
Last weekend Ive been with my friends at DevMeeting about Angular 2.0 in Krakow. DevMeeting is a great idea for all developers who wants to get knowledge about some technology/framework in one day. Of course its rather basic knowledge but this hardest steps at the begining you can do with somebody who knows it better. […]
Front End Developer Interview – Questions part 1
Headhunters are calling to you and want to check your skills as fast as possible. What are they asking about? Its rather simple questions but in some cases they know the tricky ones. So what are they asking? Question: (CSS)Do you know the box model?Please list elements of box model. This is the most fundamental […]
Pure JavaScript – Private and public methods
Have you been creating your own classes in pure JavaScript? What if you neeed a private method? How to create them? So finally you can access init() but cannot access prvMethod(). It has only access into MyClass() function scope. Piotr SikoraPiotr Sikora is Front End Team Manager @ Sourceful. MeetJS Kielce Committee member. JavaScript enthusiast. […]
Pure CSS only collapsible elements. How to create accordion without JavaScript
Pure CSS collapsible (with on click) containers/elements/whateva. HTML Code: Tab 1 Tab 2 Tab 3 ELEMENT 1 ELEMENT 2 ELEMENT 3 CSS Code: h1 {display: none; } a.par:focus {color: red} a.par.cac1:focus ~ h1.zzz1 { display: block; color: blue } a.par.cac2:focus ~ h1.zzz2 { display: block; color: blue } a.par.cac3:focus ~ h1.zzz3 { display: block; color: […]