Frontend Conf - with user care
I will not argue that the frontend is more important than the backend, or support the controversial concept that "the backend in the modern web is not mandatory." Leaving aside holivars, we simply recognize that the front-end developer deals with the client side of web projects, which means that his work is most visible to end users who are struggling for. That is, not to give proper attention to the frontend, simply impermissible luxury.
We decided on this, it remains only to figure out, and how now to do everything cool. Where do they write about it on the Internet? - Yes, everywhere! And now, in order to deal with all the variety of modern technologies, frameworks and libraries, we are holding a professional conference Frontend Conf. Selecting topics for it, we focused not on high-end, but on the usefulness of reports. Any professional front-endender coming to the conference can be sure that he will find many useful reports corresponding to his level of knowledge. Which reports as a result were included into the program, I will tell under a cat.
Input data
The 2018 Frontend Conf Moscow Conference will take place on October 4 and 5 . We will devote two days to the discussion of technologies and approaches to the development of the client side, we will pay attention to such issues as: increasing productivity and quality assessment, choosing a framework, interface design process, working with API, layout.
')
In three streams in three halls in two days 40 reports will be presented, master classes and meetings in a variety of areas: API, layout and UX, performance, frameworks, testing and others.
When composing the program, we chose those that would be useful in the work of the widest possible range of specialists . But they didn’t leave behind even narrower issues, in the Gamma hall there will be reports about tools that may not be needed by all polls, but definitely for some people are the most popular. It will be even more convenient to discuss these issues in a relatively narrow circle, it will be possible to thoroughly deal with everything and find like-minded people. Anyway, almost all speakers are based on their own experience and offer concrete solutions that they listened to - and implement . Is that quite a bit of space left for just informative speeches such as, for example, about mining cryptocurrency in the browser .
The full schedule is on the website in an interactive way, and in pdf with the symbols of the themes - it is arranged so that if you come for a particular topic, you can get to all the reports on it. And now let's look at the topic.
The first day, Thursday of the fourth day, will begin with four reports in English - to warm up.
Breaking the norm with creative CSS
Aga Naplocha works in Adobe , and also develops the educational project “The Awwwesomes”. In his report, Aga wants to share with us new CSS features that allow you to create truly amazing things. The bright future of web graphics and CSS is just around the corner - we will finally be able to quickly implement our bold ideas and create website designs right in the browser. Aha urges not to stand aside and recharge yourself with a fresh spirit of creativity .
Accessibility vs latest Web APIs. Can't we just get along?
Mauricio Palma in SinnerSchrader serves as a kind of proxy between design teams and developers and believes that most of the developers refer to the problem of accessibility of the interface as something that should be thought of last.
In his report, Maurizio, using the latest Web API , promises to show effective speech recognition and synthesis techniques and the creation of convenient and accessible user interfaces using them.
I threw away my mouse
Inspired by the work of Laura Carvajal, Manuel Matuzović decided to run an experiment and did not use the mouse for two weeks. In his report, Manuel will show successful and unsuccessful examples of sites that he met. On their basis we will discuss the most common problems, and talk about how to solve them. Let us see why it is important that your website is possible and convenient to use from the keyboard , and to whom it is actually beneficial .
Empathetic Design Systems
On Frontend Conf, Jennifer Wong (Envoy) plans on the basis of her experience to tell you how to develop a design system from scratch, not forgetting accessibility and taking into account the needs of users and developers. Jennifer even made a video in which she invites you to her report.
After that, there will be a lunch break in the halls of "Beta" and "Gamma", a very interesting report will begin in the "Alpha" hall.
How we developed a completely offline offline application using persistent storage
Web development, and Offline First applications no longer seem unreal. What was the advantage of native applications is also realizable in web applications.
Timofey Lavrenyuk (KeepSolid) plans to tell :
The story is based on real experience and will not do without a description of the pitfalls.
Performance
garbage.collect ()
We are used to the fact that the browser not only executes our JavaScript, but also cleans up the remaining garbage. Yandex.Maps API developer Andrei Roenko considers it important to understand this process and suggests finding the answers to the following questions together:
Detailed analysis will help you understand how garbage collection affects the performance of our applications.
Life hacking for front-end developers
Aleksey Zolotykh has been developing the frontend for 10 years and has saved quite a lot of lifkak: ways to do something quickly and easier than it seems at first glance. In his report on Frontend Conf, Aleksey promises to share these life hacks, for example, learn how to show the result of your work from a local computer or make a website in one evening. Also look at lifehacks in the console and more.
Fast service without Server Side Rendering
Ultimate Guitar is a service that is visited 65 million times a month, but which dispenses with Server Side Rendering. Andrey Yakobchuk will tell why this path was chosen. And more about the report here .
Zaheshiruyte it
Caching in the browser is quite a flexible mechanism. Do you use its full potential? Vsevolod Shmyrov (Yandex.Maps) promises to step by step analyze all available caching levels when the browser tries to load any material. Both from client side and from server side.
Design
This section includes reports that are less tied to the context of the fontend. Basically, they will have less code, but more structural considerations, which does not detract from their usefulness.
The process of creating complex animations in the web: from idea to finished project
Spectacular project can not be created without spectacular animations. In any case, Natalya Gabitova and Yegor Savintsev from Rambler & Co think so and promise to share their experiences in:
Let's see how it works in Rambler & Co and what techniques can be used to maintain order, avoid memory leaks, synchronize different animations.
Developer experience and API as a product
What details when you create (or when choosing) a product with an API should you pay attention to provide (or receive) the best developer experience? Anastasia Goryacheva at Intento deals with dozens of AI APIs and, by their example, offers to disassemble 8 API features such as: reliability, ease of start, maintainability, and something else. We will see which of the giants of the industry creates more headaches than provides functionality. The same ideas can be useful when choosing a payment service for the site. Or building communication between backend and front-end development teams creating one service.
PDD approach for planning an IT project
Ksenia Konovalova from Digital Security is going to prove that every developer should be able to make prototypes . XD (no, this is not a smiley) from Adobe will help you to get started reactively. We learn how to use the prototype: to formulate the requirements for the product; design the product architecture; test hypotheses without code . And after the report we can effortlessly find a common language with your favorite customer, save the project budget and shorten the development time. In any case, this promises us Xenia. Even for one of these points, it is worth trying to delve into prototyping.
JSON API - we work according to the specification
Alexey Avdeev from Neuron.Digital will help to understand the JSON API specification. This report is very rich in technical details, but also got into this section “Design”, since it is not tied to the front end exclusively. Alexey will tell you what the essence of the JSON API is, how this approach complements RESTful and how it differs from GraphQL . As always, let's look at the pros, cons and pitfalls.
Frameworks
Of course, the topic of trend and new frameworks on Frontend Conf is indispensable. We tried not to get too involved with them and selected only a few of the most practical reports.
React, Vue or Aurelia: how we chose the framework
There are many criteria for choosing a framework, and in each new task you have to re-weigh the pros and cons. Alexander Taran (Acumatica) will present his conditions and his opinion. For example, tell:
It will be interesting also because in the end Alexander became the Aurelia Core Maintainer .
StoreWars (ngxs, redux, vuex)
In the continuation of the framework framework, there will be a report by Kirill Yusupov and Maxim Ivanov (Cinimex). In the main part, we analyze state management , consider examples in small and large projects for all three - ngxs, redux, vuex. And as a conclusion, the speakers promise to explain why ngxs should be used, not ngrx, and why the choice of the framework is not as important as the choice of the store.
Vanishing frameworks
Pavel Malyshev from Mustlab proposes to start with the basics and to begin to figure out why we actually use frameworks, and why classical frameworks are not suitable for all projects . In the report we will talk about the new trend of “disappearing frameworks” on the example of SvelteJS, and try to understand why this is not “yet another javascript framework”.
The conclusion is obvious, there is no silver bullet, but these speeches will help you make a reasonable decision in each case. Sometimes it may even turn out to be a self-written solution
Better a day to lose
The report of Alexey Okhrimenko from IPONWEB did not enter into any of the sections, he is alone. On October 5, right from the morning, we’ll find out whether we should develop our own tools , and if we’ve spent a lot of time, we can save it in the long run. Alexey will share his experience in writing tools for debugging, testing, optimization , scaling, and validation for various projects. He will tell you what benefits existing tools can bring and whether it is worth spending time on it at all.
Of course, this is not all. But even this should be enough to convince anyone that Frontend Conf Moscow 2018 will be the largest and coolest front-end conference in Russia. Come for two days to immerse yourself in a professional atmosphere, listen attentively to interesting reports, learn about new useful things, chat with other professionals. Yes, in the end, just have a good time.
We decided on this, it remains only to figure out, and how now to do everything cool. Where do they write about it on the Internet? - Yes, everywhere! And now, in order to deal with all the variety of modern technologies, frameworks and libraries, we are holding a professional conference Frontend Conf. Selecting topics for it, we focused not on high-end, but on the usefulness of reports. Any professional front-endender coming to the conference can be sure that he will find many useful reports corresponding to his level of knowledge. Which reports as a result were included into the program, I will tell under a cat.
Input data
The 2018 Frontend Conf Moscow Conference will take place on October 4 and 5 . We will devote two days to the discussion of technologies and approaches to the development of the client side, we will pay attention to such issues as: increasing productivity and quality assessment, choosing a framework, interface design process, working with API, layout.
')
In three streams in three halls in two days 40 reports will be presented, master classes and meetings in a variety of areas: API, layout and UX, performance, frameworks, testing and others.
When composing the program, we chose those that would be useful in the work of the widest possible range of specialists . But they didn’t leave behind even narrower issues, in the Gamma hall there will be reports about tools that may not be needed by all polls, but definitely for some people are the most popular. It will be even more convenient to discuss these issues in a relatively narrow circle, it will be possible to thoroughly deal with everything and find like-minded people. Anyway, almost all speakers are based on their own experience and offer concrete solutions that they listened to - and implement . Is that quite a bit of space left for just informative speeches such as, for example, about mining cryptocurrency in the browser .
The full schedule is on the website in an interactive way, and in pdf with the symbols of the themes - it is arranged so that if you come for a particular topic, you can get to all the reports on it. And now let's look at the topic.
The first day, Thursday of the fourth day, will begin with four reports in English - to warm up.
Breaking the norm with creative CSS
Aga Naplocha works in Adobe , and also develops the educational project “The Awwwesomes”. In his report, Aga wants to share with us new CSS features that allow you to create truly amazing things. The bright future of web graphics and CSS is just around the corner - we will finally be able to quickly implement our bold ideas and create website designs right in the browser. Aha urges not to stand aside and recharge yourself with a fresh spirit of creativity .
Accessibility vs latest Web APIs. Can't we just get along?
Mauricio Palma in SinnerSchrader serves as a kind of proxy between design teams and developers and believes that most of the developers refer to the problem of accessibility of the interface as something that should be thought of last.
In his report, Maurizio, using the latest Web API , promises to show effective speech recognition and synthesis techniques and the creation of convenient and accessible user interfaces using them.
I threw away my mouse
Inspired by the work of Laura Carvajal, Manuel Matuzović decided to run an experiment and did not use the mouse for two weeks. In his report, Manuel will show successful and unsuccessful examples of sites that he met. On their basis we will discuss the most common problems, and talk about how to solve them. Let us see why it is important that your website is possible and convenient to use from the keyboard , and to whom it is actually beneficial .
Empathetic Design Systems
On Frontend Conf, Jennifer Wong (Envoy) plans on the basis of her experience to tell you how to develop a design system from scratch, not forgetting accessibility and taking into account the needs of users and developers. Jennifer even made a video in which she invites you to her report.
After that, there will be a lunch break in the halls of "Beta" and "Gamma", a very interesting report will begin in the "Alpha" hall.
How we developed a completely offline offline application using persistent storage
Web development, and Offline First applications no longer seem unreal. What was the advantage of native applications is also realizable in web applications.
Timofey Lavrenyuk (KeepSolid) plans to tell :
- how to port a native application for working with documents, while retaining one of its main advantages - working in Offline;
- which libraries to use for working with IndexedDB;
- how to connect Workers working with the database and the application itself.
The story is based on real experience and will not do without a description of the pitfalls.
Performance
garbage.collect ()
We are used to the fact that the browser not only executes our JavaScript, but also cleans up the remaining garbage. Yandex.Maps API developer Andrei Roenko considers it important to understand this process and suggests finding the answers to the following questions together:
- Where does garbage come from and what to do to make it smaller?
- Who collects garbage and when?
- What are the tools to analyze memory consumption and search for garbage?
- How do browsers try to optimize memory performance?
Detailed analysis will help you understand how garbage collection affects the performance of our applications.
Life hacking for front-end developers
Aleksey Zolotykh has been developing the frontend for 10 years and has saved quite a lot of lifkak: ways to do something quickly and easier than it seems at first glance. In his report on Frontend Conf, Aleksey promises to share these life hacks, for example, learn how to show the result of your work from a local computer or make a website in one evening. Also look at lifehacks in the console and more.
Fast service without Server Side Rendering
Ultimate Guitar is a service that is visited 65 million times a month, but which dispenses with Server Side Rendering. Andrey Yakobchuk will tell why this path was chosen. And more about the report here .
Zaheshiruyte it
Caching in the browser is quite a flexible mechanism. Do you use its full potential? Vsevolod Shmyrov (Yandex.Maps) promises to step by step analyze all available caching levels when the browser tries to load any material. Both from client side and from server side.
Design
This section includes reports that are less tied to the context of the fontend. Basically, they will have less code, but more structural considerations, which does not detract from their usefulness.
The process of creating complex animations in the web: from idea to finished project
Spectacular project can not be created without spectacular animations. In any case, Natalya Gabitova and Yegor Savintsev from Rambler & Co think so and promise to share their experiences in:
- how to assemble a team of developers and motion designers;
- how to assign roles and control the result;
- what tools to learn, what to understand;
- how to integrate animations from different sources into the site.
Let's see how it works in Rambler & Co and what techniques can be used to maintain order, avoid memory leaks, synchronize different animations.
Developer experience and API as a product
What details when you create (or when choosing) a product with an API should you pay attention to provide (or receive) the best developer experience? Anastasia Goryacheva at Intento deals with dozens of AI APIs and, by their example, offers to disassemble 8 API features such as: reliability, ease of start, maintainability, and something else. We will see which of the giants of the industry creates more headaches than provides functionality. The same ideas can be useful when choosing a payment service for the site. Or building communication between backend and front-end development teams creating one service.
PDD approach for planning an IT project
Ksenia Konovalova from Digital Security is going to prove that every developer should be able to make prototypes . XD (no, this is not a smiley) from Adobe will help you to get started reactively. We learn how to use the prototype: to formulate the requirements for the product; design the product architecture; test hypotheses without code . And after the report we can effortlessly find a common language with your favorite customer, save the project budget and shorten the development time. In any case, this promises us Xenia. Even for one of these points, it is worth trying to delve into prototyping.
JSON API - we work according to the specification
Alexey Avdeev from Neuron.Digital will help to understand the JSON API specification. This report is very rich in technical details, but also got into this section “Design”, since it is not tied to the front end exclusively. Alexey will tell you what the essence of the JSON API is, how this approach complements RESTful and how it differs from GraphQL . As always, let's look at the pros, cons and pitfalls.
Frameworks
Of course, the topic of trend and new frameworks on Frontend Conf is indispensable. We tried not to get too involved with them and selected only a few of the most practical reports.
React, Vue or Aurelia: how we chose the framework
There are many criteria for choosing a framework, and in each new task you have to re-weigh the pros and cons. Alexander Taran (Acumatica) will present his conditions and his opinion. For example, tell:
- how to evaluate the "cost of error" in the selection;
- what to implement prototypes for hypothesis testing,
- How does HYIP and business tasks affect?
- summary results and decision making.
It will be interesting also because in the end Alexander became the Aurelia Core Maintainer .
StoreWars (ngxs, redux, vuex)
In the continuation of the framework framework, there will be a report by Kirill Yusupov and Maxim Ivanov (Cinimex). In the main part, we analyze state management , consider examples in small and large projects for all three - ngxs, redux, vuex. And as a conclusion, the speakers promise to explain why ngxs should be used, not ngrx, and why the choice of the framework is not as important as the choice of the store.
Vanishing frameworks
Pavel Malyshev from Mustlab proposes to start with the basics and to begin to figure out why we actually use frameworks, and why classical frameworks are not suitable for all projects . In the report we will talk about the new trend of “disappearing frameworks” on the example of SvelteJS, and try to understand why this is not “yet another javascript framework”.
The conclusion is obvious, there is no silver bullet, but these speeches will help you make a reasonable decision in each case. Sometimes it may even turn out to be a self-written solution
Better a day to lose
The report of Alexey Okhrimenko from IPONWEB did not enter into any of the sections, he is alone. On October 5, right from the morning, we’ll find out whether we should develop our own tools , and if we’ve spent a lot of time, we can save it in the long run. Alexey will share his experience in writing tools for debugging, testing, optimization , scaling, and validation for various projects. He will tell you what benefits existing tools can bring and whether it is worth spending time on it at all.
Of course, this is not all. But even this should be enough to convince anyone that Frontend Conf Moscow 2018 will be the largest and coolest front-end conference in Russia. Come for two days to immerse yourself in a professional atmosphere, listen attentively to interesting reports, learn about new useful things, chat with other professionals. Yes, in the end, just have a good time.
Manage to register if you feel (or the test prompted you) the need for professional growth - only a week is left!
Source: https://habr.com/ru/post/421139/
All Articles