Web 前端自學,有哪些建議?

来源:https://www.cnblogs.com/TT485480/archive/2020/06/30/13213706.html
-Advertisement-
Play Games

多年web前端從業者,說下這個問題 首先,這個問題主要問:自學web前端技術,如果才能找到一份web前端的工作。 按照現在的招聘標準來看,無論你去哪個公司面試,你只需要滿足他們公司的需求就可以。 目前企業招聘前端工程師的基本需求: 1.精通DIV+CSS網頁框架佈局的HTML代碼編寫,熟悉W3C標準 ...


多年web前端從業者,說下這個問題

首先,這個問題主要問:自學web前端技術,如果才能找到一份web前端的工作。

按照現在的招聘標準來看,無論你去哪個公司面試,你只需要滿足他們公司的需求就可以。

目前企業招聘前端工程師的基本需求:

1.精通DIV+CSS網頁框架佈局的HTML代碼編寫,熟悉W3C標準;

2.使用HTML5/CSS3熟練地進行頁面開發;

3.具備良好的前端架構分析能力與設計能力,與開發團隊保持良好溝通;

4.精通各主流瀏覽器(IE6+、Firefox、Chrome、Safari)間的差異性,能快速定位和解決各種相容難題;

5.熟悉JavaScript、Ajax、Flash、JQuery、ExtJS等各種Web前端開發技術,具備一定的跨瀏覽器開發經驗;

6.熟悉Vue,react

那麼對於想自學web前端的應該如何掌握上述相關技術?

一:首先,有這樣的一種情況很常見,對於想自學web前端的人來說,他們大多數都是非常盲目的,不知道自己改如何入手,很多人在網上找一些視頻,然後瘋狂的過視頻,很快就把一塊內容都學完,他們理解的學完了就是視頻看完了,但是讓他們動手去做東西卻做不出來,而我的理解學完了就是自己能寫出東西,所以對於初學者來說一定不能盲目,要有自己的規劃,不然就是浪費時間白忙活。

二:既然是學習專業技術,我個人的建議是,一定要有一個能指導你的人,不能都靠自己閉門造車,這樣的行為並不聰明,結識一位這方面的人才,時不時去問問人家問題,不然你可能會發現一個小問題能困擾你一天,最後還不知道是什麼原因。

三:學習web前端技術,不能跟學數學語文一樣對待,比較剛接觸代碼是不容易記住的,所以要掌握上述的技術,你還要知道學習web前端技術有哪些“坑”。對於學習方法這塊是尤為重要的,怎麼學才能讓你學完了能記住之前學的那些,不至於學完了就忘,這個問題值得你學習之前去思考的。

四:根據我多年的學習情況來看,你平時一定要養成好的學習習慣,就說我自己吧!我就喜歡把自己曾經遇到的問題整理在電腦的日記本上,然後我會搜集一下博客相關的技術文章,一些我認為比較有用的網站,以後都能用的上,這是我個人的學習習慣,相信我,如果你想走的更遠,一定要養成習慣。

最後在分享一份詳細的學習安排路線:

基礎:HTML+CSS頁面搭建,CS核心和PC端頁面開發,HTML5移動端頁面開發

核心:web前端核心技術JavaScript,ecmasript,dom,ajax,json,正則,作用域,運動框架,核心演算法,高級函數,插件封裝,jQuery。

高級:html5+高級JavaScript開發,大數據可視化,webapp交互介面,lbs定位,微信sdk,es6標準,高級演算法,數據結構,插件封裝。

框架:bootstrap、vue、react、angular、sass企業開發應用。

以上就是我的分享,希望對你有所幫助,

我目前是在職前端開發,如果你現在也想學習前端開發技術,在入門學習前端的過程當中有遇見任何關於學習方法,學習路線,學習效率等方面的問題,你都可以申請加入我的前端學習交流裙:前面:603 中間:985 最後:993。裡面聚集了一些正在自學前端的初學者裙文件裡面也有我做前端技術這段時間整理的一些前端學習手冊,前端面試題,
前端開發工具,PDF文檔書籍教程,需要的話都可以自行來獲取下載。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 在前面隨筆《循序漸進VUE+Element 前端應用開發(12)--- 整合ABP框架的前端登錄處理》介紹了一個系統最初接觸到的前端登錄處理的實現,但往往對整個系統來說,一般會有很多業務對象,而每個業務對象的API介面又有很多,不過簡單來說也就是常規的增刪改查,以及一些自定義的介面,通用都比較有規律... ...
  • 摘要 頁面報錯bug是常有的事,我們可以根據錯誤bug提示關鍵性的去修複問題。依稀的記得之前有個小伙伴詢問了一個js異常的錯誤bug:Uncaught TypeError: xxx is not a function。這個錯誤問題定位處理起來很快,但是我卻不知其所以然。為了弄清楚報錯的深層面原因,去 ...
  • Web前端作為開發團隊中不可或缺的一部分,需要按照相關規定進行合理編寫(一部分不良習慣可能給自己和他人造成不必要的麻煩)。不同公司不同團隊具有不同的規範和文檔。下麵是根據不同企業和團隊的要求進行全面詳細的整理結果。備註:實際開發請以本公司的規範為標準。 A.基本原則 符合web標準(UTF-8,HT ...
  • 1.格式化金錢值 const ThousandNum = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); const money = ThousandNum(20190214); // money => "20,190,214 ...
  • 摘要 近期在優化團隊代碼,發現Redux重覆使用的代碼過多。 經過調研發現了Rematch庫:Redux是一個出色的狀態管理工具,並且有著健全的中間件生態以及出色的開發工具;Rematch是沒有boilerplate的Redux最佳實踐。移除了聲明action類型、action創建函數、thunks ...
  • safari瀏覽器字體不能自動隨網頁縮放調整大小 -webkit-text-size-adjust:100% 點擊<button><input>有灰色透明背景 -webkit-tap-highlight-color:rgba(0,0,0,0); 微信、QQ內置瀏覽器視頻自動全屏 非騰訊功能變數名稱的視頻地址 ...
  • 在日常的項目中,有時候還是不可避免的會維護一些jq官網項目等。面對此類需求,很多還是以前的老套路,前端寫頁面交給後端去套數據。很煩有木有~~而改動之後還得交給後端再次修改,時間和溝通都是個麻煩。同時開發中,寫靜態頁面也很麻煩,不能復用,不能使用現在的工具,心累有木有~~當然了,解決辦法很多 自己寫個 ...
  • 核心思路 採用CSS3的transition(過渡效果),給定需要旋轉的元素設置transform的rotate屬性的結束角度,同時添加transition-timing-function來控制旋轉的速率包括起始速率和結束速率,代碼如下(瀏覽器首碼可自行添加): #pointer { transit ...
一周排行
    -Advertisement-
    Play Games
  • .Net8.0 Blazor Hybird 桌面端 (WPF/Winform) 實測可以完整運行在 win7sp1/win10/win11. 如果用其他工具打包,還可以運行在mac/linux下, 傳送門BlazorHybrid 發佈為無依賴包方式 安裝 WebView2Runtime 1.57 M ...
  • 目錄前言PostgreSql安裝測試額外Nuget安裝Person.cs模擬運行Navicate連postgresql解決方案Garnet為什麼要選擇Garnet而不是RedisRedis不再開源Windows版的Redis是由微軟維護的Windows Redis版本老舊,後續可能不再更新Garne ...
  • C#TMS系統代碼-聯表報表學習 領導被裁了之後很快就有人上任了,幾乎是無縫銜接,很難讓我不想到這早就決定好了。我的職責沒有任何變化。感受下來這個系統封裝程度很高,我只要會調用方法就行。這個系統交付之後不會有太多問題,更多應該是做小需求,有大的開發任務應該也是第二期的事,嗯?怎麼感覺我變成運維了?而 ...
  • 我在隨筆《EAV模型(實體-屬性-值)的設計和低代碼的處理方案(1)》中介紹了一些基本的EAV模型設計知識和基於Winform場景下低代碼(或者說無代碼)的一些實現思路,在本篇隨筆中,我們來分析一下這種針對通用業務,且只需定義就能構建業務模塊存儲和界面的解決方案,其中的數據查詢處理的操作。 ...
  • 對某個遠程伺服器啟用和設置NTP服務(Windows系統) 打開註冊表 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\W32Time\TimeProviders\NtpServer 將 Enabled 的值設置為 1,這將啟用NTP伺服器功 ...
  • title: Django信號與擴展:深入理解與實踐 date: 2024/5/15 22:40:52 updated: 2024/5/15 22:40:52 categories: 後端開發 tags: Django 信號 松耦合 觀察者 擴展 安全 性能 第一部分:Django信號基礎 Djan ...
  • 使用xadmin2遇到的問題&解決 環境配置: 使用的模塊版本: 關聯的包 Django 3.2.15 mysqlclient 2.2.4 xadmin 2.0.1 django-crispy-forms >= 1.6.0 django-import-export >= 0.5.1 django-r ...
  • 今天我打算整點兒不一樣的內容,通過之前學習的TransformerMap和LazyMap鏈,想搞點不一樣的,所以我關註了另外一條鏈DefaultedMap鏈,主要調用鏈為: 調用鏈詳細描述: ObjectInputStream.readObject() DefaultedMap.readObject ...
  • 後端應用級開發者該如何擁抱 AI GC?就是在這樣的一個大的浪潮下,我們的傳統的應用級開發者。我們該如何選擇職業或者是如何去快速轉型,跟上這樣的一個行業的一個浪潮? 0 AI金字塔模型 越往上它的整個難度就是職業機會也好,或者說是整個的這個運作也好,它的難度會越大,然後越往下機會就會越多,所以這是一 ...
  • @Autowired是Spring框架提供的註解,@Resource是Java EE 5規範提供的註解。 @Autowired預設按照類型自動裝配,而@Resource預設按照名稱自動裝配。 @Autowired支持@Qualifier註解來指定裝配哪一個具有相同類型的bean,而@Resourc... ...