Web前端開發職業技術要求規劃

親愛的朋友們:

大家好,我是演講者-達達前端,也可以叫我 Jeskson !

今天,我演講的題目是《Web前端開發職業技術要求規劃》。這個世界有很多不平凡的人,也有更多平凡的人,你是屬於哪一種呢?

我曾經即當過學霸也當過學渣,從小不愛學習的我,每一科成績都不及格,成天和朋友們出去玩耍,然而是什麼時候開始轉變成爲學霸的呢?那就是我的父親教我數學的那一刻起,我的學習突飛猛進,在班裏每次考試不是第一就是第二,再也不用老師教我數學了,哈哈哈!!!

我當時坐在倒數第二排的邊邊角角的位置,那絕對是“愛玩耍,愛講話”的風水寶地,天天拉着前面的女同學愉快的交流起來,當時的成績可想而知,這樣的小子一定是成績很差的(但是當時成績也不算低啦,考低了還是怕被父母湊的),從父親教我學習開始,第一次的第一也許會讓老師感到這小子有點6哦,不過接二連三的數學成績第一名讓老師對我充滿信心,上課每次的最後一道大題都是叫我上去做,然後我分分鐘做完的那種。

你們知道是什麼改變我的學習成績嗎?你們可以猜猜~

是的,因爲我父親手把手教我學習,做練習題,教我解題思路。當時只是一本數學練習題,做完後,我的數學都會了。我相信每一個人都是一樣的,大家的頭腦其實都是一樣的,只要努力你也能成爲你想要的人。

目前,我是一位編程開發人員,專注於Web前端開發,每天大量的時間投入到學習中去,請大家記住一句話:永遠不要拿年齡與時間來當藉口,當你想成長的時候,當下就是最好的年齡,時間永遠都能抽出來。

接下來,我將展開對Web前端開發職業技術要求規劃主題內容講解。

首先說說web開發前景怎樣?據我所知,目前web前端工程師的年薪待遇平均在10萬以上,高級HTML前端工程師年薪達30—50萬,很多企業對於與web前端相關的技術職位更是求賢若渴。

Web前端開發工程師,是從事Web前端開發工作的工程師。主要進行網站的開發、優化、完善的工作。不得不說,web前端開發工程師的“黃金時代”正在走來。Web前端開發技術包括三個要素:HTML, CSS, JavaScript,隨着RIA的流行和普及,XML、Flash/Flex、Silverlight和服務器端語言也是前端開發人員應該掌握的。


下面我將從第一部分入手,說說:web前端開發簡介,web開發過程,web前端開發職業技能。

那麼什麼是web呢?Web是萬維網(World Wide Web)亦作“Web”“WWW”“‘W3’,是一個由許多互相鏈接的超文本組成的系統,通過互聯網訪問。

而web開發目前主要分爲前端和後端兩部分,後端指的是程序、數據庫和服務器層面的開發,而前端指的是直接與用戶接觸的網頁,網頁上通常有HTML、CSS、JavaScript等內容。


我們常常用到的瀏覽器,你們知道作用是什麼嗎?是的,它是用於顯示網頁內容,並讓用戶與這些文件交互的一種軟件。而我們常用到的瀏覽器有如下:IE、谷歌瀏覽器(Chrome)、火狐(Firefox),一般人很難理解什麼是Web服務器?但是它其實就是一部提供Web服務的計算機。

當我們在瀏覽器輸入的地址,其實是叫URL,如下即是它的格式:

URL的一般格式如下:
協議://主機地址(IP地址)+目錄路徑+參數

通過地址輸入到瀏覽器地址欄中, 我們就能上網,查找我們想要的學習內容,這部分看到的大都是來源於我們前端開發程序員。

接下來我們瞭解一些網絡應用程序架構:分 B/S架構(Browser/Server) 和 C/S架構(Client/Server)

B/S架構(Browser/Server)的特點有:

無需安裝特定客戶端程序,通過URL訪問;跨平臺能力(Windows、Linux、Android、IOS…);無縫升級,客戶端免維護;不能直接使用客戶端硬件資源,用戶體驗單一。

而 C/S架構(Client/Server) 的特點有:需要安裝特定客戶端程序;針對不同平臺開發不同版本;升級應用須重新安裝;充分應用客戶端硬件資源,構建大型3D效果應用。

瞭解了應用程序結構,讓我們瞭解一下,web開發過程:

如圖,我們可以清晰瞭解web開發過程:

瞭解其開發過程中,所需的內容人員團隊:

作爲一名合格的前端開發,我們需要掌握其職業技能:

由圖要知道第一,職業技能定義是:利用HTML、CSS、JavaScript、網頁開發框架等專業知識、方法和工具將產品UI設計稿實現成網站的技能。

第二,職業技能特徵是:具有較強的邏輯思維能力,擁有良好的編寫代碼習慣,溝通能力強,具有運用色彩搭配、點線面佈局來設計較好用戶體驗網站頁面的能力。

需要充分考慮到了 Web 前端開發從業人員的職業發展路徑與成長路徑,以職業素養、職業技能、知識水平爲主要框架結構,設計了 HTML 基礎及 HTML5 標籤、CSS 及 CSS3 應用、JavaScript基本語法與高級編程、ES6 標準、數據庫應用、項目模塊化開發、各種複雜的交互與優化等知識和能力等模塊。面向的主要崗位包括網頁設計、網頁製作、響應式頁面搭建、移動網頁製作與設計、網站搭建(門戶(行業)網站、交易類網站、企事業網站、娛樂性質網站)、網站規劃與設計等。

所以,我們需要有自己的職業規劃:

第二部分說要闡述的是前端開發規劃

其發展路線爲:Web 初級前端開發工程師 ,Web 中級前端開發工程師 ,Web 高級前端開發工程師,這三部分。


那麼說說Web頁面製作基礎需要掌握內容:

第一,(瞭解)Web簡介

第二,掌握HTML語法基礎

第三,HTML文本圖像元素(掌握、應用)

第四,HTML表單表格元素(掌握、應用)

第五,HTML超鏈接元素(掌握、應用)

第六,CSS基礎(瞭解)

第七,CSS樣式修飾(掌握、應用)

第八,CSS盒子模型(掌握)

第九,CSS佈局(掌握、應用)

對於要掌握的JavaScript程序設計:

1.JavaScript語法基礎(掌握)

2.分支、循環語句(掌握)

3.函數(掌握、應用)

4.數組、字符串(掌握)

5.正則表達式(掌握)

6.對象(掌握、應用)

7.BOM對象(掌握)

8.DOM對象(掌握、應用)

9.JavaScript事件處理(掌握、應用)

對於HTML5和CSS3開發基礎與應用的掌握:

1.HTML5簡介(瞭解)

2.HTML5新增元素(掌握、應用)

3.表單控件新增屬性(掌握、應用)

4.CSS3新增選擇器(掌握、應用)

5.CSS3新增屬性(掌握、應用)

對於輕量級框架開發應用的掌握:

1.JQuery框架概述(瞭解)

2.JQuery選擇器(掌握、應用)

3.JQuery中的DOM操作(掌握、應用)

4.JQuery事件(掌握、應用)

5.JQurey效果(掌握、應用)

6.JQuery Ajax(掌握、應用)

下面給出案例,可以學習做做試試:

案例重點要求:

100%實現UI效果圖。HTML結構清晰,標籤使用盡量做到語義話。根據功能劃分功能模塊,便於日後調整頁面內容。按照標準網站構建目錄,做到CSS、HTML、圖片分離。

當我們來到中級時,所需掌握:

1.深入淺出MySQL數據庫:MySQL概念(瞭解),MySQL安裝(掌握),MySQL範式(掌握),MySQL表結構管理(掌握、應用),MySQL用戶管理(掌握、應用),MySQL基本語法(掌握、應用),MySQL事務管理(掌握),MySQL視圖(掌握),MySQL索引(掌握),MySQL分區(掌握),MySQL觸發器(掌握、應用),MySQL存儲過程(掌握、應用),MySQL數據備份與恢復(掌握)

2.PHP技術與應用:PHP概述與工作原理(瞭解),PHP環境搭建與安裝(掌握),PHP語言基礎(掌握),PHP操作函數(掌握、應用),PHP圖形圖像處理(掌握),PHP文件系統處理(掌握),PHP面向對象程序設計(掌握),PHP操作數據庫(掌握、應用),PHP Web開發框架-Laravel(掌握)

3.Web前後端交互技術:WEB概述(瞭解),HTTP協議(掌握),Ajax(掌握、應用),Iframe(掌握、應用)等

4.響應式開發技術:Bootstrap等。

可以做一做案例:

來到了高級,這就是最重要的了。

如圖要掌握內容:

1.WEB前端框架簡介及VUE簡介(瞭解)

2.VUE基礎知識(掌握、應用)

3.VUE組件(掌握、應用)

4.VUE工程化工具(掌握)

5.VUE路由(掌握、應用)

6.VUE狀態管理(掌握、應用)

7.UI庫(掌握、應用)等

我們也可以做做案例:


以上就是我本次所演講的內容,謝謝各位觀看,如需ppt內容,以及不瞭解的內容,可私下與我聯繫,謝謝!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章