From design to layout

I want to share ways to organize interaction between the interface designer and the front-end developer, it is possible for someone to use these methods to optimize the resource consumption for the development and support of web applications and sites.
 
 

Structure of the design template


 
 
Versions of Mobile, Tablet, Desktop, Desktop HD are in different Artboards /Mounting areas
 
The template consists of sections. The contents of the section are combined into the Group object
 
Sections are named in alphabetical order, for example - sect-a, sect-b, sect-c
 
Blocks within sections are grouped ...[/h]
+ 0 -

Angular: ngx-translate. We improve the infrastructure using Webpack

Angular: ngx-translate. We improve the infrastructure using WebpackGood day.
 
It's time to ngx-translate lifhak. Initially, I planned 3 parts, but because the second part is in fact little informative - in this I will try to summarize the 2nd part as briefly as possible.
 
read 1
 
Consider AppTranslateLoader in the replacement of TranslateHttpLoader . Our AppTranslateLoader will primarily pay attention to the language of the browser and contain fallback logic, import the localization of MomentJs, and perform the download via APP_INITIALIZER. As a result of the merger of the two parts of the lifhaks, along the way, we will delve into the ...
+ 0 -

Higher-order components using Recompose

Higher-order components using Recompose HOC - too loud a word for a simple functional pattern!
 
 
A month ago, the first frontend-mitap was held in Raiffeisenbank, and since I had just prepared a presentation on the topic "High order components with functional patterns using Recompose" in just a couple of days, and I briefly got information about Recompose on the Internet a week before the report, I did not have time to prepare any reference material, and did not even write your contact information at the end of the presentation, which was not very good. And to the question: "Where can we see your slides?" I hesitated and did not ...
+ 0 -

Secure interaction in distributed systems

Secure interaction in distributed systems
 
 
Hello Habr!
 
 
My name is Alexey Solodky, I'm a PHP developer at Badoo. And today I will share the text version of my report for the first Badoo PHP Meetup. Videos of this and other reports with the mitapa can be found here .
 
 
Any system consisting of at least two components (and if you have both PHP and the database, it's already two components), encounters whole classes of risks in the interaction between these components.
 
 
The platform department in which I work integrates new internal services with our application. And solving these problems, we have accumulated experience, which I want ...
+ 0 -

['большую', 'большие', 'больших']

['большую', 'большие', 'больших']Recently we presented a business solution called Dialogflow Connector: a bunch of Google Dialogflow and our cloud Voximplant. The connector can work instead of the call center operator and accept complex orders. This became possible, because Dialogflow allows you to get away from the script of the usual IVR, where the client has to call the words from the given set, which the interactive menu can react to. Google platform can consistently receive input from the client and collect them together - for example, to form an order in the online store. You probably already heard the fashionable ...
+ 0 -

10 (not) obvious tips for novice developers

The Internet already has a lot of books, articles, and the same posts on the habra for beginners. But, as for me, there are a number of nuances that are usually or not mentioned at all (apparently, they are considered obvious), or they are very rarely mentioned. And this is not advice from the series "study the code of other developers", "use git", "make backups" or "wash your hands before going to the production console." These are ordinary, practical things that come with some experience. Some of them are not useful if you use the most advanced approaches to development, some of them are universal...
+ 0 -

Meeting with Vitaly Fridman (Smashing Magazine) in the office Wrike

Meeting with Vitaly Fridman (Smashing Magazine) in the office Wrike  
 
Wrike Tech Club called on Vitaly Fridman's open meeting, a notable figure in the field of web development and UX-design, the founder and chief editor of Smashing Magazine. In addition to Vitaly's lecture, we organized a round table with Egor Gilev (UX-director of Wrike) and other invited experts on modern front-end, UX-design and UI-development.
 
 
For those who could not come, we publish video recordings of the report and the round table.
 
 

Speech by Vitaly Fridman


 
+ 0 -

A little investigation: how YouTube uses WebRTC for streaming

A little investigation: how YouTube uses WebRTC for streaming
 
WebRTC is a jаvascript API in modern browsers for video calls. And for voice calls, screening, NAT penetration, local address disclosure and other interesting things. In the last couple of years, large players are beginning to move from proprietary APIs and browser extensions to WebRTC: it works with Skype for Web, in part with Hangouts, and now with YouTube's browser capabilities directly from the browser. So far only from chrome and with a five-second delay - but a great misfortune begins. Under the cut, we offer a translation of the detective story adapted for Habr, where WebRTC experts parse the ...
+ 0 -

Understanding the life cycle of the React component

Understanding the life cycle of the React componentReact provides developers with many methods and hooks that are called during the life cycle of the component, they allow us to update the UI and the state of the application. When it is necessary to use each of them, what to do and in what methods, and what is better to refuse, is the key to understanding how to work with React.
 
by reference .
 
Although some methods are declared obsolete, their description, in my opinion, will still be useful, even for those developers who work with previous versions of React and in general for understanding instead of what methods and for which new ones ...
+ 0 -

Moscow SPA №4: summary, video, presentations, photo report

Recently Avito's office hosted the fourth Moscow-Moscow Satellite Moscow-Moscow satellite, Moscow SPA, a meeting for front-end developers interested in the topic of Web applications (Single Page Application). There were reports from representatives of Mail.ru, Alfa-Bank and Avito, and at the end of the meeting there was a panel discussion about what should be the SPA today. Under the cut - videos and presentations of reports and a link to the photo report.
 
Moscow SPA №4: summary, video, presentations, photo report Presentation
 
Atomic SPA. Alexander Kitov (Alfa-Bank)
 
And are good SPAs good? ...
+ 0 -