前端工程目錄
1. 前端項目怎麼做
被動: 由項目需求、特點決定,如視覺交互或前後端技術架構的特殊性導致你要去思考解決方案,進而積累經驗,這個機會是可遇不可求的。
主動:學習現在熱門的技術,ES6(babel) 、Commonjs(browserify)、React、同構Webapp開發等等. 確定它們的潛在風險和適用場景後 應用到你的產品開發中。 這個機會是人人都可爭取的。
經常會遇到工程師抱怨需求簡單,沒有新意, 跳槽都沒東西說, 年年升級答辯都是一團漿糊,這些都是客觀因素。
我相信後台管理系統是無論什麼產品都會涉及到的,交互UI的靈活性也可控。 在這里把玩新技術,其實沒有任何成本可言。
現實中,10年工作經驗,1年項目經驗的人大有人在, 這其實和人的個人危機感很有關系, 就個人而言:
2. web前端開發項目過程
老闆或甲方是一個需求的真正發起者,也是一個基礎idea的夢想師,產品是需求專業化梳理或進行有效評估細化需求負責的,
而設計是前端的上游,前端是設計的下游。設計的工作目的是把產品宏觀的思維結果進行專業的處理,因為按一般的習慣,產品最終的結果是原型圖,而原型圖可以理解為設計的草圖,
對真正的用戶來說,這個草圖過於簡單或不符合使用的操作習慣,所以需要設計師進行專業的處理,比如顏色搭配,布局分隔,有時候還兼交互的一部分工作,設置用戶與頁面發生交互的預訂流程,
那有人問,不需要設計不行嗎?直接讓前端寫頁面不就得了,還需要麻煩設計師來做個圖出來。
因為這里邊有一個成本風險控制的一個理念,因為在前期,尤其是設計,主觀感受大於理性的思考,所以每天的結果都不一樣,所以需要設計師去消化掉這部分主觀感受帶來的誤區,
而且從成本上來講,有些場景設計師改圖比改代碼要容易控制一些。
設計師的結果是psd文件,他是很多個圖層疊加在一起的結果,而前端的工作結果html頁面,是把很多圖層上的效果,有機的用html組織起來的過程。
前端是把轉化後html交給下游服務端開發工程師,或叫後台開發,這個html里邊包括一些交互的js文件等。總的來說前端是一個承前啟後的崗位。
也有的公司把前端的責任放大,負責整個前台view層頁面的開發,這樣的好與壞在前面的文章中已經探討過就不一一細表了。
我們以前基本的流程是,領導或甲方提出需求,然後產品分析需求,並且根據需求畫出原型圖,然後根據原型圖出設計稿。
出完設計稿團隊評審,過後交與前端製作靜態頁面,然後靜態頁面,交與設計審核,過後交給開發人員,進行動態數據的添加。
添加完之後,發布測試環境,產品測試領導審核,成功後,直接發布產品環境。或進行版本迭代。
這是整個的一個設計,開發,部署的流程。
根據前面的,在補充一下,前面的所有流程中的靈魂是原始需求提出者,但人隨著客觀條件的變化,思維認識會有所不一致,
所以產生了文檔,文檔是貫穿整個流程的一個靈魂。
而產品是整個流程中文檔的編寫者,因為產品最能接觸最原始的需求,對需求的理解更深刻或專業,所以他會有一個文檔出來。
這個文檔是需要交付給設計,讓設計在設計過程中進行參考。
前端看的另外一個文檔。交互設計師出交互文檔,一般的公司沒有交互設計師那就是由產品來出的交互文檔。
有的交互不過於復雜,就沒有文檔,只是郵件。
有時候說,不要這個郵件行不行,那怕是最簡單的原始東西,沒有文件或郵件是不能做一個後期測試回溯的依據。
產品文檔表示頁面的流轉或數據的走向,交互文檔描述頁面復雜的交互或各個用戶表單與用戶發生的各種互動。
另外2個是,要架構師或項目經理出的需求文檔,需求文檔是對整個項目的歷史背景,系統開發軟硬體要求,或版本信息,等等。
另外一個是由服務端工程師提供的介面文檔,這里邊包括一些請求類型,傳參的數目與鍵名,還有服務端返回的參數名約定等等的,這些文檔是開發中的靈魂,也是以後測試回溯的標准或依據。
3. 求一個完整的前端項目
電商一體化
4. 一個完整的web前端項目除了有主頁,詳情頁,登錄還有什麼
注冊,模板頁,內容頁
5. web前端項目的結構是怎樣的
你指的是文件夾結構嗎?
通常包含index.html文件,以及cn/html文件夾專(用戶存儲html文件)、屬CSS文件夾、images文件夾、js文件夾
前面這些都是上線時要有的,如果是自己的項目,還可以增加imageStudio等文件夾用於存儲PSD等設計圖、相關文檔等
6. 怎麼將web前端程序配置成獨立網站或虛擬目錄,埠號在哪裡查看謝謝
你是用Tomcat發布嗎,是的話看下面
/bin.啟用,停止
/conf
配置文件
/work
servlet
/webapps
web
發布項目
/temp臨時文件
/logs
日誌文件
/lib
jar文件
埠號修改和查看是在,/conf
配置文件下的servlet.xml文件,用編輯器打卡,按ctrl+f快速查找『8080』即可找到(默認的埠號);
7. web前端工程師入門需要學什麼
X學習內容:
1.靜態網頁設計(送) :DW、FW、PS、AI實現製作出精美的靜態頁面設計;
2.HTML5+CSS3:熟練掌握各種 HTML 標簽,能夠手動快速完成各種頁面的編寫;
完成各種頁面樣式的定義和編寫,保證瀏覽器兼容性,實戰項目及階段考核;
3.頁面切圖實戰:利用H5來實現企業類網站、商城類網站頁面的設計和切圖實戰
4. JavaScript交互:核心語法、BOM與DOM操作、事件編程、正則表達式、面向對象編程、錯誤處理、Ajax技術、JQuery、JQuery、Bootstrap、ECMAScript6、項目實戰
5.移動端開發:H5高級功能、CSS3動畫詳解、webAPP開發、微信公眾號開發、微信小程序開發、Vue.js實戰運用等
6.高級框架與後台交互:Angular.js、React.js、PHP入門、DedeCMS等綜合應用
8. Web前端項目開發
常用的web前端開發工具web前端開發工具有哪些: 1、Bootstrap Bootstrap 是快速開發 Web 應用程序的前端工具包。它是一個 CSS 和HTML 的集合,它使用了最新的瀏覽器技術,給你的 Web 開發提供了時尚的版式,表單,buttons,表格,網格系統等等。 2、Foundation Foundation 是一個易用、強大而且靈活的框架,用於構建基於任何設備上的 Web 應用。提供多種 Web 上的 UI 組件,如表單、按鈕、Tabs 等。 3、Cloud9 IDE Cloud9 IDE 是一個基於 Node.JS 構建的 JavaScript 程序開發 Web IDE。它擁有一個非常快的文本編輯器,支持為 JS,HTML,CSS 和這幾種的混合代碼進行著色顯示。Cloud9 IDE 還為 node.js 和 Google Chrome 集成調試器,可以在IDE 中啟動、暫停和停止。 4、Notepad++ Notepad++ 是一款非常有特色的編輯器,是開源軟
9. 怎麼在網上找前端項目
在github 或 碼雲 里找