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

自學前端兩年

發布時間: 2022-08-11 21:27:35

『壹』 自學 Web 前端真的很難找到工作嘛

不管你是自學還是培訓,找工作主要看的是技術能力、相關工作經驗、綜合實力及溝通能力等。只是對於自學的小夥伴來說,不知道企業需要哪些技術,並且不知道需要達到什麼樣的技術水平才能就業?所以在學習過程中很迷茫,學了很久之後也可能達不到要求,因此找工作很難。蝸牛學院這里根據行業變化和企業需求整理了一份最新的web前端學習路線,都是企業招聘時所需的技術,希望對自學的小夥伴有所幫助。

第一階段:專業核心基礎

階段目標:

1. 熟練掌握HTML5、CSS3、Less、Sass、響應書布局、移動端開發。

2. 熟練運用HTML+CSS特性完成頁面布局。

4. 熟練應用CSS3技術,動畫、彈性盒模型設計。

5. 熟練完成移動端頁面的設計。

6. 熟練運用所學知識仿製任意Web網站。

7. 能綜合運用所學知識完成網頁設計實戰。

知識點:

1、Web前端開發環境,HTML常用標簽,表單元素,Table布局,CSS樣式表,DIV+CSS布局。熟練運用HTML和CSS樣式屬性完成頁面的布局和美化,能夠仿製任意網站的前端頁面實現。

2、CSS3選擇器、偽類、過渡、變換、動畫、字體圖標、彈性盒模型、響應式布局、移動端。熟練運用CSS3來開發網頁、熟練開發移動端,整理網頁開發技巧。

3、預編譯css技術:less、sass基礎知識、以及插件的運用、BootStrap源碼分析。能夠熟練使用 less、sass完成項目開發,深入了解BootStrap。

4、使用HTML、CSS、LESS、SASS等技術完成網頁項目實戰。通過項目掌握第一階段html、css的內容、完成PC端頁面設計和移動端頁面設計。

第二階段:Web後台技術

階段目標:

1. 了解JavaScript的發展歷史、掌握Node環境搭建及npm使用。

2. 熟練掌握JavaScript的基本數據類型和變數的概念。

3. 熟練掌握JavaScript中的運算符使用。

4. 深入理解分之結構語句和循環語句。

5. 熟練使用數組來完成各種練習。

6.熟悉es6的語法、熟練掌握JavaScript面向對象編程。

7.DOM和BOM實戰練習和H5新特性和協議的學習。

知識點:

1、軟體開發流程、演算法、變數、數據類型、分之語句、循環語句、數組和函數。熟練運用JavaScript的知識完成各種練習。

2、JavaScript面向對象基礎、異常處理機制、常見對象api,js的兼容性、ES6新特性。熟練掌握JavaScript面向對象的開發以及掌握es6中的重要內容。

3、BOM操作和DOM操作。熟練使用BOM的各種對象、熟練操作DOM的對象。

4、h5相關api、canvas、ajax、數據模擬、touch事件、mockjs。熟練使用所學知識來完成網站項目開發。

第三階段:資料庫和框架實戰

階段目標:

1. 綜合運用Web前端技術進行頁面布局與美化。

2. 綜合運用Web前端開發框架進行Web系統開發。

3. 熟練掌握Mysql、Mongodb資料庫的發開。

4. 熟練掌握vue.js、webpack、elementui等前端框技術。

5. 熟練運用Node.js開發後台應用程序。

6. 對Restful,Ajax,JSON,開發過程有深入的理解,掌握git的基本技能。

知識點:

1、資料庫知識,範式,MySQL配置,命令,建庫建表,數據的增刪改查,mongodb資料庫。深入理解資料庫管理系統通用知識及MySQL資料庫的使用與管理,為Node.js後台開發打下堅實基礎。

2、模塊系統,函數,路由,全局對象,文件系統,請求處理,Web模塊,Express框架,MySQL資料庫處理,RestfulAPI,文件上傳等。熟練運用Node.js運行環境和後台開發框架完成Web系統的後台開發。

3、vue的組件、生命周期、路由、組件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解,能夠運用Vue.js完成基礎前端開發、熟練運用Vue.js框架的高級功能完成Web前端開發和組件開發,對MVVM模式有深刻理解。

4、需求分析,資料庫設計,後台開發,使用vue、node完成pc和移動端整站開發。於Node.js+Vue.js+Webpack+Mysql+Mongodb+Git,實現整站項目完整功能並上線發布。

第四階段:移動端和微信實戰

階段目標:

1.熟練掌握React.js框架,熟練使用React.js完成開發。

2.掌握移動端開發原理,理解原生開發和混合開發。

3.熟練使用react-native和Flutter框架完成移動端開發。

4.掌握微信小程序以及了解支付寶小程序的開發。

5.完成大型電商項目開發。

知識點:

1、React面向組件編程、表單數據、組件通信、監聽、聲明周期、路由、Rex基本概念。練使用react完成項目開發、掌握Rex中的非同步解決方案Saga。

2、react-native、開發工具、視圖與渲染、api操作、Flutter環境搭建、路由、ListView組件、網路請求、打包。練掌握react-native和Flutter框架,並分別使用react-native和Flutter分別能開發移動端項目。

3、微信小程序基本介紹、開發工具、視圖與渲染、api操作、支付寶小程序的入門和api學習。掌握微信小程序開發了解支付寶小程序。

4、大型購物網站實戰,整個項目前後端分離開發;整個項目分為四部分:PC端網頁、移動端APP、小程序、後台管理。團隊協作開發,使用git進行版本控制。目期間可以擴展Three.js 、TypeScript。

『貳』 前端程序員需要學多久

學習多長時間不能確定,而且還有還有不確定的因素影響,前端入門比較簡單,如果想要獨立做項目還是有一定難度,可以從最基礎的開始,把基礎打牢固,然後再結合項目實踐,熟練精通前端技術。有人帶時間會短一些,條件允許建議去培訓機構學習,半年左右就能學出來。

Web前端作用:
1、就業方向很多,這是很重要的一個技能,涉及到一些私人的業務,可以獨立完成這項工作。就業方向很多,可以輕松的通過創建WEB應用、主題、網站以及很多數字產品來賺錢。
2、在線售賣作品:Web前端開發的產品不需要任何的包裝,只需將代碼部署到託管伺服器上並運行它即可,可以創建網站然後在不同的市場上出售。
3、開發移動應用:把WEB應用打包成移動應用操作方法很簡便,發布到AppStoreGoogle PlayStore或其他移動應用市場,它的用戶界面與本地應用程序非常相似,因此可以用WEB技能開發出功能強大的移動應用,從而使自己獲得了巨大的市場和商機。

想了解更多有關學習前端的詳情,推薦選擇【達內教育】。該機構致力於面向IT互聯網行業,培養軟體開發工程師、測試工程師、會計等職場人才,目前已在北上海廣深等70個大中城市成立了342家學習中心;擁有行業內完善的教研團隊,強大的師資力量,200餘位總監級講師,1000餘名教研人員,確保學員利益,全方位保障學員學習。
→感興趣的話點擊此處,免費學習一下

『叄』 新手學web前端開發需要多久

自學前端多久可以找工作要根據自身基礎來決定,但是一般的話也要五個月左右才能學會。

可以看看培訓班的學習內容哦!根據這樣的內容來制定自己的學習方法和計劃。

前端學習內容有:

第一階段:Web網頁基礎

HTML入門基本內容,CSS+DIV的基礎知識,選擇器,盒子模型,網頁布局,Photoshop

第二階段:Web編程基礎

學習路線:JavaScript基礎,BOM和DOM模型,事件處理,jQuery,交互及動畫,jQuery優質插件,文檔處理,數組和對象操作

第三階段:Web編程高級及全棧開發

學習路線:JavaScript高級編程,原型模式,jQuery插件開發,模塊化組件開,AJAX,Express(Node.js),Mongodb,RequireJS,MongoDB

第四階段:響應式網站開發

學習路線:HTML5/CSS3,響應式原理及布局,Bootstrap,前端依賴管理,CSS預處理語言(Less+Sass),Grunt/Gulp自動化構建工具,Angular4

第五階段:框架與項目管理

學習路線:Grunt/Gulp,Webpack模塊載入器&打包工具,MVC(backbone)架構前端,VUE2,React

第六階段:混合式移動及微信開發

學習路線:React Native,微信小程序,視圖層,邏輯層。

最好能有視頻教程輔助你:

網頁鏈接

『肆』 自學前端開發需要多長時間

自學前端開發需要多長時間?

沒有基礎,脫產學習需要時間至少在4個月以上,一般培訓機構學習都需要脫產全日制學習4-6個月,自學的話時間周期需要拉的更長才可以,畢竟沒有老師一對一進行指導。

Web前端開發是從網頁製作演變內而來的,名稱上有很明顯的時代特徵。在互聯網的演化進程中,網頁製作是Web1.0時代的產物,那時網站的主要內容都是靜態的,用戶使用網站的行為也以瀏覽為主。

無論是開發難度上,還是開發方式上,現在的網頁製作都更接近傳統的網站後台開發,所以現在不再叫網頁製作,而是叫Web前端開發。Web前端開發在產品開發環節中的作用變得越來越重要,而且需要專業的前端工程師才能做好,這方面的專業人才近幾年來備受青睞。Web前端開發是一項很特殊的工作,涵蓋的知識面非常廣,既有具體的技術,又有抽象的理念。

簡單地說,它的主要職能就是把網站的界面更好地呈現給用戶。

『伍』 前端兩年應該會什麼

在Web前端行業發展得如火如荼的同時,Web前端的崗位技能已經發生深刻的變化,不斷涌現的新技術讓每一個Web前端開發者都焦慮不已。似乎我們學習的速度永遠趕不上技術更新的速度,那麼什麼才是Web前端開發的必備核心技能呢?簡單來講就是,前端三大基礎、前端主流框架、服務端開發,以及前端工程化。下面,來具體說說這些核心技能。

1、打好前端基礎

HTML、CSS、和JavaScript並成為Web前端開發的三大基礎知識,也是必備的核心技能。HTML+CSS可以做出簡單的靜態頁面,而JavaScript可以提供更好的用戶體驗。在歷經多次版本更新之後, HTML5和CSS3的出現又是一次革新。但是對於Web前端開發從業者來講,掌握HTML、CSS和JavaScript這樣的基礎知識,才是內功。只有在打好基礎的前提下,才能更好更快地學習新技術。因此,無論前端工具或框架如何變遷更新,掌握前端基礎知識才是前提。

2、熟練掌握框架

目前,比較主流的前端框架有Vue、React和Angular。之所以說框架是Web前端開發必備的核心技能,是因為它可以極大地提升開發效率,並且在優化產品性能方面也有不小的幫助。作為Web前端開發者不僅要會使用框架,更要懂底層原理。目前 Vue、React 還是大火階段,但絕不能停留在會使用的階段,而是要去深入了解每個環節的內部機制和原理。

3、了解服務端開發

雖然這些年,前後端已經分離了,但是這並不意味著Web前端開發工程師不需要學習服務端開發。我們可以看到這幾年前端的一個顯著趨勢,就是在逐步與服務端打交道,這就需要你掌握Node.js技能。另外,在一些互聯網的大廠招聘中,我們也常常能看到Node.js開發經驗已經成為前端必備核心技能。因此,處於求職就業的需求,Web前端開發也需要了解服務端開發。

4、掌握前端工程化

隨著前端行業的不斷發展,現在早已不是僅僅依靠HTML、CSS和JS完成前端工作的時代了。學習前端工程化一方面可以極大提升開發效率,另一方面還能降低大型項目的開發難度。而且隨著工程化、組件化、模塊化逐漸成為一線大型互聯網公司的標准,掌握前端工程化的求職者,更容易獲得面試官的青睞。掌握前端工程化這一核心技能,是各個能力階段Web前端開發工程師都需要具備的能力。

以上就是總結的Web前端開發必備的4個核心技能。Web前端開發四大必備核心技能只是內功,在前端這個急速變化的行業,永遠保持不斷地鑽研精神,才能在前端之路上走得更遠。當然,光是理論的學習也是遠遠不夠的,大家一定要懂得把所學知識運用在實踐中,才能真正提高自己的職場競爭力!

『陸』 前端開發需要學多長時間

如果是報班培訓的話大概是需要4到6個月的時間,主要還是看您自己的一個學習能力,理解能力高學習能力強的話學習的時間就會相對短一些,不過學習本身就是一個永無止境的過程,活到老學到老,還是要需要一直不斷的去學習的。

前端開發要學的內容主要有:

①計算機基礎以及PS基礎

②前端開發基礎(HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架)

③移動開發

④前端高級開發(ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等)

⑤小程序開發

⑥全棧開發(MySQL資料庫、Python編程語言、Django框架等)

⑦就業拓展(網站SEO與前端安全技術)

互聯網行業目前還是最熱門的行業之一,學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的,發展前景非常好,普通人也可以學習。

web前端工程師是程序員裡面入行門檻較低的一個職業,有意轉行web前端的小夥伴可以對比一下開設有相關專業的熱門學校,好的學校擁有根據當下企業需求自主研發課程的能力,建議實地考察對比一下。

祝你學有所成,望採納。

北大青鳥學生課堂實錄



『柒』 自學前端能找到工作嗎發展前景如何

關於自學前端好找工作嗎?

自學前端,很多人學不好的,還沒學到找工作的階段,在學習的階段很多同學就已經放棄了。而且我們發現一個問題,很多自學出來的學生,前端的開發水平是很弱的,知識點掌握不扎實,也缺乏前端思維,沒有對這方面的深入理解和思考,缺乏與時俱進的東西,有一種思維被框限的感覺。靠自學即便找到工作,由於水平不高,也很容易造成工資不高,在公司里和專業的出來的有差距,後期晉升也不是太容易。

你必須知道的學好前端的六點建議。

(1)夯實基礎。

要成為一名年薪30W的前端工程師,基礎一定要掌握牢固,基礎知識一問三不知,豈不是要貽笑大方。css,js基礎知識一定要掌握得很熟練,你能使用css實現斑馬條紋背景,毛玻璃效果嗎?能給圖片實現濾鏡效果,能實現所有自適應布局效果嗎?原型,原型鏈,閉包是實現設計模式的必備知識,你真的弄懂了嗎?閉包導致內存泄漏的原因是什麼,你弄明白了嗎?ajax跨域的解決方案你可以說幾種?你還是只告訴我jsonp嗎?http協議有了解過嗎?如何在http協議中實現不緩存靜態資源?

不要說這些問題老掉牙了。可是我要告訴你的是,掌握好這些老掉牙的基礎,就是很重要。上層的技術可以變更的很快,基礎變動很慢,投入時間學好基礎,性價比很高。

(2)深究原理。

Angular,React,Vue框架和腳手架的普及,越來越多的前端工程師浮於表面,調用框架的API完成任務就完事。要成為一名優秀的前端,絕不能成為單純的"API調用工程師",一定要掌握框架背後的原理性知識。

Virtual DOM diff演算法,雙向綁定原理等等框架背後的機制都值得我們去學習。框架API可以更新很快,而他們背後的原理都是相似的,學好原理既可以讓我們對框架底層了解更深入,又可以使我們迅速掌握不斷更新的框架表層。只會用框架永遠也成不了大神。

(3)注重細節。

在工作中,做事得過且過的人往往難堪大任,作為前端工程師,亦不例外。"代碼能用就行"的認識往往是初級程序員的通病。作為有在技術道路上有理想的工程師,一定要對自己的代碼嚴格要求,精益求精。

比如HTML一定要注意語義化以方便SEO優化,該用<section>,<head>,<foot>的地方不能一股腦兒用<div>完事;css中編寫樣式時不能頁面上樣式是有了,類名和屬性排序寫得一塌糊塗,建議大家按照BEM規范編寫風格良好的代碼;js中變數命名隨意是很常見的不規范行為,一個不直觀的變數名往往使同事看了腦袋大。

「代碼千萬行,注釋第一行。命名不規范,同事兩行淚。「一首流行詩,飽含了多少程序員的血與淚。

(4)登高見遠.

前端經歷了這么多年的飛速發展,早已成為浩瀚的大海。如果悶著頭獨自鑽研苦學,那無疑是很慢的。

如果我們直接去跟隨大神學習,那將會使我們快速成長。github上有很多優秀的前端項目,仔細研讀這些項目的代碼,在commit記錄中查看編程思想和邏輯的進化過程,就是一場與大神直接的面對面交流,是一場絕妙的學習之旅。

現在網路課程也十分豐富,有很多技術大牛的課程讓我們直接通過視頻生動的講解快速地學習技術,這何嘗不是一種向大神快速學習的方式呢。

(5)良書益友。

雖然現在網路上各種文檔、博客文章已經很豐富了,但是對工作經驗不足,基礎薄弱的同學來說,隨手拿起書,時時能學習也是一種很好的方法,查漏補缺,完整地夯實基礎。

(6)緊跟潮流。

現在的前端技術體系更新十分迅速,想著要不要嘗試用下Vue的事彷彿還在昨天,今天一覺醒來就看到尤雨溪宣布要開發Vue3.0了。

前端體系中這兩年SPA已經不是新名詞,PWA,SSR,小程序愈發流行,前端微服務化的趨勢也應運而生,RN,electron在移動端,桌面端的使用也越來越多,ES10標準的發布也沒幾個月了。所以最重要的是突破當前崗位需求的設限,對各種技術融會貫通,創造新的技術框架,做技術的領頭羊,適應時代發展。技術人成長不能再單打獨斗,要學會與人交流,學會將別人的知識為自己所用。

對前端開發感興趣嗎?不知道該如何學習前端知識?點擊這里:http://www.bjsxt.com/,海量視頻教程隨你挑!

『捌』 14年畢業,做了兩年前端,身體吃不消,水平也有限……現在跳出來,但是很迷茫不知道做什麼

第一,先休息一下,預約醫療機構給自己做個全套體檢,夏季可以去海邊放鬆放鬆,要是嫌亂,那就往北走,北邊的氣候還在穿長袖。

第二,散心回來後,在豬八戒、威客上面接幾個不趕時間的活兒,慢悠悠的做,主要是為了不讓自己手生,順便整點外快,順便學點新技術。

第三,差不多進入11月,就開始整理簡歷、整理作品,摩拳擦掌准備投簡歷、面試階段,爭取在旺季初期就徹底搞定自己的工作。加油!

如果我的答案有用,請採納點贊,動動手指加關注,多多交流😊 來自職Q用戶:絳雪