Mobile traffic has already exceeded the desktop one and it keeps growing.
Mobile platforms own the future. However for front-end the development goes
not that smooth as we would wish. There are three major issues that mobile
web development is facing: unstable internet connection, smartphones’ week
processors and CSS and JS partial support in mobile browsers. I will share
our experience of how we overcame these issues in creating the 2GIS.Online
for mobile browsers.
On a regular web page, images represent the largest assets. We might have heard about responsive images to serve the most suitable image for each screen. However, how and when we load them can have a great impact too.
I will show you several techniques used by well known websites, based on placeholders, dominant colours, blurry images and lazy loading to improve user's perceived performance.
These techniques leverage several web technologies like CSS3, canvas and the recent IntersectionObserver API.
Our project works on Dart + Angular. For 2 years of developing we’ve got a
lot of problems to solve with this stack. We’ve made our component library
and then rewrote it. This experience helped us how to solve Angular problems in big projects. When you can look at an angular-material code as an example and make you work easier and when copy-paste solution from a popular article can cause serious problems on your project? Why do you need DI and how you can use it without side effects? How changeDetection works and what we can do when we don’t like it?
You must be imaginative, strong-hearted. You must try things that may not work, understand how things work to see the patterns beneath. Your only limit is your soul. Bringing some creativity to your craft, and making art, shall make you a better developer. This talk will touch on creative coding, the demoscene, a range of optimisation techniques and the creative mindset. Then we will code an Audio-Visual demo together.
I hope to inspire new developer artists and bring a dash of creativity to your every day problem solving.
You and your team have this great Idea and you have your users using different devices and operating systems to access the same application. Some users are on the Web, some on Mobile some of their Desktop and you also have to worry about what operating system they are on and also have to consider how your application is presented on each device & operating system.
What if there was a way to code your app without worrying too much about operating systems/devices/screen sizes and just focusing on getting your idea across to your users regardless. Join me on a journey where I show you how to use Angular, Ionic & the PWA standard to build apps for IOS, Android, Windows, Web, Mac & PC with the same code all using just HTML5.
After compiling jsx to js, functions are created. Functions are nested in other functions, and other functions are nested too. If you call the topmost function, you will first get VirtualDOM, and then just DOM.
So far, so good. But now we need to change some data in the application, and change our DOM based on them. And here are the different nuances: Are all the changes equally useful? What edits will cause the re-renderer, and which not? How does React choose what to change? What changes in VirtualDOM will cause changes to the DOM, and which ones do not? How to organize your data so that the application works as quickly as possible?
If, when you enter data into the text field, your entire application starts to slow down, the checkboxes are set for half a second, and the animations are lagging, then my talk will be useful to you.
What are the challenges we face by developing the front-end of the world's largest Hotel booking site?
Working with the interface of an e-commerce is already complex by itself. How to make it interface work in 224 countries, supporting more than 40 languages and 50 currencies? In this talk, we'll see how the decisions we make about architecture, performance, and UI impact the experience of millions of people who use our product.
In the modern world of Frontend, programmers don't often encounter the calculation of the asymptotic complexity of algorithms, or creation and traversal of various trees and graphs. In practice, such tasks are extremely rare and are solved by a small number of developers to achieve super-performance.
But it isn't a reason for you to not know them)
In my talk, I'll cover data structures and corresponding algorithms that change Frontend. I'll tell you about trees and their comparison using examples like React/Preact/Inferno, immutable collections, for example, Immutable.js, and also queue and stack with the example of React Fiber.
A review report on new CSS specifications that are beginning to be introduced or will be implemented in the future. The report will tell you about draft specifications and new properties that are under development, but we will use them one day in everyday life - for example: CSS Custom Properties, CSS Grid Layout, CSS Box Alignment 4 level, CSS Selectors 4 level, CSS Overflow 4 level and many others.