網頁


Web前端,主要是用來開發用戶通過瀏覽器可以瀏覽和使用的Web頁面的。一般而言,所涉及的內容主要包括W3C中的HTML、CSS和Java這三方面的內容。

但是隨著前端的發展,前端開發所涉及到的內容肯定不僅限於這三方面。分析這三個層面內容的本質可以看到,這三個層面分別涉及Web頁面的結構、Web的外觀視覺表現以及Web層面的交互實現,

有什麼不懂得地方也可以去看看晴姐之前寫過的一篇機構評測,是關於國內各大知名機構優缺點的講解以及一些培訓套路!

晴姐說IT - 十大IT培訓機構深度測評,萌新必讀?

www.qjsit.com圖標發佈於 02-01繼續瀏覽內容知乎發現更大的世界打開Chrome繼續Lemon學姐Lemon學姐

醜話說在前面,做前端不容易,開始前想清楚,進來後別後悔

一. web前端的定義?

  1. WEB(World WideWeb) 即全球廣域網,也稱萬維網,它是一種基於超文本和HTTP的、全球性的、動態交互的、跨平臺的分散式圖形信息系統。通俗點說,WEB就是互聯網

2. 前端則是用戶瀏覽網站的前臺部分,即肉眼所能看見的頁面。前端是運行在PC端,移動端等瀏覽器上展現給用戶瀏覽的網頁

二. 什麼樣的人適合從事web前端?

1.喜歡編程的人,興趣是最好的老師,喜歡代碼,在這條路上將是有成就感的,並且能走很遠。

2.樂於創建優秀的web界面、對用戶體驗有很強烈追求的人,這類人適合做前端,如果樂於研究實現過程,業務邏輯則適合後端。

3.前端的代碼不會像後端有那麼多規範,如果本身對代碼有一定的規範意識,更適合做前端。

三. web前端都要學習什麼?

1.HTML,是一種標識性的超文本標記語言。HTML5是Web中的核心語言HTML的規範。

2.CSS,是層疊樣式表,它主要是對HTML標記的內容進行更加豐富的裝飾,並將網頁表現樣式與網頁結構分離的一種樣式設計語言

3.JavaScript,是一種屬於網路的腳本語言,已經廣泛用於Web開發,用來給網頁添加各式各樣的動態功能,給用戶提供更流暢美觀的瀏覽效果。

4.vue、react框架,React與Vue都鼓勵組件化應用,將應用分拆成一個個功能明確的模塊,每個模塊之間可以通過合適的方式互相聯繫。

5.node,是一個可以讓JavaScript運行在伺服器端的平臺。使用它可以輕鬆地進行伺服器端應用開發。國外有一篇介紹寫得非常好:原文地址:Node.js is the New Black

6.小程序,目前正處於小程序開發的紅利期,學好小程序會更有助於就業。

四. web前端學完能做什麼?

1.網頁製作,負責頁面的設計與製作。

2.前端工程師,專門負責製作前端頁面,負責web頁面的製作。

3.資深前端開發工程師,需要掌握的技能更多更全面,包含,小程序、app等等。

4.前端架構師,一般也要工作5年起才能達到這個位置,這裡不過多描述了。

五.web前端待遇怎麼樣?

web前端跟隨互聯網、5G的發展,需求量大增加,優秀的工程師更是緊缺,工資也水漲船高,一線二線的城市都是1w+,這也吸引來很多人來從事前端。


我是學姐,一個正在創業的前端工程師,如果你同樣迷茫不知道前端該如何學習,可以加入我的自學團,會有知識分享,匹配學習夥伴,還可以參加我組織的上線項目及活動。

看過留個讚唄~


醜話說在前面,做前端不容易,開始前想清楚,進來後別後悔

一. web前端的定義?

  1. WEB(World WideWeb) 即全球廣域網,也稱萬維網,它是一種基於超文本和HTTP的、全球性的、動態交互的、跨平臺的分散式圖形信息系統。通俗點說,WEB就是互聯網

2. 前端則是用戶瀏覽網站的前臺部分,即肉眼所能看見的頁面。前端是運行在PC端,移動端等瀏覽器上展現給用戶瀏覽的網頁

二. 什麼樣的人適合從事web前端?

1.喜歡編程的人,興趣是最好的老師,喜歡代碼,在這條路上將是有成就感的,並且能走很遠。

2.樂於創建優秀的web界面、對用戶體驗有很強烈追求的人,這類人適合做前端,如果樂於研究實現過程,業務邏輯則適合後端。

3.前端的代碼不會像後端有那麼多規範,如果本身對代碼有一定的規範意識,更適合做前端。

三. web前端都要學習什麼?

1.HTML,是一種標識性的超文本標記語言。HTML5是Web中的核心語言HTML的規範。

2.CSS,是層疊樣式表,它主要是對HTML標記的內容進行更加豐富的裝飾,並將網頁表現樣式與網頁結構分離的一種樣式設計語言

3.JavaScript,是一種屬於網路的腳本語言,已經廣泛用於Web開發,用來給網頁添加各式各樣的動態功能,給用戶提供更流暢美觀的瀏覽效果。

4.vue、react框架,React與Vue都鼓勵組件化應用,將應用分拆成一個個功能明確的模塊,每個模塊之間可以通過合適的方式互相聯繫。

5.node,是一個可以讓JavaScript運行在伺服器端的平臺。使用它可以輕鬆地進行伺服器端應用開發。國外有一篇介紹寫得非常好:原文地址:Node.js is the New Black

6.小程序,目前正處於小程序開發的紅利期,學好小程序會更有助於就業。

四. web前端學完能做什麼?

1.網頁製作,負責頁面的設計與製作。

2.前端工程師,專門負責製作前端頁面,負責web頁面的製作。

3.資深前端開發工程師,需要掌握的技能更多更全面,包含,小程序、app等等。

4.前端架構師,一般也要工作5年起才能達到這個位置,這裡不過多描述了。

五.web前端待遇怎麼樣?

web前端跟隨互聯網、5G的發展,需求量大增加,優秀的工程師更是緊缺,工資也水漲船高,一線二線的城市都是1w+,這也吸引來很多人來從事前端。


我是學姐,一個正在創業的前端工程師,如果你同樣迷茫不知道前端該如何學習,可以加入我的自學團,會有知識分享,匹配學習夥伴,還可以參加我組織的上線項目及活動。

看過留個讚唄~


謝邀

前端工程師是 互聯網時代軟體產品研發中不可缺少的一種專業研發角色。

從狹義上講,前端工程師使用 HTML、CSS、JavaScript 等專業技能和工具將產品UI設計稿實現成網站產品,涵蓋用戶PC端、移動端網頁,處理視覺和交互問題。

從廣義上來講,所有用戶終端產品與視覺和交互有關的 部分,都是前端工程師的專業領域。

2005年的時候大多數網頁長這樣:

現在的網頁一般是這樣的:

前端工程師的發展之路和前景是怎麼樣的?

前端是一個相對比較新的行業,互聯網發展早期(1995年~2005年)是沒有專業的前端工程師的。隨著互聯網的發展,大約從2005年開始,正式 的前端工程師角色被行業認可,到了2010年,互聯網開始全面進入移動時代,前端工程師的地位越來越重要,前端領域的技術發展也越來越快,各種新的思想、 設計模式、工具和平臺都快速發展,對前端工程師的技能要求也越來越高。

有一些數據可以說明前端行業的發展迅速。

在2010年之後最流行的新編程語言中有相當部分和前端有關,比如 Dart、Clojure、CoffeeScript 和 TypeScript。

作為前端最重要的編程語言 JavaScript,在最近幾年裡不論是代碼量還是關注數都穩居 Github 平臺熱門編程語言榜。

行業對前端需求量持續增加,前端程序員薪水在行業裡面處於較領先的位置。

近年來最流行的編程語言很多都是JavaScript替代語言

JavaScript在最熱編程語言 TOP10

近幾年互聯網公司前端團隊每年擴張一倍

JavaScript工程師平均薪水排名在程序語言工程師收入前10

前端工程師需要什麼樣的知識和技能?

有人說前端工程師的技術棧是這樣的:

還有人說是這樣的:

實際上前端工程師最核心的技能還是:

在一個典型的互聯網公司的產品研發流程中,前端工程師和其他角色的關係大致上是這樣的:

前端是最接近產品和設計的工程師,起到銜接產品和技術的作用,前端為用戶可以看到的部分負責,所以也是最接近用戶的工程師。

在多終端的時代,如果一個產品同時支持PC、移動端,前端工程師還需要和更多的角色打交道:

JavaScript 對於前端是最重要的技能,所以優秀的前端工程師要有紮實的JavaScript基本功。而JavaScript這門編程語言也是目前程序設計領域炙手可熱的寵兒,如今的它不僅僅只是用來開發Web,還可以用在各個方面。

JavaScript 可以用在「樹莓派」這類智能硬體晶元開發

前端工程師也是軟體工程師,所以軟體工程師的基礎知識也是非常重要的,這些基礎知識包括:

數學

計算機體系操作系統數據結構和演算法編譯原理

HTML和CSS也是前端工程師非常重要的基本功,很多同學,尤其是喜歡寫代碼的同學容易忽視 Markup Language,實際上 ML 也是 UI 相關的領域裡面很重要的內容,不應該被忽視。

有同學問說:「前端工作需求很多,老是改來改去,實際的技術點並沒有多少,產品決定業務邏輯,從事底層基礎服務會不會更有挑戰和職業未來?」

的確,越貼近業務和產品層面上的工作,需求差異性越大,可能改動越頻繁。不僅僅是前端改來改去,PHP服務端做業務的同學也面臨這樣的問題,業務邏輯改來改去。越底層通用性越強,改動相對較少。

不過事情都是有兩面性的,首先可以這麼想想,是底層基礎服務的市場大還是互聯網業務和產品的市場大。其次,基礎服務的通用性很容易達成,而產品層面 上如何通用化,如何在業務驅動的產品研發中利用工程化和工具化提升開發效率,這其實是一個很難的問題。豐富的互聯網產品已改變和正在改變著我們的生活,然 而作為產品的創造者,工程師們怎樣讓自己過得更好,這個領域值得研究。

另外,不要覺得實際的技術點沒有多少,舉幾個例子:實現曲線和曲面動畫,計算地圖的最短路徑,讓png靜態圖片類似於gif圖一樣做局部的運動,抽獎遊戲,物理效果的HTML5遊戲,3D圖表,增強現實的WebGL視頻流處理等等,這些都是在前端領域中遇到的實際問題。

就 JavaScript 來說,在實際項目中設計最合適的模型高效率解決現實問題本身就很有挑戰。作為一種典型的新生代編程語言,JavaScript 特性豐富,使用靈活,性能優良。面向對象、函數式編程、各種設計模式、MVC 和 MVVM,這些本身就有足夠的吸引力。

前端要解決界面和交互問題,實際上UI層面上的問題一直是軟體工程方面的一個難題,因為UI不停地在變化。瀏覽器各個版本的兼容性、Web 標準、移動設備、多終端適配,給了前端工程師很大的挑戰,對前端工程師的能力也有很高的要求。許多UI問題有不只一種解決方法,許多問題有非常巧妙的思路 和精彩的解決辦法,前端在工程師羣體裏是屬於非常有創造力的一個羣體,因為這個行業需要豐富的創造力和想像力。

前端工程師還是Web標準的制定者、實踐者和推動者,而現在的W3C標準不僅僅侷限於瀏覽器,還包括各種手持智能設備,車載設備、智能家居等等。在未來萬物互聯的時代,前端將不僅僅是網頁上的工程師,而是所有人機交互領域的工程師。

前端工程師的學習和成長

前端領域發展很快,各種新技術新思想不斷湧現,這是一個好現象。但是前端發展太快也帶來一些問題,比如有同學就問到我究竟應該學些什 麼,Angular.js、React、Node.js、ES6、ES7、CoffeeScript、TypeScript……似乎永遠有太多東西需要學 習,有些東西好像還沒學明白就被另一些新的技術取代而「過時了」。

其實還是那句話,前端工程師首先是軟體工程師,基礎是最重要的,如果基礎不紮實,一切應用技能就都是「浮雲」。前端的基礎是什麼?HTML、CSS、JavaScript基本功,數學、演算法、數據結構、操作系統、編譯原理基本功。

一個優秀的前端工程師必須要有自己擅長的領域,並且鑽研得足夠深入,同時要有眼界,能「跨界」。可以以前端作為職業,但千萬不要把自己的技能限制在前端領域,因為有很多東西,只有站在前端之外,才能看得更清晰,更透徹。

學東西千萬別盲目跟風,大家都在談AngularJS就立即跑去學習,過幾天大家都談React了,就又放下AngularJS去學習React。 前端領域知識點很多,值得學的東西也很多,聰明的同學懂得花時間學習成體系的知識並且研究得足夠深入,因為只有這樣才能從中總結出規律,形成方法論,這樣 才能最大化學習的價值。

知識的正確用法 —— 一個領域裡面的大師永遠不會是另一個類似領域的菜鳥

由興趣選擇前端

在我學編程的最初,我學習的是C語言,然而整整一本書除了教我如何在黑洞洞的控制檯上輸出 Hello World 和各種其他字元或者用鍵盤輸入一些什麼然後依然是字元輸出外,就沒有什麼其他的內容了。學習了一段時間之後,我的內心一度是崩潰的,因為我覺得這和我想得 不一樣,學了那麼多知識,我都不知道自己究竟算不算是「學會」了C語言,因為在我看來,那些豐富多彩的操作系統和各種應用軟體和黑洞洞的控制檯之間明顯還 有著非常巨大的鴻溝。

事後回想起來,當時的想法當然是幼稚可笑的,那時候的我並不知道程序語言和運行環境之間的區別,對操作系統、用戶API、硬體介面、網路服務等等都 完全不瞭解。然而這並不能怪我,因為C語言的教程並沒有任何一言半語來告訴我這一點,我也不知道學習了C語言的語法之後接下來還應該學習些什麼。

相對來說,Web開發更吸引我,因為不需要安裝任何環境,只需要在文本編輯器裡面輸入一些字元,保存後打開瀏覽器,馬上就能看到豐富的視覺效果,這就是前端的優勢,你所做的努力立即就能看得見。

相對於死板的輸入輸出,Web開發在界面可見的一層要豐富多彩得多,這一點吸引了我,如果這一點也能吸引你,讓你著迷,那麼你就適合學習前端。

在選擇前端作為職業之前,要明確判斷自己對前端開發的確感興趣,選擇做前端,應該是確認自己喜歡和適合做前端,而不是為了一份看起來體面而且薪水不菲的工作。如果你對構建豐富多彩的界面、處理各種交互邏輯不感興趣,甚至厭煩,那麼最明智的選擇是放棄成為前端工程師的想法 —— 因為選擇一個自己不喜歡的職業,為之忍受數十年直到退休,實在是一件很悲催的事情。

對在校學生,看重哪方面能力?

有同學問,一些大公司前端是否一定要求實際經驗的學生,在這裡我可以回答:否。

對於學生,我們比較關心的是:

基礎:包括數學、演算法、數據結構、計算機相關基礎的掌握。

學習能力和學習方法:如何學的前端,學了多久,學到什麼程度,遇到過什麼問題,是如何嘗試解決這些問題。興趣:對前端的興趣如何,這一點可以體現在很多細節上。有一個反面的例子比較常見,一般來說我會問學生最近在關注什麼前端新知識,有的學生會說我 關注某某某,但當我再問他究竟關注到什麼程度,會發現他實際上根本沒有在這項新知識上花費多少時間。如果你對感興趣的問題都不花費時間,如何證明你自己對 前端的「興趣」呢。解決問題的能力:遇到難題如何解決的,遇到沒接觸過的問題是如何思考和最終解決的。從這裡可以判斷出同學有沒有前端思維,這些問題沒有標準答案,我們不追求某些「官方思路」,看重過程而不是結果。

關於簡歷,有同學提到說現在似乎很多公司都希望學生會點 Node.js,會點 React,我自己不會該怎麼辦。

我想說的是,我們並不要求學生必須會這些。相反,我個人更鼓勵學生利用時間打好基礎。簡歷上寫自己真正擅長的內容即可,我們不會因為在你的簡歷上看 不到 Node.js 或者 React 就忽略你。只要你真心熱愛前端並用心學了,你應該明白如何用前端基礎來打動我。有的學生喜歡在簡歷上堆砌辭彙,實際上這一點不見得好,因為如果你寫了一個 你自己一知半解的東西,最後在面試中被面到了,一定會得負分的。

技術本身是有深度的,A 同學說「我知道React但沒用它做過東西」, B 同學說「我用AngularJS寫過一些個人的小項目」, C 同學說「我上個月使用彈性佈局的思路來寫我的博客,結果在Android系統4.1版本的Webkit瀏覽器下出現了一個顯示bug,最後我是這樣這樣解 決的」。你們說 A、B、C 三個同學我們會選擇哪個同學?

面試是一個彼此交流的過程,我們希望看到大家在前端領域的能力和潛力,「知道」一件事,並不是一種有價值的能力,尤其是在知識廉價的互聯網時代。我 們的同學千萬不要像背書一樣去死記硬背一樣東西,而應該真正用心去學。我們的高等學校不僅僅教授大家知識,還有如何真正學習和做研究,不是嗎?

如果你對前端真的感興趣並有潛力,花點小心思,你該知道如何學習它。

我們採集的是石頭,但是必須時刻展望未來的大教堂。

持續做一些小改進,慢慢地你就會驚奇地發現你的經驗得到了怎麼樣的發展,你的技能得到了怎樣的提升。

如果你迫切的需要提升自己的能力---可以到我們的前端學習小分隊來--點---------學習前端,我們是認真的


推薦閱讀:
相關文章