我適合學(xué)WEB前端嗎?
豐富的教學(xué)特色搶先看
課程具有含金量,緊扣行業(yè)需求
課程模塊 | 課程詳情 |
HTML基礎(chǔ) |
HTML基礎(chǔ),HTML發(fā)展史,HTML語法規(guī)則,網(wǎng)頁結(jié)構(gòu),字符與字符集,單標(biāo)簽與雙標(biāo)簽,文字標(biāo)簽,字體標(biāo)簽,圖片標(biāo)簽,列表標(biāo)簽,表格標(biāo)簽,表單標(biāo)簽,鏈接標(biāo)簽,相對路徑,絕對路徑,HTML語義化標(biāo)簽 |
CSS基礎(chǔ)及選擇器 |
CSS語法,樣式塊與樣式表,標(biāo)簽選擇器,類選擇器,ID選擇器,兄弟選擇器,后代、子代選擇器,屬性選擇器,星號選擇器,偽類、偽元素選擇器使用與區(qū)別器區(qū)別,選擇器權(quán)重 |
CSS樣式及布局 |
基本屬性,精靈圖,盒子模型,流式脫流,浮動與定位,子絕父相,字體圖標(biāo)的使用,彈性盒子性,彈性布局,彈性切割,媒體查詢與響應(yīng)式布局,移動端設(shè)計稿的計算與使用,移動端界面規(guī)范及注意事項 |
CSS3高級屬性 |
過渡,變換,3D變換,透視,動畫與幀動畫,線性漸變,徑向漸變,圓錐漸變,多列布局,grid網(wǎng)格布局,計數(shù)器,陰影,裁剪,濾鏡,BFC現(xiàn)象及處理方式 |
CSS工具類的使用 |
Animate.css的使用,tailwind.css的使用,cdn使用,頁面緩存與優(yōu)化,SEO優(yōu)化 |
UI設(shè)計與交互 |
photoshop的安裝及使用,常用操作,PS素材的導(dǎo)入與導(dǎo)出,PS切圖與快捷鍵,PS圖標(biāo)處理,切圖,色彩搭配,寬度計算,設(shè)計規(guī)范,AI軟件的安裝與使用,AI適量圖標(biāo)處理,pxcook軟件的使用,sketch的使用 |
課程模塊 | 課程詳情 |
JavaScript基礎(chǔ)語法 |
JavaScript發(fā)展史,JavaScript與EMCAScript的關(guān)系,JavaScript引入,async引入與defer引入,標(biāo)識符,核心關(guān)鍵字,變量,數(shù)據(jù)類型,數(shù)據(jù)類型轉(zhuǎn)換,數(shù)據(jù)類型檢測,運行符與表達(dá)式,條件分支與循環(huán)語句,JSON,流程控制,數(shù)組,經(jīng)典算法與數(shù)據(jù)結(jié)構(gòu),函數(shù)與閉包,arguments,立即執(zhí)行函數(shù),debug斷點調(diào)試 |
JavaScript面向?qū)ο?/span> |
面向?qū)ο蟾拍?,JS對象創(chuàng)建方式,工廠模式創(chuàng)建對象,構(gòu)造函數(shù)創(chuàng)建對象,原型及原型鏈,繼續(xù),instanceof檢測,call/apply/bind的使用,對象this,堆棧原理,深淺原理,內(nèi)置對象,包含對象,Math對象,Date對象,正則表達(dá)式,執(zhí)行上下文解析,函數(shù)式編程 |
DOM/BOM編程 |
DOM模型,DOM獲取方式,NodeList與HTMLCollection,DOM屬性及方法,Node與Element,offset/scroll/client的區(qū)別與使用,Event基礎(chǔ),0級事情與2級事件,冒泡與捕獲,事件委托,自定義事件,BOOM對象,圖像/音視頻API接口,移動端API接口,storage與cookie |
JS庫與UI框架 |
Ajax原理,Ajax典型應(yīng)用,JSON對象,F(xiàn)etch請求,WebSocket通訊,數(shù)據(jù)可視化,jQuery,jQuery的DOM操作,事件操作,jQuery插件,jQuery擴展方法,jzepto的使用,bootstrap框架的使用,bootstrap常用布局,bootstrap響應(yīng)式與柵格系統(tǒng),bootstrap函數(shù)庫的使用 |
ECMAScript 6 |
let與const,解構(gòu),字符串?dāng)U展,展開運算符,數(shù)值擴展,正則擴展,數(shù)組擴展,函數(shù)擴展,箭頭函數(shù),Map與Set,Symbol類型,BigInt類型,class與extends的使用,Reflect反射與Proxy代理,Iterable迭代器,for…of的使用,Promise,async/await的使用,CommonJS模塊化與ESModule模塊化 |
課程模塊 | 課程詳情 |
Node.js基礎(chǔ) |
node.js環(huán)境安裝與介紹,node.js內(nèi)置模塊,fs、path、os等模塊,node.js事件驅(qū)動,非阻塞IO機制,寵任務(wù)與微任務(wù),任務(wù)調(diào)度機制,npm與yarn的使用,package.json分析 |
TypeScript語言 |
TypeScript與JavaScript的區(qū)別,TypeScript編譯環(huán)境,TypeScript數(shù)據(jù)類型,運算符,流程控制,TypeScript元組,泛型,接口,類,命名名空,d.ts的使用 |
模塊化工程化 |
Sass/Less/Stylus預(yù)編譯器的Gulp/Webpack/Vite打包,Babel目錄轉(zhuǎn)換,postcss,ESLint風(fēng)格,git/svn版本控制 |
MySQL/Mongodb |
數(shù)據(jù)庫概述與安裝,圖形操作工具使用,數(shù)據(jù)類型,內(nèi)置函數(shù),SQL語句,關(guān)聯(lián)查詢,高級查詢,視圖,索引,B+樹,約束,事務(wù),MySQL讀寫分離,數(shù)據(jù)庫可編程性,數(shù)據(jù)庫設(shè)計與建模工具PowerDesigner,設(shè)計范式,NoSql與Mongodb的使用,MongoClient的使用 |
Node.js服務(wù)器編程 |
express構(gòu)建后臺報務(wù)器,靜態(tài)容器,模板引擎,art-template,express路由,前后端傳值,get/post/put/delete請求處理,路徑變量,RESTful接口規(guī)范,JSON處理,session與cookie,攔截器,上傳與下載,驗證碼技術(shù),JWT接口安全機制,oAuth2.0規(guī)范,MVC原理,koa2與egg.js |
課程模塊 | 課程詳情 |
vue3開發(fā) |
vue2與vue3介紹,數(shù)據(jù)綁定,指令,自定義指令,偵聽器,深度偵聽,過濾器,動態(tài)樣式,屬性綁定,組件及組件傳值,動態(tài)組件,插槽,Virtual DOM開發(fā),vue過渡與動畫,生命周期與鉤子函數(shù),vue-router,嵌套路由,路由傳值,SPA開發(fā),element-plus,vant/antd框架使用,vuex全局狀態(tài),vue.config.js,vue全家桶,SSR服務(wù)端渲染,composition API的使用,vue的SFC使用,Provice/Inject |
React開發(fā) |
React與vue的對比,jsx語法,數(shù)據(jù)綁定,條件渲染,樣式處理,React事件,React組件,生命周期,React數(shù)據(jù)傳遞,context,state及props,React狀態(tài)管理,React CSS Module,React-Router,路由傳值,嵌套路由,HOC高級組件,
React Hook Api開發(fā),React開發(fā)配置,Redux與Mbox全局狀態(tài)管理 |
微信小程序 |
小程序注冊及開發(fā)工具,小程序配置文件及,項目結(jié)構(gòu)解析,組件,模板語法,樣式,事件,數(shù)據(jù)請求,生命周期,自定義組件,插件開發(fā),API使用,路由使用,小程序分包機制,運行機制,條件編譯,性能優(yōu)化,小程序云開發(fā),云數(shù)據(jù)庫及云函數(shù)的使用,小程序的發(fā)布與維護(hù),包機制,運行機制,條件編譯,性能優(yōu)化,小程序云開發(fā),云數(shù)據(jù)庫及云函數(shù)的使用,小程序的發(fā)布與維護(hù) |
職業(yè)素質(zhì)課程 |
編程基礎(chǔ)能力考察,項目經(jīng)驗考察,HR綜合軟素質(zhì)考察,組件,高分簡歷制作,如何在面試中發(fā)揮實力,面試復(fù)盤,數(shù)據(jù)請求,國內(nèi)外公司推薦(阿里巴巴、小米、斗魚、京東、華為…) |
Web前端實戰(zhàn)訓(xùn)練營 |
開課前,對于學(xué)習(xí)有困難的同學(xué),增加40個學(xué)時的不收費課前輔導(dǎo) |
技術(shù)大牛點撥,經(jīng)驗傾囊相授
選擇軟帝教育,選擇成功!
前臺
課堂2
前臺3
課堂5
¥21000課時:5個月
¥21000課時:5個月
¥21000課時:3個月
¥21000課時:4個月
¥21000課時:5個月
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢