［專注處理這塊的圖形化編程大公司少了，不迭代了］看到題目好懷念，尤其看別的回答提到frontpage,dreamweaver。以前流程都是美工photoshop作圖。然后前端的切圖，dreamweaver設計頁面，然后跟java代碼整合，增刪改查，跟數據庫綁定。現在不這樣了？

圖形化編程逐漸被淘汰，應該是微軟等等這體量的公司，注意力不在這里，不迭代了。看到其他高手的回答，說性能不好，還是因為不迭代，不優化了。

代碼生成器，熟練了可以自己寫點簡單的代碼生成器，哪些復制黏貼，碼農最苦哈哈的部分，還是可以用代碼生成器來提高效率的。

從入門到前端架構師，一般需要5年左右。 系統架構師是一個既需要掌控整體又需要洞悉局部瓶頸并依據具體的業務場景給出解決方案的人。 確認和評估系統需求，給出開發規范，搭建系統實現的核心構架，并澄清技術細節、掃清主要難點的技術人員。主要著眼于系統的“技術實現”。因此他/她應該是特定的開發平臺、語言、工具的大師，對常見應用場景能馬上給出最恰當的解決方案，同時要對所屬的開發團隊有足夠的了解，能夠評估自己的團隊實現特定的功能需求需要的代價。 系統架構師負責設計系統整體架構，從需求到設計的每個細節都要考慮到，把握整個項目，使設計的項目盡量效率高，開發容易，維護方便，升級簡單等。 架構師的主要任務不是從事具體的軟件程序的編寫，而是從事更高層次的開發構架工作。他必須對開發技術非常了解，并且需要有良好的組織管理能力。可以這樣說，一個架構師工作的好壞決定了整個軟件開發項目的成敗。

一個 前端開發框架其實就是一系列產品化的HTML/CSS/JavaScript組件的集合，我們可以在設計中使用它們。前端開發框架有很多，其中有一些寫得很棒。為了大家的使用便利，下文列舉了目前最強大應用最廣泛的幾款前端開發框架。記住，這些框架并不僅僅是CSS 柵格之類的一些東西，它們包括的是整套的前端開發框架。

Bootstrap

Boostrap絕對是目前最流行用得最廣泛的一款框架。它是一套優美，直觀并且給力的web設計工具包，可以用來開發跨瀏覽器兼容并且美觀大氣的頁面。它提供了很多流行的樣式簡潔的UI組件，柵格系統以及一些常用的JavaScript插件。

Bootstrap是用動態語言LESS寫的，主要包括四部分的內容：

腳手架——全局樣式，響應式的12列柵格布局系統。記住Bootstrap在默認情況下并不包括響應式布局的功能。因此，如果你的設計需要實現響應式布局，那么你需要手動開啟這項功能。

基礎CSS——包括基礎的HTML頁面要素，比如表格(table)，表單(form)，按鈕(button)，以及圖片(image)，基礎CSS為這些要素提供了優雅，一致的多種樣式。

組件——收集了大量可以重用的組件，如下拉菜單（dropdowns），按鈕組（button groups），導航面板（navigation control）——包括：tabs,pills,lists標簽，面包屑導航（breadcrumbs）以及頁碼（pagination），縮略圖(thumbnails)，進度條（progress bars），媒體對象（media objects）等等。