• 授課方式
                視頻學習+隨堂練習
              • 開課時間
                隨到隨學
              • 適合人群
                前端開發語言編程初學者
              • 課程時長
                3079分鐘

              課程介紹

              講師介紹

              • 牛客導師
                牛客高級工程師聯合極客學院,擁有十多年實戰開發經驗,手把手教學,詳細講解基礎知識。

              課程提綱

              • 第1章
                HTML5開發前準備

                HTML5開發前的準備

                開發前的準備-快捷鍵

              • 第2章
                XHTML的使用規范
                XHTML的規范化
              • 第3章
                HTML5特性簡介

                HTML5元素簡介及使用方法

                HTML5屬性使用方法

                HTML5格式化及使用

              • 第4章
                HTML5樣式、鏈接和表格

                HTML5樣式的使用

                HTML5鏈接屬性及使用

                HTML5表格使用

              • 第5章
                HTML5列表、塊和布局

                HTML5列表的使用

                HTML5塊元素標簽的使用

                HTML5布局的使用

              • 第6章
                HTML5元素、屬性和格式化

                HTML5元素簡介及使用方法

                HTML5屬性使用方法

                HTML5格式化及使用

              • 第7章
                HTML5 改良的 input 元素的種類

                改良與增加 input 元素的種類 (1)

                改良與增加 input 元素的種類 (2)

                改良與增加 input 元素種類 (3) 和表單驗證

              • 第8章
                HTML5 新增的主體結構元素

                article 元素

                section 元素

                nav 元素

                aside 元素

                time 元素和 pubdate 屬性

              • 第9章
                HTML5 新增的非主體結構元素

                header 元素

                footer 元素和 hgroup 元素

                address 元素和網頁編排規則

              • 第10章
                HTML5 文件API(一)

                FileList對象與File對象

                文件API之Bolb對象

                文件API之FileReader對象

              • 第11章
                HTML5 文件API(二)

                FileSystem概述及瀏覽器檢測

                申請磁盤配額

                創建文件

              • 第12章
                HTML5 本地數據庫

                本地數據庫的基本概念

                用executesql來執行查詢

                使用數據庫實現Web留言本

              • 第13章
                HTML5 本地存儲的應用

                LokiJS 的應用

                橫向多頁滑動功能的實現

                分類查看功能的實現

              • 第14章
                HTML5 File API 的應用

                HTML5 File API 簡介

                實現文件列表功能

                操作欄的創建及 WebFont 的使用

                使用對話框創建文件夾

              • 第15章
                HTML5 File API 的應用進階

                實現可選擇列表

                實現文件復制和移動

                制作操作欄切換特效

              • 第16章
                HTML5 indexedDB數據庫

                鏈接數據庫

                數據庫的版本更新

                創建對象倉庫

              • 第17章
                HTML5 indexedDB數據庫索引

                創建索引

                利用索引獲取數據

                游標與index和游標結合


              • 第18章
                HTML5 Web Storage概述

                Web Storage概述

                簡單Web留言本

                作為簡單數據庫來利用

              • 第19章
                HTML5 Canvas 使用路徑

                HTML5繪制圓形

                HTML5 moveTo與lineTo

                使用bezierCurveTo繪制貝塞爾曲線

              • 第20章
                HTML5 Canvas 繪制漸變圖形與繪制變形圖形

                HTML5 Canvas 繪制漸變圖形

                HTML5 Canvas 繪制徑向漸變

                HTML5 Canvas 繪制變形圖形

              • 第21章
                HTML5 編輯 API 之 Range 對象(一)

                Range 對象基本概念

                Range方法之SelectNode等方法

                Range方法之setStartsetEnd等方法

              • 第22章
                HTML5 編輯 API 之 Range 對象(二)

                Range 對象方法

                Range 對象方法之 insertNode、compareBoundaryPoints 方法

                Range 對象方法之 collapse、detach 方法

              • 第23章
                HTML5 微場景實戰

                健康學習心態

                從文字稿到 PPT

                設計思路與框架搭建

                HTML5 頁面構建之第一頁和第二頁

                HTML5 頁面構建之第三頁和第四頁

                HTML5 頁面構建之其他頁面

                總結:思路重現

              • 第24章
                整站項目開發實戰之網站首頁布局搭建

                知識點概括及案例分析

                浮動布局與定位布局的配合

                必備的切圖技巧及圖片優化

                背景圖片定位的應用

                簡化代碼——共用類似的 CSS 樣式

              • 第25章
                CSS入門基礎知識

                CSS基礎-介紹及語法

                CSS基礎-派生選擇器

                CSS基礎-id選擇器

                CSS基礎-類選擇器

                CSS基礎-屬性選擇器

              • 第26章
                CSS基本樣式講解

                CSS樣式-背景

                CSS樣式-文本

                CSS樣式-字體

                CSS樣式-鏈接

                CSS樣式-列表

                CSS樣式-表格

                CSS樣式-輪廓

              • 第27章
                CSS常用操作

                CSS常用操作-對齊

                CSS常用操作-分類

                CSS常用操作-導航欄

                CSS常用操作-圖片

              • 第28章
                CSS3選擇器詳解(一)

                CSS3 屬性選擇器

                CSS3結構性偽類選擇器

                CSS3 選擇器 root、not、empty 和 target

              • 第29章
                CSS3選擇器詳解(二)

                選擇器:first-child、last-child、nth-child 和 nth-last-child

                選擇器:nth-of-type 和 nth-last-of-type

                only-child 選擇器

              • 第30章
                CSS3選擇器詳解(三)

                CSS3 選擇器 hover、focus、active 和 checked

                enabled和disabled

                通用兄弟元素選擇器

              • 第31章
                CSS3背景與邊框相關樣式

                與背景相關的新增屬性

                圓角邊框

                使用圖像邊框

              • 第32章
                CSS3 文字與字體相關樣式

                CSS3 給文字添加陰影

                CSS3 使用服務器端字體

                CSS3 修改字體種類而保持字體尺寸不變

              • 第33章
                CSS3 布局屬性全接觸

                彈性盒模型介紹

                Flexbox 菜單項目實戰

                多列屬性詳解

                媒體查詢解析

                響應式表格項目實戰

                響應式圖片項目實戰

              • 第34章
                CSS3盒子相關樣式

                盒子的類型

                對盒子中容納不下的內容的顯示

                盒子的陰影和大小計算方式

              • 第35章
                CSS3 實現下拉選擇框、單選框和復選框動畫特效

                不一樣的下拉選擇框

                CSS3 實現單選框的動畫特效

                CSS3 實現復選框的動畫特效

              • 第36章
                CSS3 實現 loading 動畫和 3D 翻轉動畫特效

                CSS3 實現 loading 動畫第一講

                CSS3 實現 loading 動畫第二講

                3D 菜單翻轉動畫特效

              • 第37章
                CSS3 動畫屬性簡介及彈球效果

                動畫過渡效果屬性 transition 講解

                動畫效果屬性 animation 講解

                CSS3 變形、陰影和漸變背景色屬性講解

                使用 CSS3 實現彈球動畫效果

              • 第38章
                CSS3 中的動畫功能

                Transitions 功能

                Animations功能

                實現動畫的方法

              • 第39章
                CSS3 中的變形處理

                transform 功能的基礎知識

                對一個元素使用多種變形的方法

                指定變形的基準點

              • 第40章
                CSS3-商城首頁的子模塊分析和細節實現

                頁頭模塊的分析和細節實現

                輪播模塊的分析和細節實現

                菜單模塊的分析和細節實現

              • 第41章
                前端開發技巧與SEO

                前端工程師和美工配合的那些事

                CSS美化表單及扒站技巧

                網頁分析技巧

                搜狐視頻首頁頁面分析

                網站SEO介紹

                與頁面相關的網站SEO技巧

              • 第42章
                使用Bootstrap開發后臺并實現響應式

                HTML5&CSS3移動端開發技術介紹

                移動端中的設備、圖片處理及兼容性

                迅雷移動端首頁布局實戰

                Bootstrap簡介

                響應式布局技巧與Media Query

                響應式與Bootstrap框架

                基于Bootstrap制作后臺管理系統

              • 第43章
                基于 Bootstrap 框架開發技巧實戰課程概要
                基于 Bootstrap 框架開發技巧實戰課程概要
              • 第44章
                JavaScript基礎教程

                Javascript基礎-介紹、實現、輸出

                Javascript基礎-語法和注釋

                Javascript基礎-變量和數據類型

              • 第45章
                JavaScript語法詳解

                Javascript語法-運算符(1)

                Javascript語法-運算符(2)

                Javascript語法-條件語句if...else

                Javascript語法-條件語句switch

                Javascript語法-循環語句for循環

                Javascript語法-循環語句while循環

                Javascript語法-跳轉語句

              • 第46章
                JavaScript函數

                Javascript函數-了解函數的用途

                Javascript函數-定義函數

                Javascript函數-調用函數

                Javascript函數-帶參數的函數

                Javascript函數-帶返回值的函數

                Javascript函數-局部變量和全局變量

              • 第47章
                JavaScript面向對象詳解

                JS面向對象-認識面向對象

                JS面向對象-JS面向對象(1)

                JS面向對象-JS面向對象(2)

              • 第48章
                JavaScript內置對象

                JS內置對象-什么是對象

                JS內置對象-String字符串對象

                JS內置對象-Date日期對象

                JS內置對象-Array數組對象

                JS內置對象-Math對象

              • 第49章
                JavaScript事件詳解

                JS事件詳解-事件流

                JS事件詳解-事件處理

                JS事件詳解-事件對象

              • 第50章
                JavaScript異常處理和事件處理

                Javascript異常捕獲

                Javascript事件

              • 第51章
                JavaScript高級編程技巧

                正則表達式RegExp對象(上)

                作用域與閉包

                this的使用

                值傳遞和引用傳遞

                百度音樂用戶注冊實戰

                正則表達式RegExp對象(下)

              • 第52章
                使用高效的JavaScript工具jQuery進行開發

                H5新的標準屬性

                H5新的事件屬性

                Web Worker

                百度音樂客服中心實戰

                jQuery簡介、安裝、語法

                jQuery選擇器、事件

                jQuery效果

                jQuery屬性操作

                jQuery文檔操作

                jQuery遍歷

                jQuery輪播圖制作實戰

                Ajax介紹

                Http知識

                Ajax實例演示

                Json

                Ajax跨域

                Ajax實戰360搜索

                jQuery Validate表單驗證插件

                jQuery樹形菜單插件(Treeview)

                jQuery樹形菜單實戰全國城市數據

              • 第53章
                JavaScript模塊化

                JavaScript模塊化概述

                CommonJS規范

                Seajs

                RequireJs

                使用模塊化改造輪播圖實戰

              • 第54章
                JavaScript 編程技巧與實戰概要
                JavaScript 編程技巧與實戰概要
              • 第55章
                AJAX 基礎

                AJAX 概述

                搜索框提示功能實例演示

                XMLHttpRequest 的創建

                AJAX 請求的發起

                響應的接收與處理

              • 第56章
                AJAX-通用代碼封裝與常見問題處理

                代碼封裝的分析與規劃

                通用封裝代碼的實現

                AJAX 請求的緩存問題

                異步編程模型

                頁面歷史記錄問題

              • 第57章
                AJAX 文件上傳

                異步文件上傳方式介紹

                利用隱藏 iframe 實現偽異步上傳

                利用 XMLHttpRequest level 2 實現異步上傳

              • 第58章
                React 相關庫

                Jest 介紹及實例演示

                ImmutableJS 介紹及實例演示

                Flux 介紹及實例演示

              • 第59章
                React 相關開發工具

                Gulp 介紹及實例演示

                Browserify 介紹及實例演示

                Webpack 介紹及實例演示

              • 第60章
                測試 React 組件

                React 測試工具介紹

                隔離 React 組件

                測試 Mixin

              • 第61章
                React 組件性能調優

                React 性能調優原理

                如何尋找性能熱點

                如何解決性能問題

              • 第62章
                使用 jQuery 制作京東網的焦點圖

                效果展示及 HTML 框架搭建

                圖片的自動與手動輪播切換

                左右按鈕控制輪播的顯示

                調試 BUG 及課程總結

              • 第63章
                使用 jQuery 實現多種類型的導航條(上)

                當前頁面高亮顯示的通欄導航條

                可以中英切換的導航條

                帶彈性動畫的下拉框導航條

                摩擦運動動畫跟隨的導航條

              • 第64章
                jQuery 制作無縫輪播的焦點圖

                無縫輪播概念的詳解及框架的搭建

                手動點擊左右按鈕控制輪播的切換

                無縫概念的引入及實現原理

                為無縫輪播添加自動和手動動畫

                調試 Bug 并將代碼進行簡化

              • 第65章
                使用 jQuery 實現多種類型的導航條(下)

                根據子集個數改變導航高度的導航條

                將頁面向下推動的導航條

                從左側滑動展示的導航條

              • 第66章
                jQuery 中滾動條事件的應用

                頁面返回頂部的兩種方式

                判斷滾動條方向做導航條動畫

                根據滾動條位置逐次加載相應的內容

                通過 mCustomScrollbar 自定義滾動條樣式

              • 第67章
                網頁的常見布局

                網頁布局綜述

                一欄、二欄、三欄布局

                混合布局


              • 第68章
                CSS布局模型

                頁面元素定位和CSS布局模型概述

                流動模型(標準文檔流)

                浮動模型(浮動定位)

                層布局模型(絕對定位)

              • 第69章
                網站布局經典案例及原型圖的構建

                網頁生產過程及原型圖構建

                經典布局之雙飛翼布局

                經典布局之圣杯布局

                高級技巧之多列等高

              • 第70章
                Web前端網頁布局實戰課程概要

                Web前端網頁布局實戰課程概要

              • 第71章
                使用WeUI進行手機端布局

                WeUI和Sass應用實例

                制作歡迎界面和登錄表單

                完善登錄交互

                新聞分類導航開發

                新聞列表開發

              • 第72章
                使用Zepto.js開發頁面動態處理效果

                完善頁面交互功能

                異步獲取新聞列表

                填充內容到對應模塊


              • 第73章
                基于 WeUI 和 Zepto 的極客新聞手機版實戰課程概要
                基于 WeUI 和 Zepto 的極客新聞手機版實戰課程概要

              最近正在學

              日本av不卡在线观看 - 视频 - 在线观看 - 影视资讯 - 妞妞网