Should the coder to focus on creating (developing) page templates?

There is a multi-page website (or rather 2, but more on that below), is the classic chain design: designer -> coder -> programmer. On the pages of many of the same elements: header, footer, any sidebars and forms. In addition, there are localized into 3 languages.
In a perfect world, the designer drew a layout, web designer nakopipastil html pages (and saved in git, to order), programmer cut from html templates and nakodil on node.js. Once we went this route, but perfect world has collapsed as soon as the designer has rolled out the 1st batch of improvements.
So how to fix 100500 all html pages in the Gita there is no way, layout is fixed in an arbitrary page, and the programmer says "watch this". The programmer examines the diff, and repeats the change of layout in the template (that's a double job). As a result, in Gita, is a completely out-of-date layout, changes in translation can be viewed only on a computer programmer, while introducing new design features is increasingly mishaps occur.

In order not to occur the 2nd time on the same rake, when developing a new site, I decided to shift the development of page templates entirely on the coder, namely:
1) separated from layout repeating elements with a view to their reuse,
2) remove items "to view" and other lorem ipsum (or rather, put them in separate files and insert into layout optionally, the means gulp), and generally prepare the template for use by client code
3) and even to replace all the text variables for localization (and the variables just to save in json).
1st requirement to "take out a cap and a cellar in a separate file" met the coder understanding. The 2nd was the answer: "don't normally do this, but so be it." And the 3rd - "well, that's exactly the job of the programmer!"

Since I'm not a guru in the case of site-building, I had doubts - not too far if I stick? Where must end the work of a coder and start being a computer programmer?
July 8th 19 at 16:04
7 answers
July 8th 19 at 16:06
Solution
Teach your coder to use the build system and template engines if it is not able (in 2016, at least unseemly, as a maximum, smacks of incompetence). Ideally, use one template engine for the layout in the backend. For example, to Twig, there are many implementations in different languages, including javascript (nodejs you have, as I understand it), and a package for gulp is available. Or jade.
To use variables in the coding there's a package gulp-data.
With proper organization of the build system you will get from a designer is almost ready templates for your backend plus always current layout in turnips.

and in General to prepare a template for use by client code

And client code is you who writes?
"And the client code you who writes?" programmer, of course) - Louisa_Armstrong13 commented on July 8th 19 at 16:09
: the client code is a pretty broad concept. If you need a javascript application on the customer's website, like chat and other things where you need a rapid data exchange between the base and the group desktop - you need to give such duties the programmer front-end.

The designer should make the layout of all pages of the website. No more than. Of course I agree that in 2016ΠΌ decent coder should be able to write html, template css preprocessors. Ideally, that coder still gulp and not had to cram - tell me (at the same time learn too) what is scaffolder yeoman and generator-yeogurt. This is a great basis for the start of the project. It is a platform for the initialization of the project. It is based on the installation template engine (in the console during initialization there is a choice between them - I prefer jade), css preprocessor (sass or stylus - if you don't sleep). And of course, as these technologies keep on gulp - you can cheat your, for example bower with bootstrap and jquery or coffeescript for js.
If particularly difficult Feng not - for example, the desired landing - there is a standard webapp.

Attach the link. https://habrahabr.ru/post/246349/ - what is
And where it to take yeoman.io
PS - coder, it is better to start using linux, yingchao nodeJS without unix EWS system will kink pretty hemorrhoid incidents, because it requires some dependencies that are not on windows, type gcc. - Arely.Casper commented on July 8th 19 at 16:12
July 8th 19 at 16:08
I would coder was replaced by the front-end developer. The backend developer would deliver a General template. They both programmers and can each other quite understand. Berkendara need from the API. From Pontedera stream this API in a convenient web interface for the user. Coder is more suitable for the layout of the paper materials somewhere in the printing or to create static web pages. When the site is dynamic, then the coder just breaks the whole process.
no, actually you need a web designer to replace for a web coder. And the team should consist only of those guys who kodyat. that is - web designer, front-Ender and the WEC-Ender.

Let me explain why. Designers love to show it in my layout of fonts, for example, there is only trutype. or ponapisyvali items that just load the layout and don't add any productivity. It's a waste of time for correction of jambs - cutting PSD layout.

In the case when the coder grabs the design he uses only web technologies - from able to make a convenient UI, just make a responsive adaptation, immediately apply the stack, which is used as the front-Ender.

The front-Ender needs to go through the logic. His work does not depend on the coder. He grabs TK and considering the result which should be applied AJAX in the html layout of the front-end developer, nodeJS, async, calculate, calculator and all that is Holy. If something does not like or does not fit - it asks the coder to change something, it is done in 5 minutes. Unlike the case with the designer when PereVesti with psd takes a lot of time

Back-Ender is generally a man that is either all TSMs key fumbles and is able to put any burping a front-end ready or developed by your engine. He also is the designer of the task - what is and what should be admita back-end - in the case application has been custom-designed engine.

You guys are talking about such nonsense. As if I have no idea what the coder. You need it - and need it as an alternative to crap with PSD-mediation. When you want with the bitmap of the layout to move the entire interface, proportionality, external resources in a web format. When you can take TK and immediately start to develop in the web format. - Louisa_Armstrong13 commented on July 8th 19 at 16:11
any pretender able to impose. He didn't need to ask the coder, to change something, he will do for 1 minute, without wasting time on exchanging information with extra link and the extra link that somewhere on vacation or even so or otherwise absent from the workplace.

Backender should not be able to plant any burping front-end. He even html/css/js do not have to know. It needs business logic to write, delving into the business processes of the area for which he writes, to think about algorithms, and all sorts of complicated things like threading and roll out the documentation for writing api.

The man who fumbles in all smskah and can pull them template is not backender. At all. No way. Exactly. It is something like a web master who "everywhere in almost anywhere". - Arely.Casper commented on July 8th 19 at 16:14
: who in your case must draw the design? consider the elements, counters, fonts, backgrounds, etc? The designer should no one design and the front has to translate this into the layout (template), i.e. to impose with all the consequences that sense that it will only do js in one js does not go far, but a simple html+css won't do the same tabs, slider, etc. - Arely.Casper commented on July 8th 19 at 16:17
Pretender - it's all the other skills. This JS application. - cassidy.Green commented on July 8th 19 at 16:20
: this coder does. well, what not to do css tabs and sliders - your deeply misleading. That way, from your previous comments I qweqwa soglsen. Front entery - have nothing to do with the layout - the creators of javascript applications. nodejs express angular - never heard about such fishechkami? - berneice.Abshi commented on July 8th 19 at 16:23
: do you know PHP? apparently not. here's a fact - without knowledge of html PHP is not to learn. Even though you are a hundred times burst! No html, no knowledge, no js or php to know will not work. Therefore, piher should be able to get the layout to sit on his platform, cut into the template html markup, replacing the fish with pieces of php code with links to the data from the database. This is called "preproduction", baby.

And as for the front-end developer, and I repeat again, as all previously. js apps and websites are two different things. Web sites can be embedded. js buns, such as chat. This is the most common example. And if we talk about the stack technologies front end. This is the javascript for General knowledge, knowledge of nodeJS + usage skills of different kinds of libraries like Angular, Express, BackBone, Require, React, Meteor, and other reagent and asynchronous. As for the layout of website pages - a front Ender before. It takes into account which apps you need to do on the site and expands its stack. He wanted to spit on the layout and everything connected with it. - Rachel_Considine commented on July 8th 19 at 16:26
: >>no, actually you need a web designer to replace for a web coder.
I think a creative person is difficult to teach techspecialist than techies to explore related area of activity. So let draws and creates. - Arely.Casper commented on July 8th 19 at 16:29
July 8th 19 at 16:10
Actually, I think a little incorrect to raise this question, this is not a Soviet state institution where God forbid you accidentally run someone else's work or revise for half an hour extra.

If the designer is adequate, it probably should be even more interesting to develop and expand its responsibility, the more it W not force the database to optimize, but just a little digging in the templates.

But here a stick about two ends, the employer must also be prepared to ensure that the coder will ask for more money for the hard work, and sometimes even a few months will say goodbye and go to write angular, because of the stupid layout it is no longer interested ;)

And then, as already wrote above, Russian employers love that, "Choteau sysadmin gets a lot and a little work, and let it we will have to wash the floor".

In summary, for me this is a "must-not have" smells rotten bureaucracy of some kind. There is a specific employee and the employer, the question I would put - would you do it for that kind of money. If the answer is "no", then either accept the existing order, or look for another expert.
And then, as already wrote above, Russian employers love that, "Choteau sysadmin gets a lot and a little work, and let it we will have to wash the floor".


This is a global feature.
If you're anycast you is "every geek". - Louisa_Armstrong13 commented on July 8th 19 at 16:13
Actually, I think a little incorrect to raise this question, this is not a Soviet state institution where God forbid you accidentally run someone else's work or revise for half an hour extra.


Do you remember how the company worked in the Soviet Union and do web development?

If you're at a Mature age (to be able to adequately assess the style of work in Soviet enterprises) worked in the Soviet Union, you're 60 years must not be less.

I found the Soviet style of work.
Depends on the company. Somewhere processed Mama do not cry - not worse than it is now. - Arely.Casper commented on July 8th 19 at 16:16
I also have experience with ancient capitalist countries. In many European countries even the grocery stores on the weekend does not work.
And stand at exactly five o'clock and go home is the norm in Europe and no one will blame you and will not require processing. Because the processing is paid at brutal rates, and the employer is not profitable. - Arely.Casper commented on July 8th 19 at 16:19
July 8th 19 at 16:12
What do you mean should? We do not have slavery.
It's a job. You want to do. Want - go away.

The border between coding and programming in templates is indeed very thin.
Easier to talk to the coder and the programmer - who is responsible for what undertake.

PS:
Let me guess: you work in the cheapest segment. Where is full of people who little know how.

When working with the normal qualified fullsteam (average price segment) or normal Pontedera (high price segment) - this question does not even happen - I will not know how, do not know how.
since when is the front entery - high price segment, and pulsetaker - medium? do not mistake?) - Louisa_Armstrong13 commented on July 8th 19 at 16:15
:
you are confusing "web designers who know a little jQuery" and frontenders that play on ReactJS/Angular microservice sites. - Arely.Casper commented on July 8th 19 at 16:18
July 8th 19 at 16:14
I agree with many comments that the coder is just a coder, but... the Objectives that you set - very easy to show the designer how it works and that's all! A couple of times to answer questions, if not understood the first time. I like the "coder" it's started already understand, I use zurb foundation, and it in addition now there is a panini (the templating engine) is just heaven, how it facilitates the work of the designer! No need to copy-paste these hateful header footer a hundred times, you don't need to score every time a bunch of data, which pollute the page and prevent to see the structure, they can simply be put in a separate file and distribute cycles Yes conditions. To facilitate the work themselves And programmers. And YES, the designer needs to know about loops, conditions and variables are all scss, if he doesn't use them Verstov "100500 html pages", then he's a bad coder.
July 8th 19 at 16:16
use any template engine, and make coder to learn it or at least edit the layout without breaking the logic of rending.
no, you know, jade know it's good. And then, too, and json data postnote easy. But don't you think that specifically in this situation, the question arises as to what the designer actually changed the layout when the designer began to code? - Louisa_Armstrong13 commented on July 8th 19 at 16:19
in any case, -1 the gesture. - Arely.Casper commented on July 8th 19 at 16:22
templates are very tightly linked to the software solution. if the site namely programmer, coder knowledge of the language template is not enough. - Arely.Casper commented on July 8th 19 at 16:25
: not always. Not only do we have the mvc architecture is. - cassidy.Green commented on July 8th 19 at 16:28
: "what a designer changed the layout at all" - the main boss-the customer woke up at 3am and wanted on the website was a pink elephant, for example) You are asking questions like 1 day in this business. - berneice.Abshi commented on July 8th 19 at 16:31
when the design is approved, it can navydumyvali anything similar alterations are made for the money, because spending time on the processing has already been done. - Rachel_Considine commented on July 8th 19 at 16:34
:
> not always. Not only do we have the mvc architecture is.

if architecture is non-standard, then it is even worse.
without the support of a programmer with backend anywhere. - Arely.Casper commented on July 8th 19 at 16:37
I saw once an architecture where all golega with the template in a separate layer and stupidly khtml templates and insert variables. That's because it is. - Arely.Casper commented on July 8th 19 at 16:40
:
I repeat:

without the support of a programmer with backend anywhere if only we are not talking about something standard. - Lulu_Zulauf71 commented on July 8th 19 at 16:43
July 8th 19 at 16:18
you split the responsibilities of one(maximum two) people on three.
The designer can be an individual, Yes, the specifics are.
But the frontend developer involved in coding and pulling on CMS\CMF\etc. Ideally, he does this directly in the template environment no laid out html\css layouts onli. 2016 in the yard.
And Beck end I understand you have none, or there are but you hold his shoulders still and templates, which it should not do. His task business logic(the data came from->processed->the result is given->then work Pontedera and then it will be these processed data to display).

Find more questions by tags Web DevelopmentLayout