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

来源: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
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...