當前位置:首頁 » 網頁前端 » web前端大神
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web前端大神

發布時間: 2022-05-18 16:10:54

A. web前端需要掌握的哪些知識

一個合格的web前端需要掌握哪些技術?
最基礎的自然是JavaScript,HTML和css這三種語言。

首先了解下它們到底是什麼。

HTML是用戶看到的網頁的骨架,比如你會發現當前頁面分為左中右三個部分,其中還填充了不同的文字和圖片;每個子部分還會繼續細分,比如當前頁面的中間部分下方有輸入框等等。

CSS是網頁展示的細節控制,比如你會發現有的文字是紅底白色,有的子部分佔了頁面的二分之一寬,有的只佔六分之一,有些部分需要用戶進行某些操作(如點擊,滑動)才會出現等等,這些就是有CSS來控制。

JavaScript是負責捕捉用戶在瀏覽器上的操作,並與後端伺服器進行數據交換的腳本語言。當用戶在前端進行點擊,輸入等操作的時候,會觸動綁定了該動作的JavaScript腳本,然後JavaScript收集數據,調用後端的api介面,再將後端返回的數據交給HTML和CSS渲染出來。

一個網頁的HTML代碼和CSS代碼是可以直接在瀏覽器中查看的,你可以直接按F12,就能看到下圖右側的模塊,左右側紅框就是代碼與實際頁面的對應關系。因此如果你看到某個網站的布局很不錯,不妨點擊F12,進行學習。

前端框架
然而,實際應用中,已經很少有正規的項目組直接用上述三種語言進行web 前端開發了,而是使用很多封裝了這三種語言的框架,比如

Vue.js

,angular,react native等等。它們是來自谷歌和Facebook的大神項目組,基於自己的經驗,封裝了原生前端語言,實現了更多更復雜更酷炫的功能。因此,可以說,學會使用這些框架,能達到事半功倍的效果。

比如用了vue,它是自底向上增量開發的設計,其核心只關心圖層,而且還可以與其他庫或已存項目融合,學習門檻極其友好;另一方面,vue可以驅動單文件組件和vue生態系統支持的庫開發的復雜單頁應用。有了這個生態系統,可以說,vue是處在一個不斷壯大,不斷完善的欣欣向榮的狀態。

網路通信協議
由於前後端分離的趨勢,前端還需要了解很多網路通信協議的知識,這里不局限於http協議,因為據我的經驗,有時候我們還會用到websocket等協議。因此,前端需要簡單了解不同協議的特點以及使用方式,但是好消息是不用像學習計算機網路課程一樣對每種協議的原理都了解的特別透徹,只要學會如何用前端語言發送這種協議的請求就夠了。

B. 有沒有做前端的大神,有實際工作經驗的能告訴我前端都是做什麼的嗎

所謂web前端就是web給用戶展示的東西,這裡面可能包含了設計,特效,用戶交互等等。 然而這里又引申出初級,和高級前端等級別。畢竟前端做出來的還是有水平之間的差距,像現在通常叫法是:前端美工,前端開發,前端架構三個最基本級別。前端美工平常就做一些平面設計,交互設計等,不需要參與太多代碼問題,對於前端來說,這是最基本的,不然談不上有前端可言,就像早期一樣,一個人做設計,製作,後台全包,根本不需要前端。像我們平常所謂的web前端開發,相當於中上等水平,會寫js,應用j s,用戶交互等。前端架構是開發和優化框架,及伺服器,用戶體驗等涉汲就比較廣,當然工資也就比較高了。那如何學習前端呢?或者說懂什麼技術才能叫做前端? 其實只要你會寫一手好js和div+css,會點ps,你就是前端開發中的一員。至於那些還沒有懂的,我建議他們可以去什麼 蝦米站長網,css88,或者大前端,xiamiz等去學習學習。
你要是想在外邊找班學習的話,建議你要多去試聽,多考察一些,看看哪家是最適合你的

C. 怎樣才能成為web前端大神啊

好好 學習 , 天 天練習 。 我 自己 是報的 培 訓 班 , 能 有 一 個系 統 的 了 解 ,學起 來 輕松一 點。 如果 你 在 深圳可以 去了 解一 下 中 深 軟 通。 不 在 深 圳也 可以 找 找 當 地 比較 注 重 實 訓的 培 訓 機構 。

D. web前端大神,href和src有什麼區別

和你這么說吧,href 表示超文本引用(hypertext reference),在 link和a 等元素上使用。src 表示來源地址,在 img、script、iframe 等元素上。

src 的內容,是頁面必不可少的一部分,是引入。href 的內容,是與該頁面有關聯,是引用。區別就是,引入和引用。

E. 有沒有web前端大神

請問你現在是需要自學web前端嗎?

其實web前端自學入門也不是很難,但是主要還是要看你自己適合不適合。
一般來說,需要自學web前端,你得具備這兩個條件:
第一點:最好是有一個該行業的師傅,可以指導自己的學習路線,了解一下哪些前端知識是必須要學的,哪些知識現在已經沒啥用了,遇到問題能夠為你解答,少走彎路。
第二點:自主學習能力和規劃能力,根據自己師傅的指導,來確定自己需要所學的知識點,並能夠按照自己的真實情況來制定學習計劃,並且按照計劃進行執行
如果這兩個條件你無法滿足,並且自身自製力或者學習能力較弱的話,這邊還是建議你可以考慮找一家稍微靠譜點的學習平台進行系統學習。

F. 有web前端開發經驗的大神請進,我是女生,正在做.net,想轉前端,想問一下web前端是否像做程序員那樣累

沒有不累的,mm你就放心吧,給你敘述一下前端的工作內容吧:
1:輔助視覺設計師做好簡單的按鈕及圖片設計,切圖;(設計稿會不斷修改,你要切不止一次)
2:輔助程序員做好JS和XML等的代碼編寫,或者全部有你完成(效果既要滿足視覺也要滿足代碼的簡潔和無錯誤);
3:編寫DIV+CSS頁面代碼(視覺稿改了也要跟著一起改)
4:多瀏覽器兼容性測試和修改(現在瀏覽器很多,兼容性是個大麻煩)
5:輔助策劃做好表單的名詞錄入,實際內容的錄入(設計一般只設計效果圖,內容都是錯誤的,需要看策劃案錄入)

以上工作難點在於,需求變更頻繁,重復勞動工作量大、成就感不高

G. 國內web前端大神級人物有哪些人(博客名、網名、真名)

阮一峰,司徒正美

H. web前端開發

給你說說我從事前端職業的故事吧,希望你會從中有所啟發。
我在前端界裡面做了6年,可以這么說,我在廈門做前端的時候,那時候全國有前端這個職位的幾乎為零,幾乎看不到有招聘前端什麼的。要麼是美工,要麼就是程序。但到現在,只要是網路公司,你要是沒有一位前端人員,你都不好意思說你也是做科技的。

在前端這些年,我去過三家大公司,我到過的每一家公司學的東西都不一樣,當然了做的東西也是不一樣,直到現在我會用記事本里直接寫div+css,javascript;也會做業余的ps,flash,電子畫冊,seo優化;後台代碼asp.net,php,java(不專業,但都看得懂和修改)。當然了我這只能說是我這6年的成果,不過重要是學會了一些經驗,也就是要回答你的怎麼樣提高自己的前端水平。

首先,做前端的話,你的眼光要看遠。現在技術更新很快,如果你還在用什麼幻燈片,燈箱效果,那你真不是做前端的料。只能說你是應付人員,或者說就是只會就應用別人寫的效果代碼而已。

其次,要提升自己的價值。不要學會div+css,就不想學其它的技術了,要時時苛刻想到自己的危險處境,像懂div+css的人太多了,網上教程3天學會div+css,10天精通的資料一天堆,我也是從那時代過來的。多去學點更多能提現你自身價值的東西,比如除div+css之外,可以學習一些後台語言php,java之類的。

最後,分享,就是自己的價值要表現出來。中國沒有jquery,沒有smarty,這么好用的東西,中國缺的並不是能力,是分享。以為寫一個小小的東西就以為自己了不起,把自己的東西隱藏起來,其實這個我們的現狀,很不好。

希望你能記住這一些話,也希望在你職業前端和事業有所幫助。過幾年回頭再看下我寫給你的這些東西時,你就會體會得更深了,給你一些前端開發的相關資料吧,你可以關注下前端網站,中國站長,或者我經常關注的蝦米站長等。為中國前端多做點貢獻,加油吧。

I. 零基礎學習Web 前端,求大神指點,該如何下手謝謝!

1. Web前端是做什麼的?

學習之前我對網頁設計、UI、網頁制所盒Web前端的概念很混淆,上網查了才明白:網頁設計是指運用一些軟體對網站進行美化,解決「好看」的問題;UI是指人與界面互動的優化,解決「舒適」的問題;網頁製作著重PC端網頁製作;而Web前端包括PC端和移動端的前端界面製作。

2. Web前端的基礎技能及工作職責是什麼?

愛它就要更深入了解它,學習Web前端就要清楚地知道Web前端工程師需要什麼基礎技能及其工作職責。其實,這「很簡單」,只要你精通HTML+css(包括現在的HTML5+CSS3)、JavaScript、JQuery,了解界面設計,了解後端編程,伺服器知識+後端語言基礎。

3. 怎麼樣才能學好拿高薪,Web前端開發職業的前途怎樣?

個人覺得三百六十行,行行都蘊藏的無限可能,干一行就愛一行,只要腳踏實地,努力學技術,技術硬了,自然會有前途和「錢」途。但是努力學習之前,必須要明確的目標,否則就是「看起來很認真」而已。

4. 如何學?

零基礎學前端的話,這些書籍資料可以參考一下:

1、《JavaScript高級程序設計(第3版) 紅皮書 》,適合有一定編程經驗的Web應用開發人員閱讀,也可作為高校及社會實用技術培訓相關專業課程的教材。

2、《JavaScript權威指南(第6版)》 犀牛書,本書不僅適合初學者系統學習,也適合有經驗的 JavaScript 開發者隨手翻閱。

3、《JavaScript DOM編程藝術 (第2版)》,本書在簡潔明快地講述JavaScript和DOM的基本知識之後,通過幾個實例演示了專業水準的網頁開發技術,透徹闡述了平穩退化等一批至關重要的 JavaScript編程原則和最佳實踐,並全面探討了HTML5以及jQuery等JavaScript庫。

4、《CSS權威指南(第三版)》,不管你是一個有經驗的Web開發人員還是一個徹底的初學者,《CSS權威指南(第3版)》都是你的CSS學習源泉。

5、《JavaScript設計模式》,適合JavaScript初學者、前端設計者、JavaScript程序員學習,也可以作為大專院校相關專業師生的學慣用書,以及培訓學校的教材。

6、《你不知道的JavaScript(上中下卷) 》,本書既適合JavaScript語言初學者了解其精髓,又適合經驗豐富的JavaScript開發人員深入學習。

7、《Vue.js權威指南》,該書內容全面,講解細致,實例豐富,適用於各層次的開發者。

學習路線:

第1階段:前端頁面重構(4周)

內容包含了:(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)

第2階段:JavaScript高級程序設計(5周)

內容包含:(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)

第3階段:PC端全棧項目開發(3周)

內容包含:(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)

第4階段:移動端項目開發(6周)

內容包含:(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)

第5階段:混合(Hybrid,ReactNative)開發(1周)

內容包含:(微信小程序開發、ReactNative、各類混合應用開發)

第6階段:NodeJS全棧開發(1周)

內容包括:(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)

視頻教程:

網頁鏈接

J. 求web前端大神的技術指導

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title></title>
<style>
body{background:#fff;font:12px/150%Arial,Verdana,"5b8b4f53";line-height:150%;margin:0px;padding:0;color:#404040;}
div{margin:0auto;padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0;padding:0;border:none;list-style-type:none;}
.fl{float:left}
.triangle{position:absolute;top:34px;left:26px;width:0;height:0;border-left:6pxsolidtransparent;border-right:6pxsolidtransparent;border-bottom:6pxsolid#d0ccc7;}
.list{margin:10px;}
.caption{width:64px;height:64px;overflow:hidden;position:relative}
.caption.date{background:#e00000;width:64px;height:40px;font:60016px/40pxArial;text-align:center;color:#fff;}
.caption.yearmonth{background:#d0ccc7;width:64px;height:24px;font:bold13px/24pxArial;text-align:center;color:#000;}
.detail{padding-left:20px;width:300px}
.detail.newstitle{line-height:23px;}
.detail.dates{color:#004c76}
.detail.datesspan{margin-left:10px;}
</style>
</head>
<body>
<divclass="list">
<divclass="captionfl">
<divclass="date">26</div>
<divclass="yearmonth">2014-07</div>
<divclass="triangle"></div>
</div>
<divclass="detailfl">
<divclass="newstitle">辦理具有強制執行效力債權文書公證及出具執行證書的指導意見</div>
<divclass="dates">2014年5月27日<span>閱讀(13)</span></div>
</div>
</div>
</body>
</html>