Calypso data kung fu – WordPress.com use case

This post is going to be used as a presentation during my upcoming talk at ReactJS Wrocław meetup. The event is planned for Thursday, September 29, 2016 at 19.00. You can find more details here.

Calypso

Calypso is the codename for a WordPress.com admin interface. This is what I wrote about it in one of my previous posts:

This is a universal (aka isomorphic) JavaScript single page app written in ES6 using webpack, express, ReactFlux Redux, WordPress Rest API and many other front-end libraries.

Continue reading Calypso data kung fu – WordPress.com use case

Calypso – new WordPress.com

I’ve been working at Automattic only for 8 months now, but I must admit that so far this is the most exciting period of my 10 years long professional career. I’m lucky to work with amazing people on new WordPress.com admin interface called Calypso. This is an universal (aka isomorphic) JavaScript single page app written in ES6 using webpack, express, ReactFlux, WordPress Rest API and many other front-end libraries.

Continue reading Calypso – new WordPress.com

Learning functional programming

Lately I wanted to explore more in-depth functional programming concepts. When I was looking for resources I found an interesting bundle (with 60% discount) from O’Reilly:

It turned out they are really nice because they present code examples from the different programming languages like: Java, Scala or Closure. That approach gives you a bigger picture how functional programming can be applied. I’d say that the book contains almost everything you can see in the related video. In addition, it’s more up to date and it contains a bit more details. On the other hand the video is much more interactive.

Continue reading Learning functional programming

Using JavaScript ES6 in practice

We all know this language as JavaScript, but the official name is ECMAScript. The most recent official Ecma Standard is called ES5 (ECMAScript Language Specification Edition 5.1). It was published in June 2011 by TC39 (Ecma Technical Committee 39) – the committee evolving JavaScript. Focused development of the sixth edition started earlier in 2009, as the fifth edition was still being prepared for publication. It was initially named ES.next, but it’s widely known as ES6. This year new official name was announced ES2015 (The 2015 ECMAScript Language Specification). This is because TC39 plans to publish new version of JavaScript with small set of changes each year from now on. The final ES6 draft was published on April 14, 2015 and spec is frozen now. Formal publication is expected to be done in June 2015. Before that will happen it is already possible to get familiar with unofficial HTML version of the ES6 working draft. However I strongly recommend to check first very concise overview of ECMAScript 6 features. Another excellent resource to start with is ECMAScript 6 new features overview & comparison website that presents ES5 equivalent code next to ES6 code.
Continue reading Using JavaScript ES6 in practice

Overview of Javascript tools and frameworks

I prepared overview of possible JavaScript tools and framework that can be used to build modern web application. Most of them are used to build Czas na Rower frontend. Mentioned project uses GruntJS for tasks management, JSHint for code linting Mocha and SinonJS for unit testing, RequireJS for module loading, jQuery, Bootstrap, Flight and Backone.js for JavaScript code development. You can see more on project site on GitHub.

JavaScript tools

Code linting

JSLint is a JavaScript program that looks for problems in JavaScript programs. It is a code quality tool created by Douglas Crockford. JSLint takes a JavaScript source and scans it. If it finds a problem, it returns a message describing the problem and an approximate location within the source. The problem is not necessarily a syntax error, although it often is. JSLint looks at some style conventions as well as structural problems. It does not prove that your program is correct. It just provides another set of eyes to help spot problems.

Continue reading Overview of Javascript tools and frameworks

Introducing jQuery – presentation

This is updated deck from internal training I made at Ciao back in 2009. It covers basic principles and use cases for jQuery library. What is very interesting, I didn’t have to do many modifications to the original presentation as jQuery API is very stable. The biggest change was replacement of event bind method with on implementation. Topics covered in presentation:

  • Using selectors and page traversing
  • Handling events
  • Effects
  • DOM manipulation
  • Mouse interaction and UI extensions

Continue reading Introducing jQuery – presentation