日韩精品视频在线看,日本人妖在线观看,香蕉啪视频在钱看视频久,亚洲高清日韩一区

    

      

        


        
    
        
        
        
        
        
            
          
                
                                
        • 
                    在線客服
                
          • 
                            
        
        
        
        
        
        
    
        

        




        
    
    
        
        
        長沙源碼時代教育
        
        
        
        Java培訓、UI設計培訓、產品經理培訓、軟件測試培訓、新媒體+短視頻培訓、全棧培訓...
        
    
        
    
        
        
        咨詢本校課程:
        
         
        25018715784000-757-730
        
    
        

        

        
    
        
        
    
        

        




        
    
        
        
                
        
            首頁
            >IT技術
            >前端開發(fā)
            >html5
        
        

        
        
        
            
        
                
        
                    
                
        
                
				
        
					更新時間:2025-02-25 15:28:22				
        
            
        
            
        
                
        長沙源碼時代H5前端訓練營
        
                
        H5前端培訓學校地址
        
                
        
                
        
                    
                    
        
                        授課機構
                        長沙源碼時代教育
                    
        
                    
        
                        上課地點
                                                長沙岳麓汽車西站|詳細地圖
                    
        

                    
        
                        成交/評價
                        
                            
                                                        5.0分
                                                    
                    
        
                                        
        
                        聯系電話
                        4000-757-730
                    
        
                                        
        
                        
                            
        
                                
                            
        
                            
        
                                
                            
        
                            
        

                                
                            
        
                            
        
                                		
                    
        
                            
                
        
            
        
        
        

        
        
        
            
        課程詳情

            
        
            
        
            
        
                
        
                
        

        

        什么是H5前端?
        

        

        

        H5大前端是干什么的？
        

        前端，即視覺交互是所有信息化軟件離不開的話題。H5大前端是一個多元的綜合體，它主要包括 HTML、CSS 和JavaScript，以及由它們衍生出來的一個龐大的生態(tài)圈。
        

        學科前景
        

        有10億手機瀏覽器支持Web前端,同時HTML Web開發(fā)者數量將達到200萬,HTML5將成為未來5年內,移動互聯網領域的主宰者。據IDC的調查報告統(tǒng)計,截至2015年底,有84%的移動開發(fā)商已經決定要在其應有程序中整合HTML5技術。
        

        Web前端中的HTML5技術更是日趨成熟,HTML5是移動互聯網前端的主流開發(fā)語言，目前還沒有任何一種前端開發(fā)技術能夠取代HTML5。
        

        

        

        

        

        

        

        為什么要學H5大前端?
        

        

        H5?大前端的就業(yè)方向是非常廣泛的，可以從事的工作，包含全行業(yè)涉及領域，UI 設計、網站管理、網頁設計、管理系統(tǒng)設計、交互平臺設計、APP 移動界面設計、小程序開發(fā)、用戶體驗、產品設計、項目管理等。很多人對 H5大前端工程師的印象可能還留在做做網頁的階段，其實H5 大前端行業(yè)已經開始發(fā)生變化了，出現了很多細分方向。
        

        國內外眾多大型IT 企業(yè) (如:百度、騰訊、微軟、Yahoo、中國移動等)均已成立專業(yè)的前端開發(fā)部門，但專業(yè)人才稀缺，人才資源爭奪激烈，就業(yè)市場供不應求。H5大前端工程師工作的年薪基本保持在12到18 萬，經驗豐富者可以達到25 萬以上，資深的H5大前端工程師年薪還能更高。
        

        

        

        

        

        

        

        

        

        了解詳情
        

        

        

        

        

        

        

        

        

        

        

        

        我們的H5前端課程更適合哪些人？
        

          

        • 


          

          應屆大學生初入職場
          

          為剛畢業(yè)學員提供初入職場的通道，還原真實企業(yè)工作場景讓其快速融入正式工作中
          

          • 

        • 


          

          互聯網從業(yè)者轉崗
          

          原從事后臺開發(fā)，想完美轉型全棧開發(fā)的工程師
          

          • 

        • 


          

          0-1小白進階
          

          沒有計算機基礎，愿意從事IT開發(fā)，改變生活現狀，改變命運的學員。
          

          • 

        • 


          

          自由職業(yè)者、創(chuàng)業(yè)者
          

          可以沒有任何的計算機和編程基礎，但希望通過自己的付出打破現狀的人
          

          • 

        

        

        

        

        

        

        

        

        

        H5前端課程大綱
        

        

        

        

        

        

        階段 web網頁基礎
        

        

        

        HTML5+CSS3基礎入門
        

        課程內容

        

        熟悉HTML5入門基本內容，掌握CSS3的基礎入門知識，可以實現任意網頁布局。
        

        

        

        項目實戰(zhàn)

        

        京東登錄布局設計開發(fā) 、京東注冊布局設計開發(fā)
        

        

        

        Photoshop
        

        課程內容

        

        掌握Photoshop基本操作；能夠獨立的進行網頁切圖
        

        

        

        項目實戰(zhàn)

        

        博客項目網頁切圖、量尺寸 ；企業(yè)多方案綜合項目切圖、量尺寸、標注像素
        

        

        

        HTML5+CSS3進階
        

        課程內容

        

        掌握繼承與優(yōu)先級；HTML表格與表單；掌握css3新特性；能夠進行合理的網頁布局
        

        

        

        項目實戰(zhàn)

        

        企業(yè)網站多方案綜合項目實踐、完整的多個企業(yè)網站開發(fā)
        

        

        

        

        

        

        

        

        

        第2階段 web編程基礎
        

        

        

        JavaScript基礎語法
        

        課程內容

        

        掌握JS基礎基本語法和基本語句，培養(yǎng)編程邏輯思維，實現網頁的動態(tài)交互
        

        

        

        項目實戰(zhàn)

        

        H5音樂播放器、實現H5小游戲
        

        

        

        BOM編程
        

        課程內容

        

        掌握window、location、history、navigator、screen等對象的使用，掌握事件處理和DOM節(jié)點BOM組成
        

        

        

        項目實戰(zhàn)

        

        倒計時秒表、商品搶購倒計時案例
        

        

        

        DOM編程
        

        課程內容

        

        DOM節(jié)點操作(增刪改查) 操作文本節(jié)點 事件四要素 事件綁定 事件處理函數返回值
        

        

        

        項目實戰(zhàn)

        

        DOM元素移動動畫案例
        

        

        

        Javascript實現交互效果
        

        課程內容

        

        用JavaScript實現網頁上常見的各種交互動畫效果
        

        

        

        項目實戰(zhàn)

        

        回到頂部、在線客服、選項卡效果：導航二級菜單、商品分類二級菜單、手風琴效果、輪播圖效果
        

        

        

        版本控制工具Git/SVN
        

        課程內容

        

        掌握SVN/GIT版本控制工具來維護項目的整個藍圖；熟練使用github、碼云等平臺來管理云端代碼倉庫，完成多人協作項目。
        

        

        

        項目實戰(zhàn)

        

        源碼大數據
        

        

        

        

        

        

        

        

        

        第3階段 H5進階和JS中級進階和前端工程化
        

        

        

        HTML5+CSS3高級新特性
        

        課程內容

        

        掌握LocalStorage和SessionStorage、視頻和音頻，Web字體的使用，掌握過渡，動畫，變形等實現各種絲滑流暢的*交互
        

        

        

        項目實戰(zhàn)

        

        搜索歷史記錄功能模塊、手寫一個視頻播放器
        

        

        

        Flex布局和移動端適配
        

        課程內容

        

        Flex布局完美適配各個終端，掌握業(yè)界主流的響應式布局方案
        

        

        

        項目實戰(zhàn)

        

        京東移動端 、淘寶移動端 、攜程移動端
        

        

        

        JS中級進階
        

        課程內容

        

        深入函數細節(jié)、突破JS數組的20個常用方法、玩轉合并對象和各種循環(huán)對象、深入BOM的hashchange和pushState
        

        

        

        項目實戰(zhàn)

        

        排序、過濾、率先的復雜動態(tài)表格JS實現；復雜表單的正則驗證綜合實踐
        

        

        

        Node模塊化和npm和yarn包管理
        

        課程內容

        

        node模塊化，包管理npm和yarn，打包工具webpack，為前端工程化鋪墊
        

        

        

        項目實戰(zhàn)

        

        從零實現一個多頁面打包項目腳手架
        

        

        

        Webpack5自動構建和前端工程化
        

        課程內容

        

        webpack5完整學習，完成從0到1搭建項目工程目錄，支持切換開發(fā)和生產環(huán)境，啟動開發(fā)服務器，打包上線。
        

        

        

        項目實戰(zhàn)

        

        從零實現一個多頁面打包項目腳手架
        

        

        

        數據可視化Echart
        

        課程內容

        

        掌握echarts的各種玩法，高度自定義echarts，實現常見的前端數據可視化
        

        

        

        項目實戰(zhàn)

        

        移動端餅圖、折線圖、堆疊條形圖、柱狀圖綜合案例
        

        

        

        高德地圖API
        

        課程內容

        

        掌握高度地圖API的正確使用方式，實現定位，繪制圖標，繪制線條，實時繪制運動軌跡等復雜交互
        

        

        

        項目實戰(zhàn)

        

        跑步定位和運動軌跡繪制
        

        

        

        Ajax前后端數據交互
        

        課程內容

        

        前后端數據交互技術ajax，原生Ajax、axios，同步和異步、局部刷新瀏覽器，增強用戶體驗
        

        

        

        項目實戰(zhàn)

        

        Fitness App
        

        

        

        

        

        

        

        

        

        第4階段 JavaScript高級編程和框架核心思想
        

        

        

        JavaScript高級編程
        

        課程內容

        

        JavaScript面向對象編程思想，深入理解作用域、閉包、原型和原型鏈、繼承、this、IIFE、構造函數，類和實例對象等知識
        

        

        

        項目實戰(zhàn)

        

        手寫深拷貝和淺拷貝、手寫ES5寄生組合式繼承
        

        

        

        ES6、ES7
        

        課程內容

        

        ES6新特性解構、擴展運算符、模板字符串、箭頭函數、對象的簡潔寫法、類、靜態(tài)屬性、原型方法、實例對象、ES6的模塊化、Promise和Async。Await異步編程。
        

        

        

        項目實戰(zhàn)

        

        解決回調地獄、async和await異步編程
        

        

        

        組件化、模塊化開發(fā)
        

        課程內容

        

        模塊化歷史,AMD/CMD/COMMONJS/ESMODULE, ES6模塊化的導入和導出，模塊化開發(fā)的好處
        

        

        

        項目實戰(zhàn)

        

        模塊化代碼實現一個抽獎程序綜合實踐
        

        

        

        WebSocket雙向通信
        

        課程內容

        

        掌握HTTP協議、客戶端數據傳輸方式，掌握WebSocket 在HTML5 領域的應用場景，用于實現客戶端和服務器的長鏈接
        

        

        

        項目實戰(zhàn)

        

        實現多人在線聊天室
        

        

        

        

        

        

        

        

        

        第5階段 Vue2和Vue3全家桶與多端應用開發(fā)
        

        

        

        Vue2、Vue-router框架編程
        

        課程內容

        

        掌握Vue的單文件組件，指令、雙向數據綁定、生命周期、胡須表達式Mustach、插槽、混入、全局指令，全局組件、組件封裝、計算屬性、過濾器等特性和路由的使用。
        

        

        

        項目實戰(zhàn)

        

        商家后臺管理系統(tǒng)
        

        

        

        Vuex狀態(tài)管理
        

        課程內容

        

        Vuex的核心state/mutations/actions/getters/module,輔助函數mapState/mapGetters/mapActions/mapMutations，命名空間拆分倉庫等
        

        

        

        項目實戰(zhàn)

        

        商家后臺管理系統(tǒng)
        

        

        

        Elementui/Iview/ VantUI ui框架的使用
        

        課程內容

        

        使用PC端ui框架element-ui/ivew或移動端ui框架vantui，完成項目的組件化開發(fā)
        

        

        

        項目實戰(zhàn)

        

        商家后臺管理系統(tǒng) 、商家移動端App
        

        

        

        DataV數據大屏
        

        課程內容

        

        數據可視化方案、Vue中的數據可視化方案、基于echarts封裝的數據可視化倉庫 dataV
        

        

        

        項目實戰(zhàn)

        

        物流數據大屏
        

        

        

        Vue3框架編程
        

        課程內容

        

        掌握Vue3的Proxy，新的響應式ref和reactive，組合式CompositionApi的使用，以及Hooks的使用，使用Vue3完成大型項目開發(fā)
        

        

        

        項目實戰(zhàn)

        

        vite+Vue3家修管理后臺系統(tǒng)
        

        

        

        @vue/cli 和 Vite
        

        課程內容

        

        搭建項目腳手架，基于TS的配置和JS的配置，Vue2的版本和Vue3的版本;新一代構建工具，搭建Vue3項目，極速啟動打包，實現大型項目秒刷，等待編譯
        

        

        

        項目實戰(zhàn)

        

        vite+Vue3家修管理后臺系統(tǒng)
        

        

        

        TypeScript
        

        課程內容

        

        TypeScript基礎類型、變量聲明、接口、類、函數、泛型、枚舉、類型推導、交叉類型、聯合類型、類型保護、裝飾器、tsconfig等
        

        

        

        項目實戰(zhàn)

        

        TypeScript+Vue3實現后臺管理系統(tǒng)
        

        

        

        MVVM源碼解析
        

        課程內容

        

        MVC和MVVM源碼解析，深入Vue2和Vue3的底層原理，手寫實現Vue2和Vue3的響應式系統(tǒng)，雙向數據綁定，發(fā)布訂閱等。
        

        

        

        項目實戰(zhàn)

        

        手寫實現mini版本Vue
        

        

        

        uniapp微信小程序
        

        課程內容

        

        微信小程序開發(fā)、uniapp跨多端開發(fā)、編譯到H5、IOS、Android和各個小程序平臺。
        

        

        

        項目實戰(zhàn)

        

        四海香微信小程序、尚體電商小程序
        

        

        

        

        

        

        

        

        

        第6階段 React18全家桶與多端應用開發(fā)
        

        

        

        React18基礎和進階、React-router
        

        課程內容

        

        React基礎，受控組件、非受控組件、生命周期、setState、React進階SCU 優(yōu)化，PureComponent，React Hooks、React-router
        

        

        

        項目實戰(zhàn)

        

        源碼電影App
        

        

        

        React Hooks
        

        課程內容

        

        React新特性StateHooks和EffectHooks，類組件和函數組件寫法，對比，優(yōu)劣勢、生命周期、ui框架Ant Design 全家桶。
        

        

        

        項目實戰(zhàn)

        

        基于react全家桶的社交電商后臺管理系統(tǒng)
        

        

        

        AntV數據可視化
        

        課程內容

        

        螞蟻家族數據可視化庫的使用、大屏數據實施展示。
        

        

        

        項目實戰(zhàn)

        

        電商數據大屏
        

        

        

        React Native 和 Flutter
        

        課程內容

        

        基于React的移動端混合式開發(fā)框架
        

        

        

        項目實戰(zhàn)

        

        基于IOS和Android 的源碼本地生活App
        

        

        

        

        

        

        

        

        

        第7階段 就業(yè)服務
        

        

        

        就業(yè)指導
        

        課程內容

        

        企業(yè)通用面試技巧、知識點面試技巧、模擬面試、項目面試技巧....
        

        

        

        面試直通車
        

        課程內容

        

        面試經驗交流、面試技術解惑、面試項目跟蹤。
        

        

        

        售后服務
        

        課程內容

        

        隨時隨地為同學們提供工作問題解決方案！源碼時代是具有售后的服務機構！
        

        

        

        

        

        

        

        

        

        第8階段 贈送課程
        

        

        

        React18基礎和進階、React-router
        

        課程內容

        

        React基礎，受控組件、非受控組件、生命周期、setState、React進階SCU 優(yōu)化，PureComponent，React Hooks、React-router
        

        

        

        項目實戰(zhàn)

        

        源碼電影App
        

        

        

        React Hooks
        

        課程內容

        

        React新特性StateHooks和EffectHooks，類組件和函數組件寫法，對比，優(yōu)劣勢、生命周期、ui框架Ant Design 全家桶。
        

        

        

        項目實戰(zhàn)

        

        基于react全家桶的社交電商后臺管理系統(tǒng)
        

        

        

        AntV數據可視化
        

        課程內容

        

        螞蟻家族數據可視化庫的使用、大屏數據實施展示。
        

        

        

        項目實戰(zhàn)

        

        電商數據大屏
        

        

        

        

        

        

        

        

        

        

        

        

        源碼時代學習環(huán)境
        

        

        

        

        

        

        

        

        

        

                        
        
                
        
                
        
                
        
                    課程評價
                
        
                
        
                    聚劃算
                
        
            
        
            
            
        
                
        機構相關課程查看更多 >
        
                
        
                
           
        
			                     			
        
				
        
				
        
				
				
        
				
        長沙h5技術培訓-IT高級工程師培訓
        
				
        
			
        
            			
        
				
        
				
        
				
				
        
				
        長沙h5制作培訓班-web前端工程師培訓
        
				
        
			
        
            			
        
				
        
				
        
				
				
        
				
        長沙源碼時代Java培訓學校