热99re久久精品|天天综合网久久综合免费人成|91久久久久久久精品青草| 亚洲AV无码无一区二区Ⅰ久久|

  • <tt id="4ayss"><strong id="4ayss"></strong></tt>
  • <xmp id="4ayss"><menu id="4ayss"></menu><nav id="4ayss"><strong id="4ayss"></strong></nav>
    <nav id="4ayss"><strong id="4ayss"></strong></nav>
  • <nav id="4ayss"></nav>

    卓象程序員 | 哈爾濱IT培訓 | 品質教育,口碑傳承 | 為做出口口相傳,好口碑的教育品牌而奮斗!

    卓象程序員讓每一位學員高薪就業 聯系我們13101507057

    加微信,了解詳情

    Web前端工程師高薪就業課程大綱

    Web前端課程大綱

    第一章:前端代碼初識
    1、前端開發環境及軟件

    熟悉前端開發基礎知識及相關開發工具,理解什么是計算機語言,了解前端開發語言的種類及作用,初步接觸HTML語言語法及HTML頁面基本結構,初步了解CSS語言的語法及用法 熟練所有常用CSS聲明屬性,做到靈活運用。

    2、前端需要哪些語言
    3、頁面基本結構
    4、樣式表的書寫規則及出現的位置
    5、常見樣式匯總
    第二章: 常用html標簽及css基礎
    1、常用標簽

    熟練使用常用的HTML標簽及其類型特性,常用選擇器的應用, 理解選擇器優先級的原理,熟練優先級的應用場景及日常開發注意事項, 知道常用開發的樣式初始化作用及好處, 熟記標簽的各種類型及其特性, 熟練用CSS轉換標簽之間的類型, 對比塊及行內標簽,理解行內塊標簽的特性及使用, 會用CSS重新定義鼠標形狀, 熟悉通用的公司編碼規范。

    2、常用選擇器
    3、選擇器優先級
    4、標簽類型
    5、標簽類型轉換
    6、鼠標圖標形狀設置
    7、編碼規范
    第三章:頁面布局之浮動
    1、浮動的前世今生

    理解什么是文檔流, 了解什么是浮動, 熟悉浮動的基本語法及用法, 能解理并熟記浮動的特性, 理解什么是清除浮動, 了解清除的應用情況, 理解及熟練使用清除浮動的各種方式,特別是最后一種, 理解什么是塊級格式化上下文,明白其作用,并熟練它的特性及觸發條件。

    2、浮動基本語法
    3、浮動的特性
    4、為什么需要清除浮動
    5、清除浮動的幾種方法
    6、BFC (Block Formatting Context)模式
    7、擴展-內容溢出顯示方式:overflow: hidden | scroll | auto
    第四章:頁面布局之定位
    1、 position:relative 相對定位

    熟練使用相對定位、絕對定位,定位的移動規律,了解層級關系,會設置層級 會使用固定定位,及了解應用場景。

    2、如何用定位移動標簽
    3、浮動的特性
    4、position:absolute 絕對定位
    5、z-index 定位層級
    6、 position:fixed 固定定位
    7、擴展- opacity 透明度
    8、 擴展-多背景設置
    9、擴展-linear-gradient 線性漸變
    10、 擴展-radial-gradient 徑向漸變
    11、擴展-text-shadow 文字陰影
    12、 擴展-box-shadow 盒子陰影
    13、擴展-text-filter 濾鏡
    14、 擴展-border-radius 圓角設置
    第五章:表格和表單及其相關樣式
    1、表格標簽

    熟悉表格HTML結構,會用CSS設置表格樣式, 熟練代碼層面的合并行列, 初步了解表單,熟記并熟練所有常用表單元素,使用常用屬性, 熟練使用CSS3屬性選擇器,操作相應標簽, 理解什么是偽類,并熟悉其應用場景。

    2、表格邊框樣式重置
    3、 colspan 屬性規定單元格可橫跨的列數
    4、rowspan 屬性規定單元格可橫跨的行數
    5、form 表單
    6、input 表單元素
    7、label標簽 input元素定義標注
    8、select/optgroup/option 下拉選框
    9、textarea 文本域
    10、表單元素屬性
    11、屬性選擇器
    12、 表單相關偽類
    第六章:結構選擇器
    1、E>E 找到元素下的第一層子元素

    熟練并靈活使用各類型偽類選擇器。

    2、E+E 相鄰元素選擇器
    3、E~E 同級元素選擇器
    4、E:nth-child(n) 表示E父元素中的第n個子節點
    5、 E:nth-last-child(n) 表示E父元素中的第n個子節點,從后向前計算
    6、E:nth-of-type(n) 表示E父元素中的第n個子節點,且類型為E
    7、 E:nth-last-of-type(n)表示E父元素中的第n個子節點,且類型為E,從后向前計算
    8、E:first-child 表示E元素中的第一個子節點
    9、E:last-child 表示E元素中的最后一個子節點
    10、E:first-of-type 表示E父元素中的第一個子節點且節點類型是E的
    11、E:last-of-type 表示E父元素中的最后一個子節點且節點類型是E的
    12、 E:only-child表示E元素中只有一個子節點。注意:子節點不包含文本節點
    13、E:only-of-type 表示E的父元素中只有一個子節點,且這個唯一的子節點的類型必須是E。注意:子節點不包含文本節點
    第七章:PC 端整站開發
    1、 css sprites 技巧

    擁有整站頁面開發能力,及常見開發經驗技巧。

    2、項目文件目錄規劃與管理
    3、頁面標簽分析
    4、難點解析:電商類網站導航結構分析 - 視頻類網站列表細節處理
    第八章:CSS 預處理語言-LESS
    1、什么是CSS預處理語言-LESS

    了解什么是CSS預處理語言,熟練less的語法及常用操作,能自主寫出實用的less代碼。

    2、LESS編譯
    3、LESS常用語法
    第九章:移動端開發(響應式開發)
    1、移動端測試環境搭建

    本課程主要講解數據庫,以MySQL為例,講解了數據庫的相關技術,讓同學們快速掌握數據庫的應用。

    2、物理分辨率和顯示分辨率的關系
    3、 什么是 window.devicePixelRatio 像素比
    4、如何清除IOS下按鈕的圓角
    5、如何消除移動端鏈接和按鈕的陰影
    6、移動端rem布局
    7、box-sizing 怪異盒模型的靈活使用
    8、彈性盒模型在移動端的優勢
    第十章:CSS框架Bootstrap
    1、媒體查詢Media Queries

    了解移動開發與PC開發的區別,理解移動端的特點。會測試移動項目。 熟練應用適合移動端開的CSS3聲明特性。

    2、什么是 ootstrap
    3、Bootstrap的特性
    4、Bootstrap工程環境
    5、Bootstrap設計思想
    6、Bootstrap頁面的基本結構
    7、柵格系統
    8、柵格系統響應式工具
    第十一章:git、github及SVN的使用
    1、使用版本控制工具的好處

    熟練各種類型的版本控制工具操作,以適應不同公司的不同需求

    2、什么是git
    3、分布式的版本控制工具
    4、SVN介紹
    5、集成式的版本控制工具
    6、拉取服務器代碼-updata
    7、提交代碼-commit
    第十二章:JavaScript入門
    1、javascript是用來做什么的

    了解javascript語言是什么,及它的能力,掌握編程的基本語法,理解什么是事件,什么是函數,及函數的好處及作用

    2、js的引入方式
    3、js獲取頁面標簽的能力
    4、什么是事件Event
    5、變量是什么及存在意義
    6、變量命名規范
    7、初識函數function
    8、html屬性操作的第一種方法
    9、什么是字符串
    10、html屬性操作的第二種方式
    11、初識if判斷
    12、新的獲取元素的方法-querySelector
    13、獲取一組元素操作
    14、初識for循環
    15、運算符之算術運算符
    16、函數中的this關鍵字
    17、基本選項卡思路講解
    第十三章:數據類型和流程控制
    1、數據類型劃分

    理解并熟記數據類型、熟練使用typeof運算符,并熟悉返回類型的區別、熟練掌握數據類型相互轉換的方法,及特殊類型(如NaN)的特點、熟練使用算術運算符,并了解在運算中的一些隱式操作、熟練使用賦值運算符、詳盡理解分支結構,熟練使用各種分支結構的代碼、詳盡理解循環結構,及熟練使用各種循環結構

    2、typeof運算符
    3、強制數據類型轉換
    4、算術運算符
    5、賦值運算符
    6、比較關系運算符
    7、邏輯運算符
    8、三目運算符(三元運算符)
    9、運算符優先級
    10、流程結構之判斷:if、switch
    11、流程結構之循環及其四個組成:初始值,判斷條件,自增,執行語句
    12、循環的打斷與跳出:break、continue
    第十四章:function函數詳解
    1、function 函數

    深入學習理解函數的相關語法及作用,理解形參及實參概念,熟練應用,理解并使用return函數返回值 ,知道其常用見應用場景,養成定義的函數的思維,理解閉包,及會使用常用見閉包操作,理解遞歸思想,會簡單寫出遞歸邏輯代碼。

    2、帶參的函數
    3、 arguments不定參的函數
    4、函數返回值-return
    5、什么是計算后的樣式值
    6、函數封裝的基本思維
    7、預解析機制
    8、作用域
    9、作用域鏈
    10、什么是閉包
    11、匿名函數表達式
    12、什么是遞歸
    第十五章:字符串和數組方法
    1、string.length 字符串中包含的字符個數

    熟練使用字符及數組的相關方法,熟練操作字符串及數組

    2、string.charAt(index) 根據傳入的下標值,返回字符串中對應位的字符
    3、 string.charCodeAt(index) 根據傳入的下標值,返回字符串中對應位字符的Unicode編碼
    4、 string.indexOf("str") 返回指定字符串在整段字符串中首次出現的位置
    5、string.lastIndexOf("str") 返回指定字符串在整段字符串中最后一次出現的位置
    6、string.slice(start,end) 返回從已有字符串的start抽去到end位形成的新字符串
    7、string.split(separator) 根據分割符,把字符串分割成數組
    8、string.substring(start,end) 返回從已有字符串的start抽去到end位形成的新字符串
    9、string.toLowerCase() 返回,全部轉換成小寫字母的新字符串
    10、string.toUpperCase() 返回,全部轉換成大寫字母的新字符串
    11、string.trim() 返回,去掉首尾空格的新字符串
    12、模板字符串
    13、arr.length數組中存儲的數據個數
    14、arr.push(data) 向數組的末尾添加一到多條數據,返回數組的新長度
    15、arr.unshift(data)向數組的頭部添加一到多條數據,返回數組的新長度
    16、arr.pop() 刪除數組的最后一位,返回刪除掉的數據
    17、arr.sort() 對數組中的數據進行排序
    18、arr.pop() 刪除數組的最后一位,返回刪除掉的數據
    19、arr.concat(arr2) 連接兩個或多個數組,返回連接后的新數組
    20、arr.reverse() 對數組進行翻轉
    21、arr.join(separator) 用分隔符把數組中的數據,連成字符串,返回連接后的字符串
    22、 arr.splice() 從數組中添加/刪除項目,然后返回被刪除的項目
    23、arr.forEach() 循環調用數組的每一位
    24、arr.map() 循環修改數組的每一位,返回修改后的新數組
    25、arr.filter() 對數組中的數據進行篩選,返回篩選后的新數組
    第十六章:對象
    1、創建對象

    理解對象,熟練創建對象及其語法格式,熟練使用各種內置對象

    2、利用對象來存儲數據(JSON)
    3、in 操作符 通過in操作符可以判斷對象中是否含有某個對象
    4、for-in語句
    5、JSON(JavaScript Object Notation)
    6、Math 對象下的屬性和方法
    7、Date對象主要用于獲取或設置時間,用法 new Date()
    8、日期獲取相關參數
    9、日期設置相關參數
    第十七章:BOM對象模型
    1、什么是 BOM (browser object model)

    理解什么是BOM,并能熟練BOM的各種操作

    2、window 對象及共其屬性和方法
    3、 location 對象的屬性和方法
    4、 navigator的作用
    5、獲取屏幕相關參數 - screen
    6、操作歷史對象 - history
    第十八章:事件基礎
    1、什么是事件

    理解什么是事件,熟悉事件綁定操作,并簡單理解事件冒泡原理,理解什么是事件對象,并熟悉不同事件對象所能獲取的信息,會用事件對象處理冒泡及默認行為。理解什么是事件委托及事件委托的好處。

    2、事件監聽器 el.addEventListener("event",func,事件流)
    3、 取消事件監聽 el.removeEventListener("event",func,事件流)
    4、 事件流-事件冒泡過程
    5、事件對象
    6、常用事件匯總
    第十九章:事件應用
    1、拖拽的原理分析

    理解各常用事件應用特效的原理,做到常見功能的自我分析能力,并實擁有實現代碼能力。

    2、碰撞檢測
    3、自定義滾動條
    第二十章:移動端事件
    1、touch事件

    熟練應用移動這端的各類型事件,并對移動端事件所帶來的一些問題,能動手解決。熟悉IOS與android端的細微兼容差別

    2、touchEvent
    3、orientationchange 事件,監聽手機橫豎屏切換
    4、devicemotion 事件,監聽手機加速度發生變化
    5、deviceorientation 事件, 監聽手機旋轉角度發生變化
    第二十一章:定時器和動畫幀
    1、setInterval(執行函數,間隔時間) 間隔型定時器

    了解interval計時器運行原理 了解timeout計時器運行原理, 學會計時器的管理思路, , 了解requestAnimateFrame與settimeout的優劣。

    2、setTimeout(執行函數,延遲時間) 延遲型定時器
    3、定時器管理
    4、es6新增 requestAnimateFrame(function) 動畫幀
    5、停止動畫幀CancelAnimationFrame(動畫幀編號)
    第二十二章:CSS3動畫及2D,3D變換
    1、transform 變換

    熟悉各種變換的特性,能熟練的讓CSS3變換,動畫,過渡特性與配合使用。

    2、transition 過渡
    3、與 animation 動畫
    第二十三章:Nodejs及相關
    1、node環境搭建

    熟悉node環境在不同平臺中的搭建 熟悉node相關的知識點, 了解node開發相關框架, 熟練express的安裝 , 熟悉express基本操作, 理解路由概念,并會基本的路由使用, 了解node模板引擎種類,安裝并使用swig模板引擎, 理解數據庫的概念,了解常用數據庫種類及它們之間的特點, 簡單使用數據庫。

    2、Linux基本操作命令
    3、node模塊使用
    4、commonJS規范
    5、node內置模塊
    6、第三方模塊
    7、npm - node package manager 第三方模塊包管理
    8、nodejs-web開發框架介紹
    9、express的安裝
    10、express項目初始化
    11、Routing的使用
    12、swig模板引擎
    13、非關系型數據庫MongoDB
    第二十四章:服務器通信之AJAX
    1、ajax介紹

    理解什么是ajax,及ajax的應用場景 充分理解ajax的原理,并熟練如何創建使用ajax, 熟悉ajax請求類型,及響應頭相關信息的知識點, 了解ajax庫的種類,并熟練使用jq及axios 庫的ajax操作, 熟練ajax上傳操作, 理解什么是跨域操作, 熟練用各種方案解決跨域請求問題, 理解cookie及其應用場景, 熟練cookie的操作, 理解H5新增本地存儲與cookie的區別所在,并熟練localStorage操作。

    2、如何創建及使用ajax技術
    3、ajax涉及的知識點
    4、jquery庫的ajax使用
    5、利用ajax上傳資源
    6、ajax跨域產生和解決方案
    7、cookie介紹
    8、各類操作cookie
    9、本地存儲localStorage介紹
    10、localStorage基本操作
    第二十五章:DOM對象
    1、什么是DOM(文檔對象模型)

    熟悉dom操作的相關屬性及方法,并能靈活使用創建去常見的文檔操作

    2、DOM樹,DOM根據文檔結構描繪出的一個層次化的節點樹。
    3、DOM節點的查找,創建,刪除,屬性等相關操作
    第二十七章:正則表達式
    1、什么是正則表達式

    初步了解正則是什么,表理解其存在意義 熟記創建正則的方式, 理解正則表達式的組成單元, 精通正則表達式的語法及操作,達到數據基本篩選能力。

    2、創建正則表達式
    3、規則表達式組成
    4、正則表達式的修飾符
    5、正則的方法
    6、字符串的方法
    7、元字符
    8、邊界符
    9、數量詞
    10、分組
    11、字符集合
    12、正則中的兩種模式
    第二十八章:面向對象(OOP)
    1、為什么要面向對象編程

    初始理解什么是面向對象編程,對比面向過程編程,它的優勢在哪, 理解創建對象的幾種形式,及優缺點, 熟練構造函數,以及它與對象之間的聯系,熟悉操作構造函數的相關方法,及應用場景。

    2、創建對象
    3、構造函數模式
    4、prototype(原型)模式
    5、繼承
    6、ECMAScript 2015中的 class 使用
    第二十九章:js庫-jQuery3
    1、 JQuery介紹

    了解JS庫的作用及好處,知道JQ庫的特點及優勢 了解JQ整個框架結構原理及一些思想,提高編寫庫的思想, 熟練JQ各種選擇器使用,熟悉JQ常用的API方法, 對比JS,學習JQ對DOM/及BOM操作的方法及思想,熟練使用所有操作方法。

    2、JQuery整體架構
    3、JQuery選擇器、常用API
    4、DOM/BOM操作
    5、JQuery事件系統
    6、JQuery動畫
    7、編寫和使用JQuery插件
    8、JQuery 萬年歷插件
    9、JQuery對象框插件
    10、JQuery表單驗證插件
    第三十章:ECMAScript6
    1、ECMAScript6介紹

    了解什么是ECMASCRIPT,熟悉ECMASCRIPT6新增的語法特性,并做到熟練使用。

    2、新的聲明變量的方式
    3、解構賦值
    4、函數的擴展
    5、箭頭函數
    6、操作數組方法的擴展
    7、操作字符串的擴展
    8、對象的擴展和簡寫
    第三十一章:框架開發之React+redux
    1、什么是React.js

    了解react.js是什么 體驗react.js帶來的好處, 熟練常用的React操作,并寫出成型的項目代碼。

    2、React.js 作用
    3、React開發環境準備
    4、 React中的組件
    5、JSX語法
    6、拆分組件與組件之間的傳值
    7、React developer tools 安裝及使用
    8、PropTypes 與 DefaultProps 的應用
    9、props,state 與 render 函數的關系
    10、深入了解React虛擬DOM
    11、React的生命周期函數及使用場景
    12、React 中實現 CSS 動畫效果
    13、Redux 概念簡述和工作流程
    14、使用Redux-thunk 中間件實現ajax數據請求
    15、Redux-saga 中間件使用
    16、React-redux 中間件使用
    第三十二章:框架開發之vue 2.0
    1、什么是Vue.js

    了解什么是VUE,VUE特點及優勢, 熟悉VUE的運行原理,熟練VUE的開發插件。獨立寫出成型的項目代碼。

    2、Vue的優勢
    3、 Vue的兩大特點
    4、前端組件化
    5、單文件組件
    6、組件間傳值
    7、Vue實例生命周期
    8、 Vue的模版語法
    9、計算屬性,方法與偵聽器
    10、計算屬性的 getter 和 setter
    11、Vue中的樣式綁定
    12、Vue中的條件渲染
    13、Vue中的列表渲染
    14、Vue中的set方法
    15、父子組件間的數據傳遞
    16、 組件參數校驗與非 props 特性
    17、給組件綁定原生事件
    18、非父子組件間的傳值
    19、 在Vue中使用插槽
    20、作用域插槽
    21、動態組件與 v-once 指令
    22、Vue動畫
    23、vuex集中式應用狀態管理器
    24、什么時候需要用到vuex
    25、axios 后端通信
    国产精品无码第三区|91精品久久久久久久久无码| 国产免费久久精品99re不卡|国产精品美女久久久久小说| 543ev首页国产婷婷|日韩欧美精品一中文字幕|国产在线精品无码二区二区|九九精品热国产九九精品| 国产成人永久免费视| 囯产精品无码一区二区三区不卡|永久免费看a片无码网站宅男| 亚洲午夜精品a片一区二区无码l| 久久99精品网久久| 国产一卡2卡3卡四卡国色天香|亚洲成av人片在线观看无码| 无码人妻久久一区二区三中文字幕| 一本到高清无码中文| av无码精品久久久久精品免费| 欧美日韩A片一区二区久久精品|久久精品亚洲中文字幕无码| 中文毛片无遮挡高清免费|国产国产人免费视频成|国产在线98福利播放视频|美女视频黄全部免费视频| 免费国产小视频国产| 亚洲一区二区无码中文字幕麻豆|999国产精品永久免费视频|久久激情亚洲精品无码aV| 国产女人久久精品视| 国产高潮久久一区二区三区四|国产无码精品一区二区三区|2020最新国产永久在线|
  • <tt id="4ayss"><strong id="4ayss"></strong></tt>
  • <xmp id="4ayss"><menu id="4ayss"></menu><nav id="4ayss"><strong id="4ayss"></strong></nav>
    <nav id="4ayss"><strong id="4ayss"></strong></nav>
  • <nav id="4ayss"></nav>