MobiDev Conducted A Master Class In Web Development

February 23, 2015 72 Views
← Back
MobiDev Conducted A Master Class In Web Development

MobiDev talent pool does not stagnate, and there's another event we took indispensable part in: a SmartMe master class in Kyiv, which took place on February 21. It gathered around 100 interested developers, both present at the event in person and participating online. The central issue of the master class was development and optimization of web applications. Our leading specialist in PhoneGap and Android development, Yuriy Luchaninov, was one of two central contributors.

The practice of creating web applications is already deeply rooted, but the attitude to it remains quite ambivalent. One of the main cons is low performance of HTML apps, along with poor responsiveness. However, under the motto "high-quality development depends on knowledge in subtleties and capabilities of a platform" the master class acquainted its visitors with a series of techniques which allows to develop web apps that have speed, high UI responsiveness – and make users happy.

The master class had the following structure:


• Web platform as a tool for creating apps.

• Web apps vs. native apps: advantages and drawbacks.

• Performance as the key to happy end users, high-quality products, and domination of web platform.

Five elements of optimization:

#1. Loading speed

• Criteria of success, methods of measurement;

• Сoncatenation, minification, packaging;

• Order of loading;

• Lazy loading of content;

• Server settings;

• Return of server rendering.

#2. Loading of JavaScript execution

• JS engines, criteria of success, methods of measurement;

• V8 optimizations;

• Relative typification;

• Objects vs arrays;

• LookUp chains;

• Delegation of events;

• Benchmarks;

• Profiling.

#3. Rendering speed and responsiveness

• Introduction, criteria of success, methods of measurement;

• Minimization of reflows and DOM modifications;

• How CSS affects rendering speed; bottlenecks;

• WebKit / Blink: RenderTree, RenderLayer, GraphicsLayer, Tiled rendering;

• Tracking and eliminating repaints;

• Alternative methods of content and animation rendering;

• Canvas;

• WebGL;

• SVG;

• Cross-platform testing of rendering speed.

#4. Memory allocation and garbage collection

• Introduction, criteria of success, methods of measurement;

• Influence of DOM tree structure on memory consumption;

• Influence of the volume of loaded resources;

• Reuse of objects;

• Listener management;

• Garbage collection – hidden enemy of UX;

• Search for memory leaks.

#5. Human perception and UI tricks

• Interactivity and feedback (UI responsiveness, touch events);

• Human sight and peculiarities of perception.

All of these issues were taken under the spyglass of our expertise. We found a lot of thankful listeners at the master class, and we'll keep you in touch with further events. Feel free to contact us with any questions.

Read more:
scroll top