㈠ 有沒有高手能分享一點能用於簡歷上的WEB前端開發的工作經驗,項目經歷阿小弟急用,感激不盡阿!
我也來找項目經驗的,樓主能不能分享幾個
㈡ 怎麼自學前端
自學方法:
1、作為一個初學者,你必須明確系統的學習方案,我建議一定有一個指導的人,全靠自己學,放棄的幾率非常大,在你對於web前端還沒有任何概念的時候,需要一個人領進門,之後就都靠自己鑽研,第一步就是確定web前端都需要哪些內容,並且在多少時間內學完,建議時間6個月保底。
2、視頻為主,書為輔。很多初學者在學習前端的時候非常喜歡去買書,但是最後的結果是什麼?看來看去什麼都不會寫,所以在這里給大家提醒,書可以看,但是是在建立於你已經對於某個知識點有了具體操作的執行後,在用書去鞏固概念,這樣更加利於你對於知識的理解。
3、對於學習技術來講,掌握一個學習方法是非常重要的,其實對於學習web前端來講,學習方法確實很多都是相通的,一旦學習方法不對,可能就會造成「方法不對,努力白費」。其實關於這方面還是很多的,我就簡單說個例子,有的人邊聽課邊跟著敲代碼,這樣就不對,聽課的時候就專心聽,做題的時候就專心做題,這都是過來人的經驗,一定要聽。根據每個人的不同,可能學習方法也會有所出路,找到適合你自己的學習法方法是學習的前提。
4、不建議自己一個人瞎學,在我了解學習編程的這些人來看,從零基礎開始學並且最後成功做這份工作的其實並沒有幾個,我覺得大部分原因就是因為他們都不了解web前端是干什麼的,學什麼的,就盲目的買書看,到處找視頻看,最後看著看著就放棄了,所以我建議初學者在沒有具體概念之前,還是找有經驗的人請教一下,聊過之後你就會知道web前端具體是干什麼的,該怎麼學,這是我個人的小建議,可以不採納。
自學路線:
第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資料庫)
基礎書籍:
1、《Head First HTML與CSS(第2版)》,入門真的是經典書籍,手把手教學,豐富的案例讓你從 0 開始學前端。
2、《CSS權威指南(第三版)》,這本書作為 CSS 的經典著作,把原理講得非常的通透,除了 w3c 標准,算最權威的一本了,畢竟權威指南。
3、《CSS揭秘》神書,47 個 css 技巧讓你在面對各種 css 問題的時候游刃有餘。是 css 書籍中評分最高的了,css 進階必備。
4、《javascript語言精粹》,這本書可以在入門之前了解一下基本語法,以及在學習之前可以了解下 JS 裡面的精粹以及糟粕,雖然這本書很薄很薄,但是值得反復去讀的一本書。
5、《JavaScript DOM編程藝術(第2版)》,本書在簡潔明快地講述JavaScript和DOM的基本知識之後,通過幾個實例演示了專業水準的網頁開發技術,透徹闡述了平穩退化等一批至關重要的 JavaScript編程原則和最佳實踐。
6、《JavaScript權威指南》:犀牛書是每個FE都繞不過的一本書,可以先大致通讀幾遍,也可以把其當作工具書,時時翻閱。
視頻教程:
網頁鏈接
望採納~
㈢ 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等協議。因此,前端需要簡單了解不同協議的特點以及使用方式,但是好消息是不用像學習計算機網路課程一樣對每種協議的原理都了解的特別透徹,只要學會如何用前端語言發送這種協議的請求就夠了。
㈣ 新手怎麼學習WEB前端開發,每日分享
老辦法:勤奮多加練習咯,或者可下載繪學霸APP學習。有資料視頻學習的,可看著一步一步的去學咯,加油~
㈤ web前端開發如何提高自己
不知道題主現在的能力到底是什麼水平。如果你已經掌握了前端三大基本技能和常用基礎工具使用,能夠從事一些普通的前端工作,那你可以嘗試接觸更多的框架。單一工具可能很難解決多面的問題,這時候就會運用到更多框架,除了Angular、React、Vue,還有Bootstrap、Fbootstrapp、BootMetro、Gumby、IVORY、Kube等等都是你可以接觸的內容。有這些框架的幫助,或許能解決更多的問題。
除此之外,一個優秀的前端開發工程師可能還要掌握SEO、DOM、BOM、Ajax等技能,甚至,網站性能優化和伺服器端的相關基礎知識也是需要了解的。
前端學習范圍很廣,學習之路很長,不付出多年心血,是很難有所提升的。不過,天下沒有學不會的知識,只要你加油努力做,就一定可以做到。
㈥ React作為時下最熱的前端框架,各位有什麼經驗分享下嗎
1. 不要陷入糾結工具的怪圈
我們團隊一開始用 React 的時候,工具棧應該是 grunt +
grunt-react;寫了一段時間感覺有局限,然後老大帶頭把工具換成了 gulp + browserify + watchify +
reactify,然後又愉快的寫了大概半年吧,發現流行的庫都上 webpack 了;於是我們的工具棧又變成了 gulp + webpack +
babel-loader。最後大家一致認為 gulp 是多餘的,所以我們的工具棧又圍繞 webpack
重新搭建了一遍。到最近我負責的一個內部項目,什麼 hot-mole-replacement、extract-text-plugin(讓你在
js 里 require('style.scss'); 這么寫的玩意兒)一股腦的造。當然再後來因為業務需要我們又基於 webpack
搭建了自己的構建工具,這是後話……
這將近一年半的折騰歷史告訴大家,1) 前端就是個大坑,1個月不學新知識你就會被社區遺忘 2) 現在上 React 真幸福,工具棧基本都穩定了(什麼?你還不懂?用 webpack!),不用花太多時間糾結。
PS. HMR 也就那樣,雖然 dan 吹得神乎其神,但實際在項目里我發現大家還是習慣手動 Cmd + R
,因為項目大了以後 rebuild 也需要 1、2 秒。
2. DOM 操作是不可避免的
但
凡是上點兒規模的前端項目,沒有 DOM 操作基本是不可能的。且不說最常見的後端「埋點」,你總得用 DOM API
去取值吧;就說一個最簡單的,比如右手邊這個「回到頂部」的按鈕,你純用 React 寫一個試試。當然你會說什麼
requestAnimationFrame,什麼 ReactCSSTransitionGroup blah blah
blah,真正到項目里你會發現還是 DOM API 簡單。
3. 擁抱 ES 6,擁抱 React v0.14
這倆為什麼放在一起說呢?因為 React v0.14 里提出了一個全新的組件概念叫做:無狀態的函數式組件(Stateless functional components)。它大概長這樣:
var Aquarium = ({species}) => (
<Tank>
{getFish(species)}
</Tank>
);
有沒有發現被傳統的 createClass 方法精簡了很多?當然這樣寫組件也有很多局限,比如不能聲明各種生命周期方法等等,但是在常見的前端業務場景中,純 render 的組件不在少數。在這樣的語法推出後,我們就能把這些組件更方便的抽出來復用了。
此外,擁抱 ES 6 還有很多的好處,比如在載入依賴的時候不用先 var xxx = require('xxx'); 再 var yyy = xxx.yyy; 而是可以直接 import {yyy} from 'xxx'; 簡潔明了。
4. 生態環境仍然在成長中,坑不少
其
中首先要口誅筆伐一下的就是 react-router,我們從 v0.10 開始用,到現在
v1.0。你知道為了升級這玩意兒我們改了多少次業務代碼么?每次升級 API 都要變,無力吐槽。當年好不容易搞懂了
v0.11,在博客里寫了篇技術文章分享,結果後面的日子就是各種被催更……一個月前抽空就 0.13 版又重寫了一遍教程,這不 1.0
版又出了,API 基本全都不一樣了!!不一樣了!!一樣了!!樣了!
當然除了坑也有不少高質量的生態環境產品,比如螞蟻的 ant design。
5. Server 端渲染很美,至今沒看見哪個規模級的產品用到
可能是我孤陋寡聞吧,歡迎評論中跟進。自己摸索著寫過一個最簡單的 server 端渲染,但是這套邏輯如果套到我們現在的業務邏輯中,幾乎可以直接槍斃。為了實現 server 端渲染需要做出的 trade off 太多。
6. React 很簡單,也很難
簡單是因為 React 的 API 真的很少,官網的各種文檔花一個下午也能看個七七八八(此時此刻再看看 Angular……)。但是當你以為你真的搞懂 React 的時候,看看React 源碼剖析系列 - 解密 setState - pure render - 知乎專欄這篇文章開頭提的問題,有多少人能不假思索的答對呢?(順便安利一下,我們團隊的知乎專欄,目前處於死磕 React 的狀態)
當你真正在業務項目中使用 React 的時候,你會發現它的生命周期比你想像的復雜;它的 API 背後的邏輯比你以為的麻煩。當然,首先你要踩進這個坑。
7. 對於樓上某位仁兄表示《React:引領未來的用戶界面開發框架》這本書太難的回答,作為譯者之一表示對不起你。作為補償,所有購買本書的同學均可憑拍照私信我咨詢 React 相關的問題。
㈦ 分享會,我是web前端工程師,不知道分享什麼好
你可以分享你的前端開發知識,經驗都是可以的。如:
常用的間端框架,組件使用技巧,經驗。
CSS的知識 ,技巧,經驗。
HTML的知識,技巧,經驗。
javascript的知識,技巧,經驗。
㈧ 請高手解答在實際的Web前端開發的過程中,項目是怎麼做下來的(開會什麼的就免了,主要說做的過程)
我做前端有三年了吧,給你分享一下我的經驗,合適你就看看,不合適就當我說廢話了;前端首先從美工手裡拿到源文件,然後自己就對源文件分析,看看結構怎麼去布置,這個結構得在自己腦子裡面畫出來,然後就開始切圖,一邊切一邊寫html和css,js簡單的一些可以先寫,復雜一些放後面,這樣可以保證進度,比如一個焦點圖的js,在寫html的時候自己也是要把框架搭建好,不然後面寫js就麻煩了,就這樣把前端的東西搞好了之後就先給美工過關,看需求要調兼容性,包括犯賤的IE6,美工過關了之後就給程序員吧;程序員添加功能之後,頁面上出現的問題你也的去修修補補了,我的工作就這樣吧!希望可以幫到你!
㈨ 學習Web前端 如何快速的從入門到精通
前端開發可以自學,也可以選擇口碑好、信譽佳的機構學。
互聯網的發展帶動了多種行業的發展,Web前端在互聯網行業也發揮著越來越重要的作用。Web前端開發不僅在形式、內容和功能上也有了極大的豐富,而且對前端開發人員的要求越來越高。
web全棧工程師5.0課程學習內容包括:
①計算機基礎以及PS基礎
②前端開發基礎(HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架)
③移動開發
④前端高級開發(ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等)
⑤小程序開發
⑥全棧開發(MySQL資料庫、Python編程語言、Django框架等)
⑦就業拓展(網站SEO與前端安全技術)
互聯網行業目前還是最熱門的行業之一,學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的,發展前景非常好,普通人也可以學習。
想要系統學習,你可以考察對比一下開設有相關專業的熱門學校,好的學校擁有根據當下企業需求自主研發課程的能力,能夠在校期間取得大專或本科學歷,中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的,建議實地考察對比一下。
祝你學有所成,望採納。
㈩ 做好前端需要學習什麼
首先肯定是基礎的前端知識,html,css,html5,css3,js相關內容,都是你必學的,然後就是設計模式,nodejs,vue,springboot,前後端交互的知識,雖然看起來不多,但是學起來確實不容易。加油,陌生人!!!