深度剖析 | 初學者應該如何學習前端?

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

優秀的前端開發工程師要在知識體繫上要有廣度和深度,要具備快速學習的能力。 前端開發工程師不僅要掌握基本的Web前端開發技術,網站性能優化、及一些基礎知識,而且要學會運用各種工具進行輔助開發以及理論層面的知識,包括代碼的可維護性、分層語義模板和瀏覽器分級支持等。 一、前端工程師至少要滿足四類客戶的需求 ...


優秀的前端開發工程師要在知識體繫上要有廣度和深度,要具備快速學習的能力。

前端開發工程師不僅要掌握基本的Web前端開發技術,網站性能優化、及一些基礎知識,而且要學會運用各種工具進行輔助開發以及理論層面的知識,包括代碼的可維護性、分層語義模板和瀏覽器分級支持等。

一、前端工程師至少要滿足四類客戶的需求

1、產品經理。這些是負責策劃應用程式的一群人。他們會想出很多新鮮的、奇怪的、甚至是不可能實現的應用。一般來說,產品經理都追求豐富的功能。

2、UI設計師。這些人負責應用程式的視覺設計和交互模擬。他們關心的是用戶對什麼敏感、交互的一貫性以及整體的好用性。一般來說,UI設計師侯傾向於流暢靚麗、但並不容易實現的用戶界面,而且他們經常不滿前端工程師造成1px 的誤差。

3、項目經理。這些人負責實際地運行和維護應用程式。項目管理的主要關註點,無外乎正常運行時間、應用程式始終正常可用的時間、性能和截止日期。項目經理追求的目標往往是儘量保持事情的簡單化,以及不在升級更新時引入新問題。

4、最終用戶。指的是應用程式的主要消費者。儘管前端工程師不會經常與最終用戶打交道,但他們的反饋意見至關重要。最終用戶要求最多的就是對個人有用的功能,以及競爭性產品所具備的功能。

好了,列舉了這麼多…… 接下來做好準備,一起享受學習前端的樂趣吧!

二、零基礎要學哪些內容?該怎麼學?

新手學習前端的話,一定要想想為什麼要學習它,是出於一種什麼心態,然後定位好自己,多向大牛請教,多教一些沒有自己水平高的人,那樣往往能讓自己成長的快,切勿急躁。在這裡一定要對自己做分析,然後找出一種適合的學習方法。

正確的學習方向大於無謂的努力

有兩隻螞蟻想翻越一段牆,尋找牆那頭的食物。一隻螞蟻來到牆腳就毫不猶豫地向上爬去,可是每當它爬到大半時,就會由於勞累、疲倦而跌落下來。雖然它不氣餒,一次次跌下來,又迅速地調整一下自己,重新開始向上爬去。

另一隻螞蟻觀察了一下,決定繞過牆去。很快,這隻螞蟻繞過牆來到食物前,開始享受起來;而另一隻螞蟻還在不停地跌落下去又重新開始。

 

 

很多時候,成功除了勇氣、堅持不懈外,更需要方向。也許有了一個好的方向,成功來得比想象的更快。如果在錯誤的路上奔跑,再怎麼努力也是白搭,學習Web前端也是如此。

“君子生非異也,善假於物也”,在學習的過程中還要多瀏覽一些優秀的網站,善於分析借鑒其設計思路和佈局方法,見多方能識廣,進而才可以融會貫通,取他人之長為我所用。

每個人的成長與基礎不一樣,結合自己的實際情況,再執行。還是重覆一下,前端的核心是js,css不難,但需要來積累。對前端我是這麼看的:

 

css就像一瓶酒,得品。
html、css總共就那些標簽跟選擇器屬性什麼的,但是要寫一個有擴展性、健壯性或維護性的頁面不容易。現在寫頁面基本條件反射,不是如何快速的完成,而是思考如果有界面需求修改,怎麼在修改代碼最少的情況下快速完成需求任務。這是對前端耐力、體力、智力的三重考驗。

js就像一把劍,得磨。
js剛開始只是為了較驗,隨便技術社會的發展,承擔的角色越來越重,剛開始玩玩jQuery感覺已經會js了,其實只是冰山一角。隨著對js的瞭解越來越多,他即變態又可愛,即好玩又難控,即有很多相容問題,但解決相容是我們基本生存之道。從ajax到jsmvc一路走一路看,高載潮一浪高過一浪。

人生就是一場夢,得作。
技術只是生活的一部分,曾經雄心鬥志,如今低頭寫碼。改變能改變的,接受不能改變的。人生有限,只爭朝夕啊。

人生學習的態度是:不急不躁,不快不慢。持之以恆,相信自己。不求能改變世界,但求能改變自己的生活。不求健步如飛,但求一步一腳印。感謝磨難,他使我們內心更為堅強。感謝挫折,他使我們不斷的成長,感謝bug,他使我們的思維更加深邃。感謝前端,他使我們更加的相信,撐起一片天空需要十八般武藝。

 

結束語

前端就是後臺實現和視覺表現的橋梁,是貫穿在整個產品開發過程的紐帶,起到承上啟下的作用,一個好的前端工程師他能夠很好理解產品經理對用戶體驗的要求,也能夠很好地理解後臺工程師對數據邏輯,或者程式邏輯進行分離的要求,並將這些要求轉化成前臺的開發工作。前端就是網站的門面,它的價值遠大於其他的客戶端開發。

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


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

-Advertisement-
Play Games
更多相關文章
  • 一、工廠模式創建對象 1. 常見創建對象方式 (1)對象字面量 var x1 = { "name":"小猴", age:22, sex:"女", dolt:function () { console.log("我是IT的小學生"); } } (2)new Object()創建對象 var x2 = ...
  • 1、清除浮動的原因 (1)不清除浮動的情況: 由於父級的子元素不方便給高度(不給高度的時候父盒子的大小由裡面包含的子盒子來決定),但是,子元素為浮動的又不占有位置,導致父級的盒子高度為0的時候就會影響下麵的標準流的盒子。 <!DOCTYPE html> <html> <head> <meta cha ...
  • TypeScript 是一種由微軟開發的自由和開源的編程語言。它是 JavaScript 的一個超集,而且本質上向這個語言添加了可選的靜態類型和基於類的面向對象編程。 TypeScript 提供最新的和不斷發展的 JavaScript 特性,包括那些來自 2015 年的 ECMAScript 和未來 ...
  • 1、標準流(普通流/文檔流) 標準流就是標簽按照規定好的預設方式排列 (1)塊級元素會獨占一行,按照從上到下的方式排列 (2)行內元素會按照順序,從左到右的順序進行排列,遇到父元素則自動換行 (3)縱向排列標準流,橫向排列用浮動 2、浮動的簡單應用 (1)讓多個塊級元素水平排列在一行(這裡將行內元素 ...
  • 我們在寫筆試題的時候,經常碰到涉及隱式轉換的題目,例如 "1" + 2 obj + 1 [] == ![] [null] == false 和 == = 叫做嚴格運算符,對象類型指向地址相同或原始類型( 數值、字元串、布爾值)值相同;叫做相等運算符,類型不同會進行轉化再比較,undefined、nu ...
  • document.write() 用法 在JavaScript中document.write()函數可以向文檔寫入HTML表達式或JavaScript代碼,用法“document.write(exp1,exp2,exp3,....)”,該函數可接受任何多個參數,並將其寫入文檔中。 document. ...
  • 什麼是無頭瀏覽器(headless browser)? 無頭瀏覽器是指可以在圖形界面情況下運行的瀏覽器。我可以通過編程來控制無頭瀏覽器自動執行各種任務,比如做測試,給網頁截屏等。 為什麼叫“無頭”瀏覽器? “無頭”這個詞來源於最初的“無頭電腦(Headless computer)”。維基百科關於的 ...
  • 鏈接生成二維碼 1.npm安裝 npm install --save qrcodejs2 2.引入 import QRCode from 'qrcodejs2' 3.生成二維碼 new QRCode('qrcode', { // 傳入容器id text: url, // 鏈接(必填) width: ...
一周排行
    -Advertisement-
    Play Games
  • 前言 在我們開發過程中基本上不可或缺的用到一些敏感機密數據,比如SQL伺服器的連接串或者是OAuth2的Secret等,這些敏感數據在代碼中是不太安全的,我們不應該在源代碼中存儲密碼和其他的敏感數據,一種推薦的方式是通過Asp.Net Core的機密管理器。 機密管理器 在 ASP.NET Core ...
  • 新改進提供的Taurus Rpc 功能,可以簡化微服務間的調用,同時可以不用再手動輸出模塊名稱,或調用路徑,包括負載均衡,這一切,由框架實現並提供了。新的Taurus Rpc 功能,將使得服務間的調用,更加輕鬆、簡約、高效。 ...
  • 順序棧的介面程式 目錄順序棧的介面程式頭文件創建順序棧入棧出棧利用棧將10進位轉16進位數驗證 頭文件 #include <stdio.h> #include <stdbool.h> #include <stdlib.h> 創建順序棧 // 指的是順序棧中的元素的數據類型,用戶可以根據需要進行修改 ...
  • 前言 整理這個官方翻譯的系列,原因是網上大部分的 tomcat 版本比較舊,此版本為 v11 最新的版本。 開源項目 從零手寫實現 tomcat minicat 別稱【嗅虎】心有猛虎,輕嗅薔薇。 系列文章 web server apache tomcat11-01-官方文檔入門介紹 web serv ...
  • C總結與剖析:關鍵字篇 -- <<C語言深度解剖>> 目錄C總結與剖析:關鍵字篇 -- <<C語言深度解剖>>程式的本質:二進位文件變數1.變數:記憶體上的某個位置開闢的空間2.變數的初始化3.為什麼要有變數4.局部變數與全局變數5.變數的大小由類型決定6.任何一個變數,記憶體賦值都是從低地址開始往高地 ...
  • 如果讓你來做一個有狀態流式應用的故障恢復,你會如何來做呢? 單機和多機會遇到什麼不同的問題? Flink Checkpoint 是做什麼用的?原理是什麼? ...
  • C++ 多級繼承 多級繼承是一種面向對象編程(OOP)特性,允許一個類從多個基類繼承屬性和方法。它使代碼更易於組織和維護,並促進代碼重用。 多級繼承的語法 在 C++ 中,使用 : 符號來指定繼承關係。多級繼承的語法如下: class DerivedClass : public BaseClass1 ...
  • 前言 什麼是SpringCloud? Spring Cloud 是一系列框架的有序集合,它利用 Spring Boot 的開發便利性簡化了分散式系統的開發,比如服務註冊、服務發現、網關、路由、鏈路追蹤等。Spring Cloud 並不是重覆造輪子,而是將市面上開發得比較好的模塊集成進去,進行封裝,從 ...
  • class_template 類模板和函數模板的定義和使用類似,我們已經進行了介紹。有時,有兩個或多個類,其功能是相同的,僅僅是數據類型不同。類模板用於實現類所需數據的類型參數化 template<class NameType, class AgeType> class Person { publi ...
  • 目錄system v IPC簡介共用記憶體需要用到的函數介面shmget函數--獲取對象IDshmat函數--獲得映射空間shmctl函數--釋放資源共用記憶體實現思路註意 system v IPC簡介 消息隊列、共用記憶體和信號量統稱為system v IPC(進程間通信機制),V是羅馬數字5,是UNI ...