web開發基礎之json,web開發基礎知識

本文目錄一覽：

• 1、在 java web開發中怎麼使用json？
• 2、web前端開發需要用到哪些知識
• 3、web前端開發主要技術有哪些
• 4、web前端開發需要掌握的幾個必備技術
• 5、2020年Web前端自學之路指南
• 6、web前端開發需要掌握哪些知識？

在 java web開發中怎麼使用json？

一、JSON建構有兩種結構：

json簡單說就是javascript中的對象和數組，所以這兩種結構就是對象和數組2種結構，通過這兩種結構可以表示各種複雜的結構

1、對象：對象在js中表示為「{}」括起來的內容，數據結構為 {key：value，key：value,…}的鍵值對的結構，在面向對象的語言中，key為對象的屬性，value為對應的屬性值，所以很容易理解，取值方法為 對象.key 獲取屬性值，這個屬性值的類型可以是 數字、字元串、數組、對象幾種。在Java中就是一種Map結構。

2、數組：數組在js中是中括弧「[]」擴起來的內容，數據結構為 [“java”,”javascript”,”vb”,…]，取值方式和所有語言中一樣，使用索引獲取，欄位值的類型可以是 數字、字元串、數組、對象幾種。在Java中是一種list結構。

經過對象、數組2種結構就可以組合成複雜的數據結構了。

二、Json in Javascript

使用Json語法創建對象

var people = {“name”:”jack”,”sex”:”mail”};

可以通過這種語法創建json對象，用「{}」括起來，用「，」隔開key：value

使用Json語法創建數組

var arr =[value1,value2…];

一個包含多個people的數組 peoples = [{“name”:”jack”,”sex”:”mail”},

“name”:”lily”,”sex”:”femail”};

Json數組可以通過這種語法創建，用”[]”括起來，數組元素之間用「，」分隔開，下面是這種語法的示意圖：

在使用Json格式字元串與伺服器交互時候，可以利用Json擴展的方法將字元串轉換成一個JavaScript對象，或者將一個對象轉換成Json格式字元串。不過先要登錄下載Json2.js文件。引入該包後，js對象直接用toJSONString()裝換為字元串格式，字元串可以用parseJSON()轉換成js對象。

訪問數據

只需用點號表示法來表示數組元素。所以，要想訪問 上面peoples列表的第一個條目的名字，只需在 JavaScript 中使用下面這樣的代碼：

peoples[0].name

利用這樣的語法，可以處理任何 JSON 格式的數據，而不需要使用任何額外的 JavaScript 工具包或 API。

修改數據

正如可以用點號和方括弧訪問數據，也可以按照同樣的方式輕鬆地修改數據：

peoples[0].name = “Rachmaninov”;

在將字元串轉換為 JavaScript 對象之後，就可以像這樣修改變數中的數據。

web前端開發需要用到哪些知識

應該熟練掌握的基礎技能：

HTML4，HTML5語法、標籤、語義

CSS2.1，CSS3規範，與HTML結合實現各種布局、效果

Ecma-262定義的javascript的語言核心，原生客戶端javascript，DOM操作，HTML5新增功能

一個成熟的客戶端javascript庫，推薦jquery

一門伺服器端語言：如果有伺服器端開發經驗，使用已經會的語言即可，如果沒有伺服器端開發經驗，熟悉Java可以選擇Servlet，不熟悉的可以選PHP，能實現簡單登陸註冊功能就足夠支持前端開發了，後續可能需要繼續學習，最基本要求是實現簡單的功能模擬，

HTTP

在掌握以上基礎技能之後，工作中遇到需要的技術也能快速學習。

基本開發工具

恰當的工具能有效提高學習效率，將重點放在知識本身，在出現問題時能快速定位並

解決問題，以下是個人覺得必備的前端開發工具：

文本編輯器：推薦Sublime Text，支持各種插件、主題、設置，使用方便

瀏覽器：推薦Google Chrome，更新快，對前端各種標準提供了非常好的支持

調試工具：推薦Chrome自帶的Chrome develop tools，可以輕鬆查看DOM結構、樣式，通過控制台輸出調試信息，調試javascript，查看網路等

輔助工具：PhotoShop編輯圖片、取色，fireworks量尺寸，AlloyDesigner對比尺寸，以及前面的到的Chrome develop tools，

FQ工具：lantern, 壁虎漫步

學習方法和學習目標

方法：

入門階段反覆閱讀經典書籍的中文版，書籍中的每一個例子都動手實現並在瀏覽器中查看效果

在具備一定基礎之後可以上網搜各種教程、demo，了解各種功能的實際用法和常見功能的實現方法

閱讀HTML，CSS，Javascript標準全面完善知識點

閱讀前端牛人的博客、文章提升對知識的理解

善用搜索引擎

目標：

熟記前面知識點部分的重要概念，結合學習經歷得到自己的理解

熟悉常見功能的實現方法，如常見CSS布局，Tab控制項等。

入門之路

以下是入門階段不錯的書籍和資料

HTML先看《HTML CSS: Design and Build Websites》1-9章，然後《HTML5: The Missing Manual》1-4章。

CSS先看《CSS: The Missing Manual》，然後《CSS權威指南》

javascript先看《javascript高級程序設計》，然後《javascript權威指南》

HTTP看HTTP權威指南

在整個學習過程中HTML CSS JavaScript會有很多地方需要互相結合，實際工作中也是這樣，一個簡單的功能模塊都需要三者結合才能實現。

動手是學習的重要組成部分，書籍重點講解知識點，例子可能不是很充足，這就需要利用搜索引擎尋找一些簡單教程，照著教程實現功能。以下是一些比較好的教程網址

可以搜索各大公司前端校招筆試面試題作為練習題或者他人總結的前端面試題還有個人總結的面試題（帶參考答案）

有各種各樣的教程

MDN也有很多教程，更重要的是裡面有詳細的文檔，需要查找某個功能時在Google搜索：xxx site:

也有很多優質教程

原生javascript是需要重點掌握的技能，在掌握原生javascript的基礎上推薦熟練掌握jQuery，在實際工作中用處很大，這方面的書籍有《Learning jQuery》或者去jQuery官網

建一個賬號，保存平時學習中的各種代碼和項目。

有了一定基礎之後可以搭建一個個人博客，記錄學習過程中遇到的問題和解決方法，方便自己查閱也為其他人提供了幫助。也可以去或者這樣的網站註冊賬號，方便實用

經常實用Google搜索英文資料應該經常找到來自的高質量答案，與到問題可以直接在這裡搜索，如果有精力，註冊一個賬號為別人解答問題也能極大提高個人能力。

經典書籍熟讀之後，可以打開前面必備基礎技能部分的鏈接。認真讀對應標準，全面掌握知識

繼續提高

有了前面的基礎之後，前端基本算是入門了，這時候可能每個人心中都有了一些學習方向，如果還是沒有。

可以參考前面必備技能部分提到的那兩個項目，從裡面選一些進行發展學習。以下是一些不錯的方面：

Grunt：前端自動化工具，提高工作效率

less css：優秀的CSS預處理器

bootstrap：優秀的CSS框架，對沒有設計師的團隊很不錯，與less結合使用效果完美

requirejs：AMD規範的模塊載入器，前端模塊化趨勢的必備工具

Node.js：JavaScript也可以做後台，前端工程師地位更上一步

AngularJS：做Single Page Application的好工具

移動端web開發：智能手機的普及讓移動端的流量正在逐步趕超PC端

Javascript內存管理：SPA長期運行需要注意內存泄露的問題

High Performance JavaScript(Build Faster Web Application Interfaces)

Best Practices for Speeding Up Your Web Site：重要技能

####工具

chrome dev tools：前端開發調試利器，著重注意幾個功能：

liveload: 修改頁面後自動刷新，不用按F5

dimensions：直接在頁面上測量的利器

livestyle：css樣式修改後自動起效果，不需要刷新，elements修改後也能同步到代碼中

image tool：測量，取色

UC二維碼：移動端調試掃碼必備

pagespeed，YSlow：頁面性能分析和優化插件

馬克飛象：優秀的在線markdown編輯器，快速寫周報，做記錄

watch expression：通過表達式查看當前內存中的值

call stack：查看調用棧，開啟async，可以看非同步調用棧（這個非常有用，尤其是ajax調試的時候）

scope variables：作用域鏈上的變數，非常有用

console（廢話）

elements:元素樣式調整，很常用

sources：代碼中添加斷點，單步調試，以及單步調試過程中查看內存中的對象

network：抓包查看每個請求，非常重要，前後端聯調必備

timeline：分析渲染、js執行等等各個階段，性能優化利器

emulation：模擬移動端環境，mobile頁面開發必備

一些插件:

sublime text2：編碼方便，插件多，速度快，性能好

emmet：提升html編碼速度必備

sublimelinter + 各種語言的lint和hint：代碼糾錯

一些snippets：自動補全，提升開發效率

Intellij IDEA和WebStorm：集成開發環境，集成了各種功能，開發比sublime要方便，但會比較吃性能

Mark Men：測量、取色、標註利器，拿到視覺稿之後第一個打開的軟體

GFW Fucker：我用紅杏，可以的話買個虛擬伺服器當梯子

iHosts：非常優秀的hosts管理軟體，輕鬆修改hosts，開發調試必備

Charles：Mac 平台最好用的抓包分析工具

Rythem：AlloyTeam出品的代理抓包軟體，非常輕量，安裝簡單，移動端（真機）開發調試很好用

Wunderlist：一個非常不錯的Todo List，任務、需求多的時候管理起來很方便

####技能

前端的技能其實除了JavaScript（包括NodeJS）、HTML、CSS以外，還有很多。其實前端的技能樹很大，這裡只能列一些我開發中見到的說一說

#####語言基礎

JavaScript：

作用域鏈、閉包、運行時上下文、this

原型鏈、繼承

NodeJS基礎和常用API

CSS：

選擇器

瀏覽器兼容性及常見的hack處理

CSS布局的方式和原理（盒子模型、BFC、IFC等等）

CSS 3，如animation、gradient、等等

HTML：

語義化標籤

#####進階

JavaScript:

非同步控制（Promise、ES6 generator、Async）

模塊化的開發方式（AMD、CMD、KMD等等）

JavaScript解釋器的一些相關知識

非同步IO實現

垃圾回收

事件隊列

常用框架使用及其原理

jQuery：基於選擇器的框架，但個人認為不能叫框架，應該算工具庫，因為不具備模塊載入機制，其中源碼很適合閱讀鑽研

AngularJS/Avalon等MVVM框架：著重理解MVVM模式本身的理念和雙向綁定的實現，如何解耦

underscore：優秀的工具庫，方便的理解常用工具代碼片段的實現

polymer/React: 組件化開發，面向未來，理解組件化開發的原理

CSS和HTML：主要是CSS3的特性和HTML5的特性，以及瀏覽器處理的流程和繪製原理

DOM樹、CSSOM樹、渲染樹的構建流程及頁面渲染的過程

解析HTML、CSS、JavaScript時造成的阻塞

HTML5相關

SVG及矢量圖原理

Canvas開發及動畫原理（幀動畫）

Video和Audio

flex box布局方式

icon fonts的使用

常用NodeJs的package：

koa

express

underscore

async

gulp

grunt

connect

request

一些理念：

響應式Web

優雅降級、漸進增強

dont make me think

網頁可用性、可訪問性、其中的意義

SEO搜索引擎優化，了解搜索引擎的原理

SPA的好處和問題

性能優化：

減少請求數量（sprite、combo）

善用緩存（application cache、http緩存、CDN、localstorage、sessionstorage，備忘錄模式）

減少選擇器消耗（從右到左），減少DOM操作（DOM和JavaScript解釋器的分離）

CSS的迴流與重繪

生態系統

npm

bower

spm

搭建一個屬於自己的博客

git pages

hexo

jekyll

#####未來

Web Componets：面向未來的組件化開發方式

HTML模板

Shadow DOM

Custom Elements

HTML Import

移動端Native開發：這也是需要了解的，以後前端工程師會經常地和webview打交道，也要了解native開發

web前端開發主要技術有哪些

前端開發是創建Web頁面或app等前端界面呈現給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。Web前端的學習起來相對簡單，未來的發展前景也是非常不錯的。

web全棧工程師5.0課程包括：

①計算機基礎以及PS基礎

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

③移動開發

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

⑤小程序開發

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

⑦就業拓展（網站SEO與前端安全技術）

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

想要系統學習，你可以考察對比一下開設有相關專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。

祝你學有所成，望採納。

web前端開發需要掌握的幾個必備技術

接下來由小編簡單的列舉出幾個前端開發中必須要學會的知識：

第一階段：

HTML+CSS:

HTML進階、CSS進階、div+css布局、HTML+css整站開發、

JavaScript基礎：

Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。

JS基本特效：

常見特效、例如：tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。

JS高級特徵：

正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎、

JQuery：基礎使用

懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。

第二階段：

HTML5和移動Web開發

HTML5：

HTML5新語義標籤、HTML5表單、音頻和視頻、離線和本地存儲、SVG、WebSocket、Canvas.

CSS3:

CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。

Bootstrap:

響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。

移動Web開發：

跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚划算頁面、手機滾屏。

第三階段：

HTTP服務和AJAX編程

WEB伺服器基礎：

伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。

PHP基礎：

PHP基礎語法、使用PHP處理簡單的GET或者POST請求、

AJAX上篇：

Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。

AJAX下篇：

JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。

第四階段：

面向對象進階

面向對象終極篇：

從內存角度到理解JS面向對象、基本類型、複雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。

面向對象三大特徵：

繼承性、多態性、封裝性、介面。

設計模式：

面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。

第五階段：

封裝一個屬於自己的框架

框架封裝基礎：

事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。

框架封裝中級：

運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。

框架封裝高級和補充：

JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。

第六階段：

模塊化組件開發

面向組件編程：

面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。

面向模塊編程：

AMD設計規範、CMD設計規範、RequireJS，LoadJS、淘寶的SeaJS。

第七階段：

主流的流行框架

Web開發工作流：

GIT/SVN、Yeoman腳手架、NPM/Bower依賴管理工具、Grunt/Gulp/Webpack。

MVC/MVVM/MVW框架：

Angular.js、Backbone.js、Knockout/Ember。

常用庫：

React.js、Vue.js、Zepto.js。

第八階段：

HTML5原生移動應用開發

Cordova：

WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關係、開發環境搭建、Cordova實戰(創建項目，配置，編譯，調試，部署發布)。

Ionic：

Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)。

ReactNative：

ReactNative簡介、ReactNative環境配置、創建項目，配置，編譯，調試，部署發布、原生模塊和UI組件、原生常用API。

HTML5+：

HTML5+中國產業聯盟、HTML5PlusRuntime環境、HBuilder開發工具、MUI框架、H5+開發和部署。

第九階段：

Node.js全棧開發：

快速入門：

Node.js發展、生態圈、Io.js、Linux/Windows/OSX環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。

核心模塊和對象：

全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操作，序列化和反序列化、文件流操作、HTTP服務端與客戶端。

Web開發基礎：

HTTP協議，請求響應處理過程、關係型資料庫操作和數據訪問、非關係型資料庫操作和數據訪問、原生的Node.js開發Web應用程序、Web開發工作流、Node.js開發Blog案例。

快速開發框架：

Express簡介+MVC簡介、Express常用API、Express路由模塊、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。

2020年Web前端自學之路指南

今天小編要跟大家分享的文章是關於2020年Web前端自學之路指南。許多人可能跟著網路上的各種教程就入了前端這行的門，但大多數都只是機械的學習著資料中的內容。俗話說，選擇要比努力重要。那麼學習開發，首先應該要有一個清晰的學習路線。希望這篇文章，能為大家在選擇未來的發展方向時提供一些參考和幫助。下面來和小編一起看一看吧！

1、基礎學習

●HTML+CSS基礎：

HTML進階、CSS進階、div+css布局、排版、html+css整站開發，樣式美化和瀏覽器兼容

●JavaScript基礎：

掌握Js基本語法、條件、語句和循環、js內置對象常用方法、ECMAscript、DOM、BOM、定時器和焦點圖，並學習增強邏輯的常用演算法，實現木馬、拖放、放大鏡等常見的網路特效。

●JavaScript高級特性：

正則表達式與JSON、正則表達式案例、JavaScript原理與庫封裝、閉包、函數節流、作用域鏈、面向對象基礎、事件與運動框架封裝

●JQuery基礎使用：

DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件的基本使用，開發複雜的交互功能和效果，並能熟悉JQuery的插件開發機制。

2、HTML5+CSS3和移動Web開發

●HTML5：

HTML5新語義標籤、HTML5表單、音頻和視頻、離線和本地存儲、SVG、WebSocket

●CSS3：

CSS3新選擇器、偽元素、顏色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作

●圖像學：

Canvas、Canvas遊戲、數據可視化、Heighcharts.js

●Bootstrap：

響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS

●移動Web開發：

跨終端WEB和主流設備簡介、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、商城頁面、滾屏

3、HTTP服務和AJAX編程

●WEB伺服器基礎：

伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹

●PHP基礎：

PHP基礎語法，使用PHP處理簡單的GET/POST請求

●AJAX上篇：

Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用

●AJAX下篇：

JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI用法、使用Ajax實現瀑布流案例

4、面向對象進階

●面向對象終極篇：

從內存角度到理解JS面向對象、基本類型、複雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器

●面向對象三大特徵：

繼承性、多態性、封裝性、介面

●設計模式：

面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程

5、封裝一個屬於自己的框架

●框架封裝基礎：

事件流、冒泡、捕獲、事件對象、事件框架、選擇框架

●框架封裝中級：

運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝

●框架封裝高級和補充：

JQuery框架雛形、可擴展性、模塊化

6、模塊化組件開發

●面向組件編程：

面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序

●面向模塊編程：

AMD設計規範、CMD設計規範、RequireJS，LoadJS、淘寶的SeaJS、CommonJS、ES6Modules

7、工程化構建、主流的框架

●Web開發工作流：

GIT/SVN、Yeoman腳手架、NPM/Bower依賴管理工具、Grunt/Gulp/Webpack、打包案例

●MVC/MVVM/MVW框架：

Vue.js、React、Angular.js、Backbone.js、Knockout/Ember、項目驅動

8、Node.js全棧開發

●快速入門：

Node.js發展、生態圈、Io.js、Linux/Windows/OS

X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試;掌握node.js全棧的解決方案和在伺服器端JS高效開發

●核心模塊和對象：

全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操作，序列化和反序列化、文件流操作、HTTP服務端與客戶端、Socket.IO

●Web開發基礎：

HTTP協議，請求響應處理過程、關係型資料庫操作和數據訪問、非關係型資料庫操作和數據訪問、原生的Node.js開發Web應用程序、Web開發工作流、Node.js開發Blog案例。

●快速開發框架：

Express簡介+MVC簡介、Express常用API、Express路由模塊、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。

●資料庫：

mongoose/mongoDB、MYSQL

●Node.js開發電子商務實戰：

需求與設計、賬戶模塊註冊登錄、會員中心模塊、前台展示模塊、購物車，訂單結算、在線客服即時通訊模塊

9、微信系列

●微信公眾號

JS-SDK配置、定製菜單、回調、定製分享內容、掃一掃、地理位置、微信音頻、圖像、語音識別功能、伺服器端curl

庫、支付、卡券、微店、微信開發模式與公眾號分析、統計分析

●微信小程序

小程序項目、uni-app、mpvue

10、移動APP(Web/Native/Hybrid)

●ReactNative簡介、ReactNative環境配置、創建項目，配置，編譯，調試，部署發布、原生模塊和UI組件、原生常用API

●Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)

11、其他

●職業素養

溝通表達、團隊合作、目標管理、時間管理、心態管理

●就業指導

簡歷投遞技巧、面試筆試技巧

12、推薦一些編程學習網站

01、嗶哩嗶哩

這個網站如果讓我評價，可謂是上邊的視頻都是非常高質量的，你可以去搜索看一下。

02、菜鳥教程

這個網站雖然不是視頻網站，一聽名字就知道適合菜鳥的，但是基礎的知識寫的非常詳細，很清晰易懂，非常適合剛開始學習編程的小夥伴。

03、W3School

之前剛開始學WEB開發時，經常在該網站，就是結合w3school學習前端，開發時，如果遇到記不清的標籤，就去w3school搜索，平常有時間，就來慕課看前端視頻。

類似這樣的學習網站還有很多，該開始入門的話上面的網站足矣。其他的網站推薦還有騰訊課堂、實驗樓、果殼MOOC學院等、知乎、掘金……

以上就是小編今天為大家分享的關於2020年Web前端自學之路指南的文章，希望本篇文章能夠對正在從事Web前端工作的小夥伴們有所幫助，想要了解更多Web前端知識記得關注北大青鳥Web培訓官網，最後祝願小夥伴們工作順利，成為一名優秀的Web前端工程師。

文章來源：原創前端猿前端猿指北

web前端開發需要掌握哪些知識？

一.基礎學習

主要就是html、css、JavaScript。建議直接從html5、css3、ES5入手進行來學習。由於該部分是web前端開發中的基礎部分，因此建議大家基礎一定要打牢固。

二.與美工相關、後端開發、設計相關的學習

優秀的web前端開發工程師，將熟知自己工作界面的各種布局。因此，這也將是你工作中的重點。根據公司的不同，大家可擴大知識面，加深對自身產品的理解。

與美工相關，主要是精通ps、切圖類工具的應用。Photoshop是必然需要掌握的，這裡我們不強調作圖的精美，但是至少需要掌握它的應用。一技之長，無論何時何地總會大有應用。

後端開發，一般情況下，前端開發和後端開發是分開的，不過也存在特殊情況。因此，需要我們做出選擇後端的主要學習陣地，很多人都在比較PHP、Python、Node.js哪種好，其實三者差別不大，從市場上的熱度來看，Node.js視乎更受歡迎一點，當然Node.js對js熟悉的前端來說也更容易上手。

三.各種框架類庫的學習

jquery，bootstrap等，現在的框架比較多，但是jquery和bootstrap這樣級別的必須得熟練掌握，要不很多公司都沒法幹活。一般類庫和框架都有垂直的網站可以學習，如bootstrap中文網之類的都很不錯。