歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
  一、如何入門,學習建議
 
  在你開始入手學習前,有一些小的建議。根據我自己學習的經驗發現,這些建議在現在乃至我以后的崗位生涯里都是有很大幫助的。還有就是開始學習前,建議可以先花幾天時間,查找一些如何入門的文章,通過對許多文章及前人的建議。整理出適合自己學習的一套完整計劃,然后在學習過程中,在自己對前端更加了解之后,做出一些計劃的調整。我相信,在這樣的計劃學習之下比一來就開始學習具體知識要快速有效得多。
 
  代碼規范:不是說小白時期不重要,正是什么都不懂的時候,才要嚴格執行學到的規范。徐徐漸進,等到學有所成,漸漸地形成一套自己的代碼風格。
 
  手寫代碼:最開始學習建議手寫代碼,哪怕只有一行代碼,也要一個字母一個空格的敲打出來。
 
  動手操作:哪怕只有一行代碼的事例,也要手動編寫運行,而不是眼高手低,哦,好簡單會了,就不動手了。
 
  打好基礎:只有小白階段把基礎打好了(比如:HTML、CSS、Jquery),后續進階難關才會更好克服。
 
  堅持不懈:在覺得最難的時刻,堅持一下,天空會完全不一樣
 
  制定計劃:制定相應的計劃,并嚴格執行,否則一般學習效果大打折扣
 
  腳踏實地:前端要學習掌握的知識非常多,需要跟著計劃一步一個腳印,由易到難
 
  以上是個人學習時的總結,如果能夠較好的遵循,學習效果和后續的進階方面,有大大的幫助。當然適合自己的方法方式才是最好的。
 
  二,小白階段怎么學
 
  這個階段的你,應該是什么都不會,或許連前端大概是做什么都不知道?;蛟S只是聽說這個崗位火爆,好找工作,所以你想學習。也或許你看到一個精美的網頁,你開始好奇了,感覺實現它是很美的一件事,你想了解怎么樣做出來的。如果你想知道怎么入門,可以看看接下來的建議和意見。這是通過還是小白的自我學習階段到勝任前端崗位這個過程中,積累的一些經驗,希望能夠有所幫助。
 
  學習步驟的建議
 
 ?。?)HTML標簽(網頁結構標記語言) +CSS樣式(網頁樣式語言)。它們是實現靜態Web應用最基礎的語言,掌握好它們,你可以編寫出一個簡單的模塊(如導航等)甚至一個完整的靜態網頁。
 
 ?。?)Jquery庫(Javascript編程語言的一個必須掌握的庫)。它可以讓你之前做的靜態網頁“動起來”,比如(下拉二級菜單、網頁右側工具導航的展開等等交互特效)。
 
 ?。?)建議花時間看看《DOM編程藝術》這本書,或這類書籍。它是關于Javascript編程語言在網頁開發上面的運用,跟著這本書走下來,你可以編寫一個簡單的具有交互效果的網站了。
 
  以上幾點就是小白最開始入門學習的東西,建議按照順序學好這三種語言??梢允褂胹ublime編輯器進行動手編寫。當你根據學習步驟(3)完成一個小小的網站時,你會覺得很有成就感,后續的學習也就信心百增,興趣百倍。
 
  三,初步進階學習建議
 
  相信經過前面的探索,如果你能堅持下去并按照建議學習,應該已經完成了第一個自己動手實現的網站了吧。接下來的一些初步進階學習的建議。
 
  完善我們的基礎知識
 
 ?。?)HTML5,更高級的標記語言,功能更加豐富多彩。新增許多標簽,比如:canvas、video等,可以自己實現更多的動畫,炫酷的特效或者播放視頻等等。
 
 ?。?)CSS3,更高級的樣式語言。你可以實現豐富多彩的頁面動畫,不必要每次都是用js,使用CSS3就可以輕松便捷的實現一些想要的網頁交互。
 
 ?。?)javascript編程語言(重中之重)。這是前端必要掌握的真正算得上是編程語言的語言,學會靈活運用javascript,將對以后學習工作有非常大的幫助。掌握它最重要的首先是學習好基礎知識,而后通過不斷的實戰來提升我們的編程技巧和邏輯思維。這一塊學習是持續的,直到我們真正掌握它并且能夠靈活運用它。如果最開始學習一兩遍之后,發現暫時沒有提升的空間,我們可以暫時放一放。繼續下面的學習,javascript貫穿我們前端工作中,在之后的學習實現里也會遇到和鍛煉到。真正學習起來并不難理解,關鍵是靈活運用。
 
 ?。?)開始學會使用一些前端的框架,這里我是指前端的UI框架,它們可以幫助我們快速高效的開發一個網站,并且界面風格也好不錯。比如PC端的Bootstrap,其實它是響應式的框架,也可以用在移動端H5頁面,或者AmazeUi,這是一款專注于移動端的框架。你可以百度也可以在對應框架的官網查看文檔,當你學會使用某個框架的時候,其他的n+1個各種各樣的前端UI框架,你也會信手拈來。
 
 ?。?)還有一種前端框架,如layui這類的,算是工具類框架。它里面包含了分頁效果、彈窗效果、日期選擇控件等等內容。當你學習到這個時候或者更后面的學習里,你可以去學習如何使用,能夠更高效的幫助你完成項目的開發。
 
 ?。?)通過百度,可以找到許多網頁交互特效的插件,如二級菜單下拉特效、手風琴菜單、圖片輪播、彈窗效果等等。下載它們源碼及示例,動手學習使用或模仿它們的效果,可以幫助我們快速實現一些比較復雜的交互特效?,F在有非常多的免費開源插件,讓我們不用再重復造輪子,直接使用就很方便。當然,我的建議是當你學會使用某個特效插件時,你可以學習它的源碼,看看效果究竟是如何實現的。這也是鞏固學習javascript語言的好方法,你值得擁有哦。
 
 ?。?)到了這一步,你算是基本掌握了前端開發的一些知識技能。你可以找到一些典型的官網來仿寫它們的界面和交互特效,如京東官網、淘寶官網等等。認真寫幾個這樣的官網首頁,可以進一步鞏固和完善之前的學習到的知識。
 
  四,繼續學習
 
  當你可以完成一個基本的帶有交互效果的頁面之后,參加工作中進一步提升自己就是需要掌握一些流行的前端開發JS框架及高效流行的開發模式。相信到了這一步,你已經成功邁入了前端的大門,接下來就是為了如何成為工作中的主力前端工程師而修行了。
 
  1、常用的一些前端JS框架建議
 
 ?。?)vue.js,一款偏向于移動端的JS框架,輕量級。數據驅動交互,學習起來非常容易,它可以不依賴與Jquery框架獨立使用幫助你開發一個友好的移動端界面。一個前端開發必要掌握的技能,一款流行的JS框架。關于如何使用掌握它,你可以百度,還可以去它的官網學習官方文檔,或者是菜鳥網站也有介紹。
 
 ?。?)react.js,比較起vue,它更復雜一點,重量級一點,但是實現大型的項目也很快速便捷。掌握它也成了諸多公司入職要求,相信學習過vue這類數據驅動框架,在學習起這個就會容易很多。比起平常jQuery開發項目,vue和react開發關鍵是思想會有所轉變,掌握面向對象和數據驅動交互,會讓你感到開發的更加容易和友好。如何掌握它,百度、菜鳥網站、官網文檔都是不錯的選擇。
 
  2、比較流行的開發模式建議
 
 ?。?)vue + webpack集成開發
 
 ?。?)react + webpack集成開發
 
 ?。?)node.js學習及應用,一款可以使用javascript語言開發后臺的工具
 
 ?。?)weex + webpack集成開發,目前很少看到公司使用
 
 ?。?)angular.js,和vue.js這些差不多,但目前也很少看到使用了
 
  以上的開發框架及開發模式(1)(2)(3),是比較多的互聯網公司團隊,都會采用的。值得去深入學習,并且當你掌握后,你會發現開發前端項目原來可以這么簡單。
 
  保持學習狀態不斷進步
 
  以上的文章都是一些入門的建議。當然貫穿你學習中和以后的工作中,你可能還學要掌握一些其他的必備技能。如:
 
  百度很重要。
 
  UI設計文件PSD切圖(必備技能,學會看UI設計交付給你的設計圖)。
 
  使用谷歌或火狐瀏覽器的F12開發者模式,在開發過程中快速調試找到問題。
 
  與后臺配合進行數據接口的調試,及解決一些跨域的問題(如:nginx的配置使用)。
 
  不同項目使用不同最佳的開發工具(sublime、editplus、hbuilder、vsCode等等)。
 
  使用版本控制工具(如:svn),你與團隊緊密配合的好工具。
 
  最后這么多學習內容看下來,是不是都快放棄了,但是不要擔心。入門很簡單,做好入門指南之后,后續就會變得容易起來。這都是一些技術,一些工具,掌握它就好了。真正的難點是工作中的團隊配合,代碼的規范,以及不斷的進步。
 
  五,參加工作后,一些建議
 
 ?。?)認清自我崗位的職責。
 
 ?。?)與產品經理的配合:了解原型及需求,提出自己合理的建議。
 
 ?。?)與UI設計的配合:根據UI規劃怎樣實現才是最好最優的方式,而不是拿著設計圖就埋頭苦干,提出更好的建議。
 
 ?。?)與其他前端配合:這個時候代碼規范特別重要,所以從一開始學習前端的時候,我就強調了在學習之初就形成良好的編碼習慣是很不錯的,很必要的。
 
 ?。?)自我的初步測試:完成一個項目開發后,自我進行功能性的初步測試,無問題后再交付測試人員測試。
 
 ?。?)配合測試人員,修改bug。
 
 ?。?)積極配合項目產品的后續迭代。
 
 ?。?)當你的水平進一步提升,你就要學會管理一個前端團隊進行工作的分配和整體質量及交付時間的把控。這個是一步一步提升的,雖然現在你可能還接觸不到,但是可以了解一下。

如需轉載,請注明文章出處和來源網址:http://www.rs2pl.com/html/h62474.shtml

久久天天躁狠狠躁夜夜躁2020