IT技能 培訓

課程中心 www.diamondcsmotorcycles.com
熱線: 0755-28529666

網站建設前端

發布時間:2017年03月23日瀏覽次數:
課程內容 內容描述 知識點列表


網頁樣式與布局課 I
Web樣式與布局:網頁結構進行認知,了解切片與網頁結構間的邏輯關系,學習符合W3C標準的HTML網頁框架制作技術,包括結構標簽,學習網頁樣式表現方法,使用CSS對網頁進行細節美化 1)HTML簡介、基本結構、編輯工具、常用標簽、W3C標準;
2)CSS結構、語法、樣式表分類、優先級、塊元素、選擇器;
3)圖形、圖像軟件的使用(PS);

網頁樣式與布局課 II
Web樣式與布局:了解特殊布局的實現技巧,了解瀏覽器基本發展情況,瀏覽器的兼容,SEO基本常識 1)各種瀏覽器兼容性以及處理方式;
2)垂直居中,水平居中的處理方式;
3)雪碧圖處理,滑動門處理及高寬自適應等高級應用技術;
4)CSS預處理器LESS框架的使用;
5)CSS組件框架編寫。

HTML5與CSS3基礎應用課
了解HTML的發展歷史,熟悉HTML5的文檔結構,熟悉HTML5特性與CSS3新特性,媒體查詢實現簡單的響應式布局.
1 中文非主流字體--外部資源(有字庫)
2 增加偽類選擇器: nth-of-type
3 codepen頁面結構搭建精簡;
4 增加響應式理論知識:優缺點,設計原則, 視口, 斷點選擇
5 做一個移動端的簡易網頁;
1)HTML5核心元素及布局應用;
2)CSS3 復雜選擇器(包括兄弟選擇器、屬性選擇器、偽類和偽元素選擇器等)

Web界面多平臺項目實訓課
完成PC端整站與移動端項目的開發,包括瀏覽器兼容性等知識點的補充
1 增加3d景深案例 :transform-style, perspective,perspective-origin
2 京東頁面,只帶練有特色的部分, 對于重復性的結構,作為練習晚間獨立完成;
3 一個移動端的頁面(響應式: em rem ),表格;
1)2D/3D 轉換(包括移動、旋轉、傾斜和縮放、視點的定義和使用)、過渡、動畫;
2)CSS Hack、CSS 優化、瀏覽器兼容性。

Javascript語言基礎語法課
計算機程序基礎,認識網頁交互原理,深入講解Javascript基本語法,了解DOM事件、屬性、樣式,學習js變量、函數(參數、返回值)、判斷語句、運算符、表達式等 1)了解什么是JavaScript;
2)了解JavaScript如何使用及運作原理;
3)掌握JavaScript的理論體系結構;
4)掌握JavaScript基本語法;

Javascript交互原理與應用課
鼠標、鍵盤事件,事件對象,默認事件,事件冒泡,元素的移動拖拽操作,模塊封裝及前端工程化開發 1)掌握事件,事件原理;
2)掌握JavaScript基本特效的制作方法;
Javascript內置對象應用課 BOM基礎,取模運算,DOM元素的創建、刪除、插入等,節點操作,事件監聽,事件委派,
深入講解javascript內置對象(字符串對象、數組對象、日期對象、數學對象等)
1)掌握BOM的用法;
2)掌握原生DOM操作的用法;
3)掌握JavaScript內置對象(如Array、String、Date、JSON、Math、RegExp);


JavaScript運動框架應用課
回調函數,自運行函數,正則表達式、面向對象基本知識,詳細講解javascript運動框架及實例 1)javascript運動框架及實例。


Jquery與Ajax交互應用課
1、通過案例了解Jquery庫原理,熟悉移動網頁常用Jquery庫使用方法。
2、詳解JAX特性與實例、AJAX的子對象、AJAX庫封裝,AJAX跨域問題
1)jQuery各種選擇器的使用,及選擇器的應用優化;
2)Dom節點操作、插入、刪除、復制、移動節點等操作;
3)事件處理、事件處理模型、事件處理機制、jQuery事件封裝機制、jQuery事件應用;
4)jQuery中的動畫、動畫時間的概念、基本動畫方法、復雜動畫方法、停止動畫與參數說明、jQuery動畫的隊列問題;
5)表單開發,設計可用性表單、表單驗證、增強型表單;
6)Ajax、XMLHttpRequest 基礎、jQuery Ajax、工具函數、緩存;
7)Ajax動態讀取數據、異步操作、與DOM、JSON的結合使用;
8)Ajax跨域問題。

Node.js服務器端開發技術
講解Node.js的安裝和使用;Node.js的包管理(NPM);講解Node.js的事件循環、緩存、流、文件系統、工具模塊、web模塊和Express框架應用。 講解Node.js的安裝和使用;Node.js的包管理(NPM);講解Node.js的事件循環、緩存、流、文件系統、工具模塊、web模塊和Express框架應用。

MVC前端框架應用課
講解開源的前端JavaScript MVC框架AngularJS。主要內容包括:
MVC設計模式、指令、服務、表達式、路由系統、消息系統、angular動畫等
1 ) 基礎知識(ng-app,Modules,Controller,$apply,$watch)
2 ) 指令(ng-repeat,ng-class,ng-show,ng-hide)
3 ) 過濾器(date,limitTo,filter)
4 ) 表單(NgModelController,表單驗證)
5 ) 服務(自定義服務,Angular提供的服務:$log,$timeout,$q,$http)
6 ) 其他(Controller as 語法,安全的依賴注入方法)
7 ) directive(指令,組件)
8) ng-router
Web APP輕應用開發課 移動端web app 輕應用 - ionic框架。主要內容包括:
Ionic框架的主要組成、Ionic的UI框架、Ionic的擴展指令、Ionic所使用的angular-ui路由系統等,以及輕應用在微信上的發布技術。
1 ) ionic css布局
2 ) ionic js指令布局
3 ) ionic路由 頁面切換
4 ) ionic-tabs
5 ) ionic側邊欄ion-side-menus
6 ) ionic列表 ion-list
7 ) 上拉下載更多與下拉刷新

CSS3與JS動畫交互課
講解基于HTML5的移動網頁布局,移動頁面css定義原則,利用javascript中運動與css3中動畫完美結合完美移動網頁完美交互效果.域名申請、備案,網站上傳。 1)HTML5概述以及應用場合;
2)HTML5基礎:新標簽,表單,文件Api;
3)移動端加強
· 手機瀏覽器的特點; · viewpoint 視口,dpi,px的區別;
· meta屬性,縮放,拖放; · rem實戰,字體選擇;
· 移動端事件模型; · 響應式布局,彈性盒子模型;
· CSS3屬性加強; · 硬件加速原理; · 移動端性能優化點。

PC端項目綜合實訓課
詳細了解HTML5中canvas和SVG的應用與媒體標簽,使用javascript打造屬于自己的播放器,智能表單在移動網頁中的應用 1)HTML5畫布:canvas;
2)HTML5多媒體:video,audio;

H5移動項目綜合實訓課
通過案例講解css3中變形屬性應用,深入講解3D控件變換。HTML5的桌面通知與本地應用、移動端布局 1)通過案例講解css3中變形屬性應用,深入講解3D控件變換。HTML5的桌面通知與本地應用、移動端布局

Web前端行業標準和面試技巧
講解Axure軟件,了解網站項目流程,Axure實現交互原型圖。詳細講解一,二,三線互聯網行業的面試,筆試技巧和簡歷的設計技巧。選擇合適自己的企業。 1)講解Axure軟件,了解網站項目流程,Axure實現交互原型圖。詳細講解一,二,三線互聯網行業的面試,筆試技巧和簡歷的設計技巧。選擇合適自己的企業。

上一篇:Office辦公軟件

下一篇:沒有了