最佳Ruby on Rails前端开发策略

Hey all you ruby on railers...

嘿，你们这些ruby on railers……

I'm just a newbie as of right now.. currently work on my first rails project at work.

我现在只是个新手。目前在我的第一个rails项目上工作。

I'm going to be taking some time on my own time to dig deeper and I was wondering what the best strategy is to go about front-end development of a rails app.

我将在我自己的时间里花一些时间来深入挖掘，我想知道关于rails应用的前端开发的最佳策略是什么。

is it better/easier to have a workflow like the following

有如下这样的工作流更好/更容易吗

1. Concept / Idea
2. Wireframe, Mockup
3. *** Design front-end of the app
4. Rails development
5. template all the views

or is it better to do it flipped?

还是说翻转更好?

1. Concept / Idea
2. Wireframe, Mockup
3. Rails development
4. Template all the views
5. *** Design front-end of the app

Maybe neither of these?

也许这两个?

How do you go about your ruby on rails workflow. I'm a complete mashup of developer / designer

如何处理ruby on rails的工作流?我是开发者/设计师的完美结合。

But most of my inspiration comes from having an idea, then designing designing it, then doing all the front-end

但我的灵感大多来自于有一个想法，然后设计它，然后做所有的前端。

What are some thoughts ideas for better rails workflows when you know exactly what you want the front-end of the site to look like.

当您确切地知道您希望站点的前端是什么样子的时候，有什么更好的rails工作流的想法吗?

1 个解决方案

#1

This can work either way. Different companies -- or even different projects in the same company -- can reach success with different approaches.

这两种方法都可以。不同的公司，甚至是同一个公司的不同项目，都可以通过不同的方式获得成功。

That being said, I have a pretty strong preference for the following approach:

也就是说，我非常喜欢以下方法:

Concept / Idea
概念/观念
Wireframe, Mockup
线框模型,
Design front-end of the app
设计前端应用
Template all the views
模板的所有视图
Rails Development
Rails开发

Basically, I usually describe it this way:

基本上，我通常这样描述:

First, do the design to the point of having mockups and images laid out by a designer.
首先，设计时要让模型和图像由设计师绘制出来。
Have a UI specialist convert that to HTML/CSS (or HAML/SASS or whatever)
让UI专家把它转换成HTML/CSS(或HAML/SASS或其他)
Do the rails implementation behind the html.
在html后面执行rails实现。

These steps will normally overlap -- and that's OK. You should start some basic development prior to getting everything eles final. But the more you have the design done ahead of time the better.

这些步骤通常都是重叠的。你应该开始一些基本的开发工作，然后才能把所有的东西最终决定下来。但是你提前完成的设计越多越好。

Note that this approach doesn't mean design the entire site in detail before anything else is done. It means that once you've decided to do some coding, do the design for that bit first. You'll want to implement things in small chunks and iterate as you do the development. Implement things in small chunks, but try to get the design for those pieces done before you start coding.

请注意，这种方法并不意味着在做任何其他事情之前就对整个站点进行详细的设计。这意味着，一旦您决定要进行一些编码工作，那么首先要对这一点进行设计。您将希望在小块中实现这些内容，并在进行开发时进行迭代。用小块来实现，但是在开始编码之前，试着去完成那些部分的设计。

#1