WEB前端項(xiàng)目簡(jiǎn)介
前端開始的階段只有HTML、JS、CSS,應(yīng)用雖然是非常簡(jiǎn)單的,開發(fā)起來卻是非常復(fù)雜的,因此,單單只是DOM操作方面就有大量的DOM操作API。為了降低操作成本,就出現(xiàn)了DOM操作框架,jquery.js。這個(gè)階段類似于從原始的刀耕火種進(jìn)入石器時(shí)代。對(duì)dom的操作帶來了很大的便利性。盡管如此,真正在構(gòu)建一個(gè)復(fù)雜應(yīng)用的時(shí)候,因?yàn)闃I(yè)務(wù)邏輯和手動(dòng)操作dom邏輯交織在一起,應(yīng)用維護(hù)變得越來越難。
課程模塊 | 課程詳情 |
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)簽,相對(duì)路徑,絕對(duì)路徑,HTML語義化標(biāo)簽 |
CSS基礎(chǔ)及選擇器 |
CSS語法,樣式塊與樣式表,標(biāo)簽選擇器,類選擇器,ID選擇器,兄弟選擇器,后代、子代選擇器,屬性選擇器,星號(hào)選擇器,偽類、偽元素選擇器使用與區(qū)別器區(qū)別,選擇器權(quán)重 |
CSS樣式及布局 |
基本屬性,精靈圖,盒子模型,流式脫流,浮動(dòng)與定位,子絕父相,字體圖標(biāo)的使用,彈性盒子性,彈性布局,彈性切割,媒體查詢與響應(yīng)式布局,移動(dòng)端設(shè)計(jì)稿的計(jì)算與使用,移動(dòng)端界面規(guī)范及注意事項(xiàng) |
CSS3高級(jí)屬性 |
過渡,變換,3D變換,透視,動(dòng)畫與幀動(dòng)畫,線性漸變,徑向漸變,圓錐漸變,多列布局,grid網(wǎng)格布局,計(jì)數(shù)器,陰影,裁剪,濾鏡,BFC現(xiàn)象及處理方式 |
CSS工具類的使用 |
Animate.css的使用,tailwind.css的使用,cdn使用,頁面緩存與優(yōu)化,SEO優(yōu)化 |
UI設(shè)計(jì)與交互 |
photoshop的安裝及使用,常用操作,PS素材的導(dǎo)入與導(dǎo)出,PS切圖與快捷鍵,PS圖標(biāo)處理,切圖,色彩搭配,寬度計(jì)算,設(shè)計(jì)規(guī)范,AI軟件的安裝與使用,AI適量圖標(biāo)處理,pxcook軟件的使用,sketch的使用 |
課程模塊 | 課程詳情 |
JavaScript基礎(chǔ)語法 |
JavaScript發(fā)展史,JavaScript與EMCAScript的關(guān)系,JavaScript引入,async引入與defer引入,標(biāo)識(shí)符,核心關(guān)鍵字,變量,數(shù)據(jù)類型,數(shù)據(jù)類型轉(zhuǎn)換,數(shù)據(jù)類型檢測(cè),運(yùn)行符與表達(dá)式,條件分支與循環(huán)語句,JSON,流程控制,數(shù)組,經(jīng)典算法與數(shù)據(jù)結(jié)構(gòu),函數(shù)與閉包,arguments,立即執(zhí)行函數(shù),debug斷點(diǎn)調(diào)試 |
JavaScript面向?qū)ο?/span> |
面向?qū)ο蟾拍睿琂S對(duì)象創(chuàng)建方式,工廠模式創(chuàng)建對(duì)象,構(gòu)造函數(shù)創(chuàng)建對(duì)象,原型及原型鏈,繼續(xù),instanceof檢測(cè),call/apply/bind的使用,對(duì)象this,堆棧原理,深淺原理,內(nèi)置對(duì)象,包含對(duì)象,Math對(duì)象,Date對(duì)象,正則表達(dá)式,執(zhí)行上下文解析,函數(shù)式編程 |
DOM/BOM編程 |
DOM模型,DOM獲取方式,NodeList與HTMLCollection,DOM屬性及方法,Node與Element,offset/scroll/client的區(qū)別與使用,Event基礎(chǔ),0級(jí)事情與2級(jí)事件,冒泡與捕獲,事件委托,自定義事件,BOOM對(duì)象,圖像/音視頻API接口,移動(dòng)端API接口,storage與cookie |
JS庫與UI框架 |
Ajax原理,Ajax典型應(yīng)用,JSON對(duì)象,F(xiàn)etch請(qǐng)求,WebSocket通訊,數(shù)據(jù)可視化,jQuery,jQuery的DOM操作,事件操作,jQuery插件,jQuery擴(kuò)展方法,jzepto的使用,bootstrap框架的使用,bootstrap常用布局,bootstrap響應(yīng)式與柵格系統(tǒng),bootstrap函數(shù)庫的使用 |
ECMAScript 6 |
let與const,解構(gòu),字符串?dāng)U展,展開運(yùn)算符,數(shù)值擴(kuò)展,正則擴(kuò)展,數(shù)組擴(kuò)展,函數(shù)擴(kuò)展,箭頭函數(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ū)動(dòng),非阻塞IO機(jī)制,寵任務(wù)與微任務(wù),任務(wù)調(diào)度機(jī)制,npm與yarn的使用,package.json分析 |
TypeScript語言 |
TypeScript與JavaScript的區(qū)別,TypeScript編譯環(huán)境,TypeScript數(shù)據(jù)類型,運(yùn)算符,流程控制,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)查詢,高級(jí)查詢,視圖,索引,B+樹,約束,事務(wù),MySQL讀寫分離,數(shù)據(jù)庫可編程性,數(shù)據(jù)庫設(shè)計(jì)與建模工具PowerDesigner,設(shè)計(jì)范式,NoSql與Mongodb的使用,MongoClient的使用 |
Node.js服務(wù)器編程 |
express構(gòu)建后臺(tái)報(bào)務(wù)器,靜態(tài)容器,模板引擎,art-template,express路由,前后端傳值,get/post/put/delete請(qǐng)求處理,路徑變量,RESTful接口規(guī)范,JSON處理,session與cookie,攔截器,上傳與下載,驗(yàn)證碼技術(shù),JWT接口安全機(jī)制,oAuth2.0規(guī)范,MVC原理,koa2與egg.js |
課程模塊 | 課程詳情 |
vue3開發(fā) |
vue2與vue3介紹,數(shù)據(jù)綁定,指令,自定義指令,偵聽器,深度偵聽,過濾器,動(dòng)態(tài)樣式,屬性綁定,組件及組件傳值,動(dòng)態(tài)組件,插槽,Virtual DOM開發(fā),vue過渡與動(dòng)畫,生命周期與鉤子函數(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的對(duì)比,jsx語法,數(shù)據(jù)綁定,條件渲染,樣式處理,React事件,React組件,生命周期,React數(shù)據(jù)傳遞,context,state及props,React狀態(tài)管理,React CSS Module,React-Router,路由傳值,嵌套路由,HOC高級(jí)組件,
React Hook Api開發(fā),React開發(fā)配置,Redux與Mbox全局狀態(tài)管理 |
微信小程序 |
小程序注冊(cè)及開發(fā)工具,小程序配置文件及,項(xiàng)目結(jié)構(gòu)解析,組件,模板語法,樣式,事件,數(shù)據(jù)請(qǐng)求,生命周期,自定義組件,插件開發(fā),API使用,路由使用,小程序分包機(jī)制,運(yùn)行機(jī)制,條件編譯,性能優(yōu)化,小程序云開發(fā),云數(shù)據(jù)庫及云函數(shù)的使用,小程序的發(fā)布與維護(hù),包機(jī)制,運(yùn)行機(jī)制,條件編譯,性能優(yōu)化,小程序云開發(fā),云數(shù)據(jù)庫及云函數(shù)的使用,小程序的發(fā)布與維護(hù) |
職業(yè)素質(zhì)課程 |
編程基礎(chǔ)能力考察,項(xiàng)目經(jīng)驗(yàn)考察,HR綜合軟素質(zhì)考察,組件,高分簡(jiǎn)歷制作,如何在面試中發(fā)揮實(shí)力,面試復(fù)盤,數(shù)據(jù)請(qǐng)求,國(guó)內(nèi)外公司推薦(阿里巴巴、小米、斗魚、京東、華為…) |
Web前端實(shí)戰(zhàn)訓(xùn)練營(yíng) |
開課前,對(duì)于學(xué)習(xí)有困難的同學(xué),增加40個(gè)學(xué)時(shí)的不收費(fèi)課前輔導(dǎo) |
實(shí)力講師面授,浸入式教學(xué),課程內(nèi)容緊跟企業(yè)需求。
國(guó)內(nèi)較出名企業(yè)講師,實(shí)戰(zhàn)能力強(qiáng),全程項(xiàng)目教學(xué)。
從小白到大牛只要幾個(gè)月,學(xué)不會(huì)還可不收費(fèi)重修。
入學(xué)簽訂就業(yè)協(xié)議,近萬家合作企業(yè),一對(duì)一服務(wù)體系。
如何選擇web前端機(jī)構(gòu)
需要看課程內(nèi)容。web前端培訓(xùn)依據(jù)企業(yè)需求定期升級(jí)課程大綱,覆蓋熱門大數(shù)據(jù)可視化內(nèi)容,深化PHP+MySQL開發(fā)內(nèi)容,采用20大項(xiàng)目驅(qū)動(dòng)教學(xué),深度貫穿前端后端開發(fā),屬業(yè)內(nèi)罕見。著力培養(yǎng)學(xué)員的大前端視角與全棧思維,采用講師面對(duì)面授課模式,班主任、項(xiàng)目經(jīng)理及就業(yè)規(guī)劃師全程跟班,學(xué)員可以獲得職業(yè)技能和就業(yè)素質(zhì)的雙重提升,就業(yè)后不僅有能力解決工作中的疑難問題,更有實(shí)力勝任項(xiàng)目leader!
課程背景
當(dāng)前,隨著信息技術(shù)的快速發(fā)展,Web前端技術(shù)成為互聯(lián)網(wǎng)行業(yè)最為火熱的方向之一。為了滿足越來越多人對(duì)Web前端技術(shù)的需求,武漢地區(qū)許多培訓(xùn)機(jī)構(gòu)紛紛推出了相關(guān)課程。
課程特色
1. 授課老師擁有多年工作經(jīng)驗(yàn),能夠?qū)?shí)際項(xiàng)目經(jīng)驗(yàn)融入課程教學(xué)中;
2. 課程覆蓋面廣,包含HTML、CSS、JavaScript等多個(gè)核心知識(shí)點(diǎn);
3. 課程內(nèi)容豐富,不僅講解基礎(chǔ)知識(shí),還涉及實(shí)際項(xiàng)目案例分析;
4. 學(xué)習(xí)過程中,提供充分的實(shí)操機(jī)會(huì),讓學(xué)員能夠快速上手。
課程目標(biāo)
1. 掌握Web前端的基礎(chǔ)知識(shí),了解HTML、CSS、JavaScript等核心技術(shù);
2. 能夠快速構(gòu)建簡(jiǎn)單的網(wǎng)站,完成前端開發(fā)任務(wù);
3. 掌握其它實(shí)用的Web前端技術(shù),如jQuery、Bootstrap等;
4. 在實(shí)際項(xiàng)目中能夠獨(dú)立完成Web前端開發(fā)工作。
學(xué)習(xí)對(duì)象
1. 對(duì)Web前端技術(shù)感興趣的人員;
2. 正在尋找Web前端相關(guān)工作的職場(chǎng)人士;
3. 想獲取編程技能并進(jìn)入互聯(lián)網(wǎng)行業(yè)的應(yīng)屆畢業(yè)生等。
課程內(nèi)容
1. HTML基礎(chǔ)知識(shí)
2. CSS樣式設(shè)計(jì)
3. JavaScript編程基礎(chǔ)
4. jQuery原理及使用
5. Bootstrap框架實(shí)戰(zhàn)
6. 響應(yīng)式設(shè)計(jì)與移動(dòng)端適配
7. 實(shí)際項(xiàng)目案例演練等。
學(xué)習(xí)時(shí)長(zhǎng)和收費(fèi)范圍
根據(jù)不同機(jī)構(gòu)和不同課程安排而有所不同,通常在2-6個(gè)月左右,收費(fèi)范圍在4000-15000元之間。
學(xué)習(xí)收獲
通過學(xué)習(xí)Web前端開發(fā)相關(guān)知識(shí),不僅能夠熟練掌握Web前端相關(guān)技術(shù),還能夠提升自己的編程能力和實(shí)際項(xiàng)目開發(fā)能力。同時(shí),掌握Web前端技能也有助于求職,更好地滿足市場(chǎng)需求。
結(jié)語
以上信息僅供參考,實(shí)際情況以到校咨詢?yōu)闇?zhǔn)。我們提供多種售前咨詢和售后客服服務(wù),歡迎聯(lián)系我們的在線客服,預(yù)約免費(fèi)體驗(yàn)課,享受最優(yōu)質(zhì)的培訓(xùn)服務(wù)。
培訓(xùn)項(xiàng)目:java培訓(xùn)、c語言培訓(xùn)、軟件測(cè)試培訓(xùn)、web前端培訓(xùn)
¥21000819人關(guān)注
¥21000891人關(guān)注
¥21000724人關(guān)注
¥21000641人關(guān)注
¥21000667人關(guān)注