• 授課方式
    視頻學習+隨堂練習
  • 開課時間
    隨到隨學
  • 適合人群
    前端開發語言編程初學者
  • 課程時長
    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 的極客新聞手機版實戰課程概要

最近正在學

玩钱游戏牛牛-玩钱游戏牛牛app-玩钱游戏牛牛网址