從web開發(fā)小白到一個中級工程師一般需要多久？

時間：2024-02-08 17:00:01 | 來源：網(wǎng)站運營

時間：2024-02-08 17:00:01 來源：網(wǎng)站運營

從web開發(fā)小白到一個中級工程師一般需要多久？：從web小白到初級工程師，不應(yīng)該問需要多久。學(xué)習(xí)成長的時間在于個人的學(xué)習(xí)能力，作為一個小白需要了解的是需要掌握什么知識點。

中級前端工程師需要掌握技能：

CSS3、HTML5和動畫效果；掌握新增標(biāo)簽、瀏覽器適配、實現(xiàn)、輸出、語法與注釋、變量和數(shù)據(jù)類型、JavaScript函數(shù)、JavaScript異常處理和時間處理；DOM對象，正則表達(dá)式等；具有JS基礎(chǔ)，重點要掌握的是Jquery、angularJS、bootstrap。

懶人目錄：

• 第一個階段：HTML5+CSS3
• 第二個階段：Web網(wǎng)頁開發(fā)
• 第三個階段：JavaScript 網(wǎng)頁編程
• 第四個階段：Node.js 與 AJAX
• 免費資源大放送

第一個階段：HTML5+CSS3：最新版Html5+Css3由淺入深教程

1. HTML5：瀏覽器與瀏覽器內(nèi)核、語法及使用、常用標(biāo)簽、語義化、表單元素、HTML5 新增標(biāo)簽
2. CSS3：基本語法規(guī)范、常用的基本選擇器用法與技巧、復(fù)合選擇器使用、數(shù)值與單位、文字文本樣式、CSS盒子模型、CSS背景技巧、圓角、陰影、過渡等新屬性、定位和浮動、偽類和偽元素、chrome調(diào)試工具、CSS高級技巧（精靈圖、滑動門、CSS三角等）、CSS常見布局技巧大全、網(wǎng)頁開發(fā)規(guī)范以及流程、CSS企業(yè)級網(wǎng)頁開發(fā)、網(wǎng)頁開發(fā)常見問題以及解決方案、CSS常見兼容性問題以及解決方案
3. 電商項目：Photoshop 切圖、cutterman插件一鍵切圖、代碼組織原則、項目開發(fā)實戰(zhàn)流程、電商類復(fù)雜頁面布局規(guī)范、CSS初始化技術(shù)選擇、CSS字體圖標(biāo)使用、布局技巧大全、完整的多頁面開發(fā)、網(wǎng)頁語義化設(shè)計、CSS頁面模塊化開發(fā)、復(fù)合選擇器的應(yīng)用、復(fù)雜網(wǎng)頁結(jié)構(gòu)排版、基本變換特效、電商類常見布局問題解決方案

本階段學(xué)習(xí)關(guān)鍵詞：

HTML5、CSS3、語義化標(biāo)簽、CSS3新屬性、盒子模型、定位與浮動、CSS 調(diào)試技巧、PS 切圖、網(wǎng)頁特效、靜態(tài)頁面開發(fā)、PSD文件還原網(wǎng)頁文件。

本階段需要掌握的能力：

• 了解常用瀏覽器和瀏覽器內(nèi)核；
• 了解語義化的概念；
• 掌握 HTML 語法及使用技巧；
• 掌握 CSS 語法及使用技巧；
• 掌握 DIV+CSS 布局方式；
• 掌握常見網(wǎng)頁布局模式；
• 掌握 HTML5 常用標(biāo)簽；
• 掌握 Photoshop 切圖以及插件切圖；
• 能夠熟練使用開發(fā)人員工具進(jìn)行頁面調(diào)試；
• 能夠完成基本的動畫效果；
• 能夠根據(jù)PSD文件獨立完成靜態(tài)頁面的開發(fā)工作；
• 能夠使用CSS3新屬性美化修飾網(wǎng)頁。

第二階段：移動web網(wǎng)頁開發(fā)：移動web開發(fā)6天完整

1. H5C3進(jìn)階：新布局標(biāo)簽、多媒體標(biāo)簽、新增表單標(biāo)簽、新增表單屬性、2D、3D 變換、animation 動畫、炫酷頁面開發(fā)
2. Felx伸縮布局：傳統(tǒng)布局的局限性、Flex布局優(yōu)勢、盒子父級常見屬性設(shè)置、盒子子級常見屬性設(shè)置、攜程網(wǎng) Flex 移動端頁面開發(fā)
3. 移動端開發(fā)：移動端屏幕介紹、移動端瀏覽器介紹、移動端操作系統(tǒng)介紹、真機(jī)調(diào)試、viewport 視口、rem 單位使用、移動端主流適配解決方案、常見移動端樣式兼容方案、預(yù)處理器 less、媒體查詢

本階段學(xué)習(xí)關(guān)鍵詞：

HTML5 標(biāo)簽、CSS3 動畫、移動端適配、真機(jī)調(diào)試、rem、flex 布局、媒體查詢、Bootstrap、Viewport、移動端調(diào)試

本階段需要掌握的能力如下：

• 掌握 HTML5 新布局標(biāo)簽、多媒體標(biāo)簽；
• 掌握 CSS3 2D、3D 變換、動畫效果；
• 了解移動端屏幕、移動端瀏覽器、操作系統(tǒng)的不同；
• 掌握常用移動端調(diào)試方法；
• 掌握常用移動端適配方法；
• 掌握 CSS 預(yù)處理器 less 的使用；
• 掌握常用移動端框架使用方法；
• 掌握常見移動端頁面開發(fā)；
• 掌握響應(yīng)式布局開發(fā)；
• 掌握 Bootstrap 開發(fā)響應(yīng)式頁面；
• 掌握適配不同終端的網(wǎng)頁開發(fā)技術(shù)選型。

第三個階段：JavaScript網(wǎng)頁編程：前端-Javascript基礎(chǔ)視頻教程-video

1. JavaScript 基礎(chǔ)：基本語法、常用數(shù)據(jù)結(jié)構(gòu)、編碼規(guī)范約定、內(nèi)置對象常用方法、常見 JavaScript 算法大全、對象的創(chuàng)建方式和 this 講解、構(gòu)造函數(shù)
2. Web APIs編程：BOM 操作大全、DOM 操作大全、網(wǎng)頁特效大全、事件處理流程、瀏覽器兼容性解決方案、封裝動畫函數(shù)
3. JavaScript高級：面向?qū)ο笏枷?、JavaScript 中的對象深入理解、JSON 使用、閉包原理以及使用場景、原型以及原型鏈深入剖析、作用域鏈深入分析、函數(shù)的調(diào)用方式及 this 指向總結(jié)、正則表達(dá)式、面向?qū)ο罄碚撆c實踐、ECMAScript 2015 (ES6) 新語法
4. jQuery快速開發(fā)：jQuery 的優(yōu)勢、jQuery 選擇器、jQuery 中的動畫、鏈?zhǔn)骄幊毯碗[式迭代、插件使用和制作、常見網(wǎng)頁特效制作大全、團(tuán)隊協(xié)作開發(fā)流程

本階段關(guān)鍵詞如下：

網(wǎng)頁編程、JavaScript 高級、面向?qū)ο?、閉包、原型、原型鏈、ES6、正則表達(dá)式、DOM、BOM、動畫函數(shù)、jQuery、jQuery 插件

本階段所需掌握能力如下：

• - 能夠掌握 JavaScript 基本語法；
• - 掌握常見 JavaScript 算法；
• - 掌握 DOM 的各種操作；
• - 熟練使用面向?qū)ο笏枷脒M(jìn)行 DOM 編程；
• - 掌握 JavaScript 的高級語法；
• - 熟練使用 jQuery 操作 DOM；
• - 熟練使用和編寫 jQuery 插件；
• - 獨立完成電商網(wǎng)站的頁面搭建（包括 HTML 結(jié)構(gòu)、CSS 樣式、JavaScript 特效）；
• - 掌握應(yīng)對業(yè)務(wù)編程的能力；
• - 掌握 JavaScript 常見兼容性方案；
• - 掌握團(tuán)隊合作開發(fā)流程。

第四個階段：Node.js 與 AJAX：Nodejs教程精講

1. Node.js基礎(chǔ)：環(huán)境安裝、REPL 運行環(huán)境、Node 中的 JavaScript、模塊系統(tǒng)、模塊加載機(jī)制、模塊與包、NPM 常用命令、文件操作
2. 異步編程：環(huán)境安裝、REPL 運行環(huán)境、Node 中的 JavaScript、模塊系統(tǒng)、模塊加載機(jī)制、模塊與包、NPM 常用命令、文件操作
3. Web開發(fā)：回調(diào)函數(shù)、Promise 對象、Generator 生成器函數(shù)、Async 函數(shù)、常用異步流程控制庫
4. Express：靜態(tài)網(wǎng)站與動態(tài)網(wǎng)站、使用 http 模塊創(chuàng)建 Web 服務(wù)、請求響應(yīng)原理、HTTP 協(xié)議、處理頁面請求、處理表單提交、Cookie 與 Session、MySQL 數(shù)據(jù)庫、常用 SQL 語句、使用 Node 操作 MySQL 數(shù)據(jù)庫、博客項目
5. 接口開發(fā)：安裝與初始化、路由系統(tǒng)、靜態(tài)資源處理、中間件使用及原理、常用第三方中間件、模板引擎、錯誤處理、調(diào)試 Express 應(yīng)用、常用 API
6. 前端模塊化：前后端分離架構(gòu)模式、RESTFul API 設(shè)計、接口測試工具
7. AJAX編程：模塊化開發(fā)基本概念、模塊化演變過程分析、設(shè)計規(guī)范、Require.js、同步與異步概念、原生 AJAX、jQuery 的 AJAX 相關(guān) API 使用、底層原理分析、緩存問題及解決方案、跨域請求及解決方案、前端模板引擎

本階段學(xué)習(xí)關(guān)鍵詞：

Node.js、CommonJS、JavaScript 模塊化、異步編程、服務(wù)端、MySQL、HTTP 協(xié)議、Express、Koa、Cookie、Session、中間件、分頁、注冊登錄、模塊化、CMS 系統(tǒng)開發(fā)、RESTful、Ajax、SQL

本階段所需掌握技能：

• - 能夠建立客戶端服務(wù)器交互模型，熟悉網(wǎng)絡(luò)通信相關(guān)概念；
• - 能夠使用 Node.js 進(jìn)行 Web 服務(wù)端開發(fā)；
• - 能夠掌握 JavaScript 異步編程模型；
• - 能夠掌握 JavaScript 模塊化編程方式；
• - 能夠使用 Node.js 操作 MySQL 數(shù)據(jù)庫；
• - 能夠理解 HTTP 協(xié)議；
• - 熟悉原生 Ajax 請求流程與細(xì)節(jié)，并掌握常見跨域技巧；
• - 能夠基于 jQuery 的 Ajax 相關(guān) API 熟練開發(fā)常見的前端功能；
• - 能夠獨立開發(fā)基于后臺接口的動態(tài)網(wǎng)站、Ajax 數(shù)據(jù)交互的項目；
• - 能夠獨立完成企業(yè)網(wǎng)站從前臺到后臺的基本開發(fā)工作。

以上內(nèi)容均為傳智播客原創(chuàng)內(nèi)，如需轉(zhuǎn)載請按照規(guī)范轉(zhuǎn)載標(biāo)明出處。如有想要自學(xué)的小伙伴，需要更詳細(xì)的課程大綱以及配套視頻，課堂筆記+源碼的話。私信或者留言獲取。

課程資源：

• 前端與移動開發(fā)基礎(chǔ)入門到精通
• 6天玩轉(zhuǎn)JavaScript基礎(chǔ)教程
• JavaScript高階教程