建站
咨詢
售后
建站咨詢
新聞中心
不想從事web前端開發(fā)了？
我現(xiàn)在也有這樣的感覺，不同之處是，我是業(yè)余愛好者，之前做了一個(gè)webform網(wǎng)站，感覺真的厲害，后來一直想在java和.net core上面在繼續(xù)下去，但是一片空白，感覺自己走向了一條不歸路。無窮無盡的知識要學(xué)習(xí)，但是也沒有成就感。也沒實(shí)現(xiàn)什么功能。好像學(xué)習(xí)編程并不是為了實(shí)現(xiàn)功能，只是為了看別人做出來的技術(shù)是什么。一直在看那些別人做的東西多么。發(fā)明了什么框架，發(fā)明了什么方法，發(fā)明了什么名詞。什么概念。人生的意義就是為了看別人做的東西嗎？
現(xiàn)在程序員進(jìn)入小公司前端？
HTML5+css+JavaScript
這三個(gè)是前端開發(fā)中最基本也是最必須的三個(gè)技能。前端的開發(fā)中，在頁面的布局時(shí)， HTML將元素進(jìn)行定義，CSS對展示的元素進(jìn)行定位，再通過JavaScript實(shí)現(xiàn)相應(yīng)的效果和交互。雖然表面看起來很簡單，但這里面需要掌握的東西絕對不會(huì)少。在進(jìn)行開發(fā)前，需要對這些概念弄清楚、弄明白，這樣在開發(fā)的過程中才會(huì)得心應(yīng)手。
近幾年來，許多企業(yè)招聘全棧工程師，就是前端和后臺(tái)都要掌握的程序員，Web前端也遠(yuǎn)遠(yuǎn)不是從前的切個(gè)圖用個(gè)jQuery上個(gè)AJAX兼容各種瀏覽器那么簡單了。現(xiàn)代的Web前端，你需要用到模塊化開發(fā)、多屏兼容、MVC，各種復(fù)雜的交互與優(yōu)化，甚至你需要用到Node.js來協(xié)助前端的開發(fā)。因?yàn)閚ode.js也可以像php，Java一樣作為服務(wù)器，就是一種非常適合前端學(xué)的配置服務(wù)器工具。
另外，學(xué)習(xí)一些框架，也可以讓你上手和快速開發(fā)，如jQuery和bootstrap等。
前端工程師的發(fā)展路線？
前端工程師發(fā)展路線和自身能力增長息息相關(guān)第一年，水平不行，寫個(gè)業(yè)務(wù)磕磕絆絆。經(jīng)常被領(lǐng)導(dǎo)批評，業(yè)務(wù)能力沒跟上。這個(gè)時(shí)候，你需要專注的是，把HTML，JavaScript，CSS3的基礎(chǔ)知識打扎實(shí)，剛開始一般公司不會(huì)分配核心業(yè)務(wù)交給你開發(fā)。但是活不分輕重，你扎扎實(shí)實(shí)做好手頭上的東西，掌握好基礎(chǔ)。很多剛畢業(yè)的學(xué)生，急于求成，特別浮躁。特別容易受打擊，舉個(gè)案例，我?guī)У囊粋€(gè)后輩，比較聰明。但是至尊心比較強(qiáng)，一次想我討教問題，我大概說了核心點(diǎn)，告訴他再仔細(xì)琢磨琢磨。其實(shí)想讓他加深對這個(gè)問題的印象，因?yàn)樽宰鹦谋容^強(qiáng)，結(jié)果就鬧上情緒了。其實(shí)可以理解，心里急于求成，但又解決不了問題。做技術(shù)就是要不斷去填坑。因此第一年發(fā)展路線就是踏踏實(shí)實(shí)的干。
第二年， 業(yè)務(wù)水平和技術(shù)水平上去了。這時(shí)候不能再局限于簡單寫寫業(yè)務(wù)，你主動(dòng)提出承擔(dān)更大的任務(wù)。因?yàn)槟愕谝荒甑谋憩F(xiàn)，大家都看在眼里。因此只要你主動(dòng)點(diǎn)，開始接觸Angular，React， Vue去做業(yè)務(wù)系統(tǒng)。這時(shí)候，對你技術(shù)的要求更高了，如何抽象化業(yè)務(wù)組件，如何減少打包后js體積，如何加快首屏加載時(shí)間，如何搭建開發(fā)工具鏈讓組員更好更快的開發(fā)，如何讓組員技術(shù)水平能夠盡可能保持持平，如何對新來的同事進(jìn)行培訓(xùn)。第二年，不僅僅是技術(shù)以及綜合能力的發(fā)展。
第三年， 你的眼光不能只著眼于前端而是大前端，甚至后端。如果你公司業(yè)務(wù)發(fā)展好，你表現(xiàn)出色。那么你爭取可以成為，前端組組長。管理的人可能幾十個(gè)，人多了，最大問題是如何保住人才不被流失。有人聰明，上手快。很快他覺得厭煩，覺得在這學(xué)不到東西。這些同學(xué)你就鞭策一下他，讓他有緊迫感。或者讓他去研究新的技術(shù)。有些同學(xué)自尊心強(qiáng)不愛溝通，因此你要經(jīng)常性的去溝通。免得人家一聲不吭就走了。
第四年，如果你一直保持進(jìn)去，己經(jīng)達(dá)到架構(gòu)師的層面了。你了解的東西不應(yīng)只停留在前端，后端，運(yùn)維，乃至整個(gè)產(chǎn)品設(shè)計(jì)?；蛘哒f自己出去創(chuàng)業(yè)。
前端技術(shù)日新月異，唯有不斷學(xué)習(xí)，才是發(fā)展的驅(qū)動(dòng)力。請關(guān)注頭條號“謝大炮的技術(shù)烹飪手冊”點(diǎn)頭像關(guān)注哦。我還會(huì)回答更多問題的，一定要關(guān)注這個(gè)學(xué)習(xí)機(jī)會(huì)。
web前端主要是用來做什么的？
前端開發(fā)是創(chuàng)建Web頁面或app等前端界面呈現(xiàn)給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術(shù)、框架、解決方案，來實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互 [1] 。它從網(wǎng)頁制作演變而來，名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁制作是Web1.0時(shí)代的產(chǎn)物，早期網(wǎng)站主要內(nèi)容都是靜態(tài)，以圖片和文字為主，用戶使用網(wǎng)站的行為也以瀏覽為主。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和HTML5、CSS3的應(yīng)用，現(xiàn)代網(wǎng)頁更加美觀，交互效果顯著，功能更加強(qiáng)大。 移動(dòng)互聯(lián)網(wǎng)帶來了大量高性能的移動(dòng)終端設(shè)備以及快速的無線網(wǎng)絡(luò)，HTML5，
node.jS
的廣泛應(yīng)用，各類框架類庫層出不窮。 核心技術(shù)編輯HTML語言掌握HTML是網(wǎng)頁的核心，是一種制作萬維網(wǎng)頁面的標(biāo)準(zhǔn)語言，是萬維網(wǎng)瀏覽器使用的一種語言，它消除了不同計(jì)算機(jī)之間信息交流的障礙。因此，它是網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言，學(xué)好HTML是成為Web開發(fā)人員的基本條件。HTML是一種標(biāo)記語言，能夠?qū)崿F(xiàn)Web頁面并在瀏覽器中顯示。HTML5作為HTML的最新版本，引入了多項(xiàng)新技術(shù)，大大增強(qiáng)了對于應(yīng)用的支持能力，使得Web技術(shù)不再局限于呈現(xiàn)網(wǎng)頁內(nèi)容。隨著CSS、JavaScript、Flash等技術(shù)的發(fā)展，Web對于應(yīng)用的處理能力逐漸增強(qiáng)，用戶瀏覽網(wǎng)頁的體驗(yàn)已經(jīng)有了較大的改善。不過HTML5中的幾項(xiàng)新技術(shù)實(shí)現(xiàn)了質(zhì)的突破，使得Web技術(shù)首次被認(rèn)為能夠接近于本地原生應(yīng)用技術(shù)，開發(fā)Web應(yīng)用真正成為開發(fā)者的一個(gè)選擇。HTML5可以使開發(fā)者的工作大大簡化，理論上單次開發(fā)就可以在不同平臺(tái)借助瀏覽器運(yùn)行，降低開發(fā)的成本，這也是產(chǎn)業(yè)界普遍認(rèn)為HTML5技術(shù)的主要優(yōu)點(diǎn)之一。AppMobi、摩托羅拉、Sencha、Appcelerator等公司均已推出了較為成熟的開發(fā)工具，支持HTML5應(yīng)用的發(fā)展。 [3] CSS學(xué)好CSS是網(wǎng)頁外觀的重要一點(diǎn)，CSS可以幫助把網(wǎng)頁外觀做得更加美觀。JavaScript學(xué)習(xí)JavaScript的基本語法，以及如何使用JavaScript編程將會(huì)提高開發(fā)人員的個(gè)人技能。操作系統(tǒng)了解Unix和Linux的基本知識，對于開發(fā)人員有益無害。網(wǎng)絡(luò)服務(wù)器了解Web服務(wù)器，包括對Apache的基本配置，htaccess配置技巧的掌握等。 優(yōu)化編輯盡量減少HTTP請求 (Make Fewer HTTP Requests)減少DNS 查找 (Reduce DNS Lookups)避免重定向 (Avoid Redirects)使得 Ajax 可緩存 (Make Ajax Cacheable)延遲載入組件 (Post-load Components)預(yù)載入組件 (Preload Components)減少DOM元素?cái)?shù)量 (Reduce the Number of DOM Elements)切分組件到多個(gè)域 (Split Components Across Domains)最小化iframe的數(shù)量 (Minimize the Number of iframes)杜絕 http (No 404s)以上10條涵蓋了Web前端開發(fā)中遇到的各種頁面處理技術(shù)，讓前端開發(fā)人員能夠準(zhǔn)確和快速地把握整個(gè)網(wǎng)頁的架構(gòu)，從而達(dá)到減少開發(fā)成本和頁面美化目的。前端框架編輯學(xué)好Web框架熟悉掌握HTML、服務(wù)器端腳本語言、CSS和JavaScript之后，學(xué)習(xí)Web框架可以加快Web開發(fā)速度，節(jié)約時(shí)間。PHP程序員可選的框架包括CakePHP、CodeIgniter、Zend等，Python程序員喜歡使用Django和 webpy，Ruby程序員常用RoR。隨著Web 越來越規(guī)范和標(biāo)準(zhǔn)的統(tǒng)一，Web組件化技術(shù)不斷革新，移動(dòng)端開發(fā)不斷升華，以下是一些常見開源前端框架：Bootstrap主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它簡潔靈活，使得 Web 開發(fā)更加快捷。html5-boilerplate該框架可以快速構(gòu)建健壯，且適應(yīng)力強(qiáng)的web app或網(wǎng)站。MeteorMeteor是新一代的開發(fā)即時(shí)web應(yīng)用的開源框架，它能在較短時(shí)間內(nèi)完成開發(fā)。Semantic UI基于自然語言有效原則的UI組件框架Foundation優(yōu)秀的響應(yīng)式前端框架Materialize基于材料設(shè)計(jì)的現(xiàn)代化響應(yīng)式前端框架。可提供默認(rèn)的樣式，自定義組件。此外，Materialize還改進(jìn)動(dòng)畫和過渡，為開發(fā)人員提供流暢的體驗(yàn)。Pure幾乎可以在每一個(gè)web項(xiàng)目中使用的一組小的和響應(yīng)式的CSS模塊。VueVue.js 是用于構(gòu)建交互式的 Web 界面的庫。它提供了 MVVM 數(shù)據(jù)綁定和一個(gè)可組合的組件系統(tǒng)，具有簡單、靈活的 API。SkeletonSkeleton 是一個(gè)小的 JS 和 CSS 文件的集合,可快速開發(fā)漂亮的網(wǎng)站,適合各種屏幕設(shè)備包括手機(jī)。Skeleton 基于 960 grid 開發(fā)。它是一個(gè) UI 框架。Amaze UI國內(nèi)首個(gè)開源HTML5跨屏前端框架產(chǎn)品系列，中文排版支持更優(yōu)、本土化組件豐富。該產(chǎn)品系列中有專門針對移動(dòng)端的HTML5混合應(yīng)用開發(fā)框架Amaze UI Touch以及針對跨屏HTML5網(wǎng)頁開發(fā)的Amaze UI Web。其中，Amaze UI Touch可以幫助開發(fā)者通過豐富的組件，快速構(gòu)建出與原生APP相媲美的專屬移動(dòng)端的HTML5應(yīng)用。UIkit一個(gè)輕量級的和模塊化的前端框架,用于快速開發(fā)和功能強(qiáng)大的web接口。YuiYahoo! UI Library (YUI) 是一個(gè)開放源代碼的 JavaScript 函數(shù)庫，為了能建立一個(gè)高互動(dòng)的網(wǎng)頁，它采用了AJAX, DHTML 和 DOM 等程式碼技術(shù)。它也包含了許多 CSS 資源。使用授權(quán)為 BSD許可證。kissy一款跨終端、模塊化、高性能、使用簡單的 JavaScript 框架。MUI最接近原生App體驗(yàn)的前端框架的框架。Arale一個(gè)開放、簡單、易用的前端基礎(chǔ)類庫。JXJX 是模塊化的非侵入式Web前端框架，特別適合構(gòu)建和組織大規(guī)模、工業(yè)級的Web App。GMUGMU是基于zepto的mobile UI組件庫，提供webapp、pad端簡單易用的UI組件! Web App。ZUI開源HTML5前端框架Clouda Touch.jsTouch.js是移動(dòng)設(shè)備上的手勢識別與事件庫,也是在百度內(nèi)部廣泛使用的開發(fā)。 [4]至于學(xué)習(xí)難度，不是很難，只要學(xué)肯定是能學(xué)會(huì)的??！現(xiàn)在網(wǎng)絡(luò)很發(fā)達(dá)，網(wǎng)上有許多學(xué)習(xí)前端的網(wǎng)站像w3c ... 加油?。?！
新聞標(biāo)題：不想從事web前端開發(fā)了？（現(xiàn)在程序員進(jìn)入小公司前端？）
網(wǎng)站地址：http://www.fisionsoft.com.cn/article/dpoohgi.html
