首页 > Web前端工程师 > Web前端初级工程师成长计划
Web前端初级工程师成长计划
  • Web前端初级工程师成长计划

    即将上线
  • 主讲 : ASMITA、写代码的平面师、王士强等
  • 本课程介绍Web前端工程师的职业前景和定位,深入讲解HTML、CSS、JavaScript基本知识,并结合项目案例,进一步剖析和讲解Web前端应具备的知识体系。
  • ¥4999.00 ¥10000.00 ¥4969.00
  • 0人学习时长 : 62 小时有效期 : 150 天 有效期自支付成功后开始计算,到期后仍可观看课程视频和图文,但不再享受问答和作业批改服务。Pro用户可享受无视有效期权限,随时随意轻松看。单课购买用户需关注课程有效期,合理安排学习计划。

  • 课程详情
  • 课程大纲

课程概览

本课程包含三个阶段:职业入门阶段、基础知识阶段、系统实战阶段
1. 职业入门阶段介绍了Web大前端工程师的职业背景、行业前景、Web大前端工程师在团队项目中的定位及所与具备的技能,并从各个职业的角度,设身处地得帮大家分析从事Web大前端开发的优势和劣势。
2. 基础知识阶段从事Web大前端开发的基本理论知识,比如HTML(HTML5)基本语法、CSS(CSS3)基本语法、JvaScript基础知识、Git/GitHub基础知识等,为后续的Web大前端工程师打下坚实的理论基础。
3. 系统实战阶段主要以微软必应、迅雷产品中心、人民网、百度音乐、丰田汽车足球名人堂实战(国外)、极客学院手机移动端、个人博客、团购网、2048游戏、多人协同文档工具等为项目案例,一步一步剖析和讲解了Web大前端应具备的HTML5、CSS3、JavaScript进阶、jQuery、Node.js、Webpack、React、ES6、MySQL、Angular.js等常用知识模块。

适合人群

有HTML(HTML5)、CSS(CSS3)、JavaScript等基础,对Web大前端开发感兴趣的同学

课程特点

本课程从一名小白用户对未知领域认识的角度出发,给出了对这门开发语言、行业岗位的整体认知,并鞭辟入里地讲授了一门开发语言的学习方法和路径;课程逐步深入,循序渐进地讲解了Web大前端开发必备的基础理论知识;进入系统实战阶段,以项目实战驱动的方式,带领大家一步一步应用Web大前端开发的基础知识,并剖析相关技能所需新增知识点,并进一步进行讲解和应用。为了及时巩固学习效果,每个课时配备了随堂测验。同时,为了帮助大家锻炼项目开发能力,每个课程设计了相应的作业。旨在帮助大家更加系统把所学知识点运用到实战中,达到一线技术人员的开发水平。

学习收获

一、初步了解行业及职业发展
1. 行业背景、职业前景的认知
2. 对Web大前端工程师的认知
3. 认识自己学习Web大前端的优势
4. 掌握Web大前端学习方法
5. 了解Web大前端职业规划

二、准确掌握职业发展必需的基础知识
1. Web大前端开发环境的搭建
2. HTML(HTML5)基本知识
3. CSS(CSS3)基本知识
4. JavaScript基本知识
5. Git/GitHub基本知识

三、通过项目实战掌握独立任务开发的工作技巧
1. 使用HTML5&CSS3 新增属性构建内容丰富的网页
2. 浏览器兼容性问题
3. CSS3优化
4. 页面布局
5. jQuery&Ajax的应用
6. 系统的掌握JavaScript知识并实现动态交互
7. 实现移动开发和响应式布局
8. 掌握MVC、MVVM框架
9. 掌握Node.js全栈开发
10. 掌握前端模块化
11. 掌握前端工程化与构建工具
11. 理解网络安全等

职业入门

Web前端职业入门

主讲:derek

本课程介绍了Web前端的定义和发展历程,并给大家阐述了Web前端工程师的定位和岗位职责,最后详细阐述如何进行体系化学习和前端专业技能的职业发展路径。

第 1 部分 Web前端职业入门 30 分钟

第 1 节 Web前端导学 30 分钟
Web前端导学
基础知识

HTML/HTML5基础

主讲:写代码的平面师

HTML是超文本标记语言,它是网页构成的基础,我们见过的网页基本都离不开HTML代码。本课程从HTML代码的结构写法入手,了解常见的HMTL标签和属性,了解各类HTML标签的用法。HTML作为Web前端开发最基础的技术,非常的重要。本套课程适合零基础学习的学员,是Web前端基础课程。

第 1 部分 HTML介绍 14 分钟

第 1 节 HTML介绍 14 分钟
HTML介绍

第 2 部分 文本标签和属性 46 分钟

第 1 节 文本标签和属性 46 分钟
文本修饰标签的写法及格式
标签的属性和嵌套
其他类型的标签

第 3 部分 超级链接标签 22 分钟

第 1 节 超级链接标签 22 分钟
超链接的常见属性
锚记链接的用法
作业:模拟制作"万维网联盟"页面
模拟制作"万维网联盟"页面

第 4 部分 图像元素 34 分钟

第 1 节 图像元素 34 分钟
图片标签的属性
绝对路径和相对路径
图片热点地图的用法
作业:为提供的图片添加相应的链接
为提供的图片添加相应的链接

第 5 部分 表格标签 49 分钟

第 1 节 表格标签 49 分钟
表格的应用和创建
表格标签和属性
细线表格边框的做法
表格的其他标签
作业:制作一个产品信息表格图
制作一个产品信息表格图

第 6 部分 列表和表单标签 63 分钟

第 1 节 列表和表单标签 63 分钟
列表标签
form标签的属性
多种input标签控件
下拉框标签的写法
文本域标签
label标签的用法
作业:模拟京东网注册页面
模拟京东网注册页面

第 7 部分 其他标签 39 分钟

第 1 节 其他标签 39 分钟
frameset标签
iframe标签
页头meta标签
作业:模拟制作网站后台页面
模拟制作网站后台页面

第 8 部分 HTML5新增 61 分钟

第 1 节 HTML5新增 61 分钟
HTML4和HTML5的对比
HTML5新特性
HTML5新增的标签
新增的表单控件和属性
HTML5标签的兼容
作业:使用HTML5标签布局页面
使用HTML5标签布局页面

CSS(CSS3)基础

主讲:写代码的平面师

CSS是层叠样式表,它同样也是网页的重要组成部分,CSS负责对网页的内容及外观进行修饰。本套课程主要学习通过CSS代码修改网页中的文本、背景、排版布局等,Web前端开发者可以根据自己的需求设置不同的样式风格。本套课程适合具备HTML基础的学员,是Web前端基础课程。

第 1 部分 CSS样式 16 分钟

第 1 节 CSS样式 16 分钟
CSS样式

第 2 部分 CSS基础选择器 35 分钟

第 1 节 CSS基础选择器 35 分钟
4种基础选择器
2种复合选择器
伪类选择器

第 3 部分 CSS文本类型 41 分钟

第 1 节 文本类型 41 分钟
文本样式和简写
文本区块
作业:将"万维网联盟"页面使用CSS进行美化
将"万维网联盟"页面使用CSS进行美化

第 4 部分 CSS的背景 40 分钟

第 1 节 背景样式 40 分钟
背景颜色及图片
背景图片的重复和偏移
设置背景图像的固定
背景代码简写
作业:使用背景图片模拟制作“小米手机5”页面
使用背景图片模拟制作“小米手机5”页面

第 5 部分 盒子模型 70 分钟

第 1 节 盒子模型 70 分钟
定义元素的宽和高
内边距padding
外边距margin
边框border
添加浮动
清除浮动
作业:模拟制作“Gulp 中文网”页面
模拟制作“Gulp 中文网”页面

第 6 部分 主流浏览器的兼容测试 6 分钟

第 1 节 IE浏览器的兼容 6 分钟
IE浏览器的兼容

第 7 部分 CSS3更易操作的网页细节 10 分钟

第 1 节 CSS3更易操作的网页细节 10 分钟
CSS3介绍
border-radius
box-shadow
阴影文字
自定义字体
子元素选择器
::selection
::before和::after
作业:通过CSS3新增属性制作多色彩阴影
通过CSS3新增属性制作多色彩阴影
作业:模拟制作“Bootstrap中文网”
模拟制作“Bootstrap中文网”
作业:模拟制作“京东网-服装鞋包”模块
模拟制作“京东网-服装鞋包”模块

JavaScript基础

主讲:Jackie

本课程从JavaScript语言的发展、开发环境等介绍入手,由浅入深、循序渐进的讲解了JavaScript基本语法、函数、内置对象及浏览器对象、DOM、JavaScript事件,以及Javascript HTML表单提交和验证综合案例。旨在帮助大家夯实JavaScript基础,为后续能快速及深入的学习和掌握Web前端技能做准备。

第 1 部分 JavaScript介绍和开发前准备 50 分钟

第 1 节 JavaScript介绍 20 分钟
JavaScript介绍
本小节资料包
第 2 节 JavaScript开发环境搭建与测试 30 分钟
开发环境搭建
第一个JavaScript程序
JavaScript浏览器调试
本小节资料包

第 2 部分 JavaScript基本语法 100 分钟

第 1 节 JavaScript基本语法 100 分钟
数据类型介绍和typeof操作符
Undefined类型和Null类型
字符串(String)类型
数字(Number)类型
布尔类型和Object对象类型
本小节资料包
作业:在HTML中用JavaScript打印出基本身份信息
在HTML中用JavaScript打印出基本身份信息
作业:基本数据类型练习——我叫极客
基本数据类型练习——我叫极客

第 3 部分 JavaScript运算符与条件循环控制语句 120 分钟

第 1 节 JavaScript运算符 40 分钟
算术运算符
赋值运算符
比较&逻辑&条件运算符
本小节资料包
第 2 节 JavaScript条件和循环控制语句 80 分钟
while循环
do/while循环
for 循环
for in循环
break&continue&return
本小节资料包
作业:人民币大小写转换
人民币大小写转换
作业:偶数求和
偶数求和

第 4 部分 JavaScript函数 60 分钟

第 1 节 JavaScript函数 60 分钟
理解函数和函数的用途
定义函数
函数的调用
带参数的函数
带返回值的函数
变量的作用域
本小节资料包
作业:简易计算器的实现
简易计算器的实现

第 5 部分 JavaScript内置对象和浏览器对象BOM 120 分钟

第 1 节 JavaScript内置对象 60 分钟
JavaScript对象
String字符串对象(上)
String字符串对象(下)
Date日期对象
Array数组对象(上)
Array数组对象(下)
Math算数对象
RegExp正则表达式对象(上)
RegExp正则表达式对象(下)
本小节资料包
第 2 节 JavaScript浏览器对象BOM 60 分钟
Window对象
Screen对象
Location对象
History对象
Navigator对象
弹窗
计时事件
本小节资料包
作业:我的时钟
我的时钟

第 6 部分 JavaScript文档对象模型DOM 100 分钟

第 1 节 JavaScript DOM简介 25 分钟
DOM概述
DOM节点
DOM方法
DOM属性
查找DOM元素和对象
本小节资料包
第 2 节 JavaScript读取和修改HTML 75 分钟
读取和改变HTML内容
读取和修改节点对象属性
操作HTML的CSS样式
增加、删除和替换节点
常用DOM对象操作示例Table
本小节资料包
作业:实现动态表格的设计
实现动态表格的设计
作业:实现类似Hao123简单换肤功能
实现类似Hao123简单换肤功能

第 7 部分 JavaScript事件 145 分钟

第 1 节 事件处理程序 55 分钟
事件流
HTML事件处理程序
DOM0级事件处理程序
DOM2事件处理程序
IE事件处理程序
跨浏览器事件处理程序
本小节资料包
第 2 节 事件对象 40 分钟
DOM中的事件对象
IE中的事件对象
跨浏览器的事件对象
本小节资料包
第 3 节 事件类型 50 分钟
UI事件
焦点事件
鼠标事件
键盘事件
本小节资料包
作业:移动的小汽车
移动的小汽车

第 8 部分 Javascript表单提交和验证综合案例(京东注册) 170 分钟

第 1 节 表单元素 50 分钟
表单元素综述
form元素
input元素
select元素
textarea元素
button元素
本小节资料包
第 2 节 表单常见操作 30 分钟
表单常见操作综述
提交表单
重置表单
本小节资料包
第 3 节 表单脚本 50 分钟
表单脚本综述
获取表单方法
获取表单元素方法
表单和元素的属性
表单和元素的事件处理函数
本小节资料包
第 4 节 注册表单页面提交案例-(京东注册页面) 40 分钟
注册表单页面提交案例演示-京东注册页面(上)
注册表单页面提交案例演示-京东注册页面(下)
本小节资料包
作业:京东企业注册页面综合案例
京东企业注册页面综合案例

版本工具之Git/GitHub——从业必备

主讲:江小鱼、stormzhang

Git 是一款免费开源的分布式版本控制系统,用于敏捷高效地处理任何大小的项目。越来越多的互联网项目都迁移到 Git 上进行管理,包括很多的开源项目都托管在 GitHub 上,使得 Git 成为了当下最热门的版本控制系统,因此 Git 成为了不可或缺的技能。本课程是包含 Git/GitHub 从入门到精通的全部课程,学完此课程,你将会掌握基于 Git 的管理精要,是日后开展项目的基础技能之一。

第 1 部分 欢迎来到 GitHub 60 分钟

第 1 节 初识GitHub 30 分钟
版本控制的介绍
GitHub与Git的关系
GitHub的影响力
GitHub有什么用?
第 2 节 加入GitHub 30 分钟
注册GitHub
认识GitHub
GitHub主页介绍
设置你的GitHub
GitHub基本概念
创建自己的项目

第 2 部分 版本控制的基础 Git 185 分钟

第 1 节 Git速成 30 分钟
什么是 Git?
Git命令列表
Git常用命令举例
第 2 节 向GitHub提交代码 55 分钟
什么是SSH?
生成SSH Key
GitHub上添加SSH Key
Push & Pull 命令介绍
提交代码
第 3 节 Git进阶 85 分钟
用户名和邮箱
alias
其他配置
diff
checkout
stash
merge & rebase
解决冲突
第 4 节 图形工具 15 分钟
GitHub客户端使用
SourceTree使用

第 3 部分 团队合作利器:Git分支详解 75 分钟

第 1 节 团队合作利器之Git分支详解 75 分钟
Git分支常用操作
基本的团队协作流程
GitFlow详细操作
Git分支视频详解

第 4 部分 GitHub常见的几种操作 30 分钟

第 1 节 GitHub常见的几种操作 30 分钟
有哪些常见的操作?
实践:提交自己的第一个PR

第 5 部分 发现好用的开源项目 50 分钟

第 1 节 发现好用的开源项目 50 分钟
关注一些活跃的大牛
Trending
Search
福利大放送
系统实战

微软必应的Web前端项目实战

主讲:ASMITA

本课程以微软必应的实战项目为驱动,重点讲解了如何使用HTML5&CSS新增属性构建页面、HTML5本地存储的方法和地理定位、HTML页面的优化与兼容性处理等内容。

第 1 部分 课程介绍 4 分钟

第 1 节 微软必应Web前端实现课程概要 4 分钟
微软必应Web前端实现课程概要
本小节资料包

第 2 部分 使用HTML5&CSS新增属性构建页面 132 分钟

第 1 节 前端开发调试 55 分钟
前端开发调试概述
前端开发调试(Chrome)
前端开发调试(Firefox)
前端开发调试(IE10)
本小节资料包
第 2 节 CSS3新增背景属性 27 分钟
CSS3新增背景属性介绍
更换微软必应页面背景
本小节资料包
第 3 节 HTML5中的多媒体 50 分钟
HTML 5音频介绍
在必应中添加背景音乐
HTML 5视频介绍
在必应中添加视频
本小节资料包
作业:仿百度音乐随心听页面
仿百度音乐随心听页面
作业:添加百度随心听音乐播放功能
添加百度随心听音乐播放功能

第 3 部分 使用HTML5本地存储及地理定位完善页面动态特效功能 115 分钟

第 1 节 Web存储 60 分钟
Web存储介绍(localStorage,sessionStorage,cookie)
使用localStorage存储主题
使用sessionStorage存储主题
强大的HTML5 indexdb
本小节资料包
第 2 节 Geolocation(地理定位) 55 分钟
Geolocation使用和介绍
个性化网站:通过地理位置显示当前城市图片
个性化网站:显示当前用户所在城市天气
本小节资料包
作业:百度随心听主题切换与保存
百度随心听主题切换与保存
作业:使用indexdb制作一个本地通讯录
使用indexdb制作一个本地通讯录
作业:百度随心听天气信息展示
百度随心听天气信息展示

第 4 部分 HTML页面的优化与兼容性处理 95 分钟

第 1 节 网页优化 35 分钟
网页优化思路与技巧
优化微软必应网页
本小节资料包
第 2 节 浏览器兼容和CSS Hack 60 分钟
浏览器兼容概述
浏览器兼容&CSS Hack知识和技巧
让必应网站兼容firefox、chrome和ie6
本小节资料包
作业:让百度随心听页面兼容IE、chrome、Firefox等浏览器
让百度随心听页面兼容IE、chrome、Firefox等浏览器

迅雷产品中心自适应优化实战

主讲:ASMITA

本课程介绍了盒子模型布局、如何使用盒子模型构建页面整体布局、使用Javascript适配浏览器,以及媒体的查询和使用。并通过应用这些知识,带领大家一步步美化迅雷产品页面,并实现了让迅雷页面能够完美自适应各种分辨率。

第 1 部分 迅雷产品中心自适应优化实战课程概要 10 分钟

第 1 节 迅雷产品中心自适应优化实战课程概要 10 分钟
迅雷产品中心自适应优化实战课程概要

第 2 部分 使用伸缩(弹性)盒及新增文本边框属性构建并美化整体布局 90 分钟

第 1 节 伸缩盒子布局 60 分钟
伸缩盒子(旧版box)和column分栏
伸缩盒子(新版flex)
使用伸缩盒模型构建迅雷产品中心页面
第 2 节 CSS3新增文本、边框属性 30 分钟
CSS3新增文本、边框属性介绍
美化迅雷页面
作业:设计盒子模型介绍页面
设计盒子模型介绍页面
作业:添加百度随心听换台页面
添加百度随心听换台页面

第 3 部分 网页在不同分辨率下的自适配 80 分钟

第 1 节 使用Javascript适配浏览器 40 分钟
使用Javascript适配浏览器技能点介绍
使用Javascript制作迅雷页面部分内容适配
第 2 节 媒体查询(Media Queries) 40 分钟
媒体查询使用和介绍
让迅雷页面能够完美自适应各种分辨率
作业:制作完成百度随心听页面的自适应
制作完成百度随心听页面的自适应

7小时玩转网页布局开发

主讲:ASMITA

本课程介绍了网页的常见布局、CSS布局模型三种定位机制(标准文档流、浮动和绝对定位)并通过应用这些知识,带领大家一步步实现人民网的前端页面,同时,还介绍了网站布局经典案例,如双飞翼布局、圣杯布局等。

第 1 部分 Web前端网页布局实战课程概要 3 分钟

第 1 节 Web前端网页布局实战课程概要 3 分钟
Web前端网页布局实战课程概要

第 2 部分 页面内元素的定位技巧 60 分钟

第 1 节 CSS布局模型 60 分钟
页面元素定位和CSS布局模型概述
流动模型(标准文档流)
浮动模型(浮动定位)
层布局模型(绝对定位)
作业:使用层模型制作附件中的图片效果
使用层模型制作附件中的图片效果

第 3 部分 网页的常见布局 55 分钟

第 1 节 网页的常见布局 55 分钟
网页布局综述
一栏、二栏、三栏布局
混合布局
作业:将图文word编排为网页的布局展示
将图文word编排为网页的布局展示

第 4 部分 网站布局经典案例 34 分钟

第 1 节 网站布局经典案例及原型图的构建 34 分钟
网页生产过程及原型图构建
经典布局之双飞翼布局
经典布局之圣杯布局
高级技巧之多列等高
作业:使用双飞翼制作新华网三栏部分
使用双飞翼制作新华网三栏部分

Web前端2D/3D特效开发实战

主讲:王士强

本课程主要讲解了如何使用CSS 2D、动画和过渡制作样式更加丰富的动态网页,如何使用CSS 3D制作高大上的图片展示效果、Canvas画布制作多啦A梦等内容,以此提升用户的CSS 2D/3D、Canvas实现动画效果。

第 1 部分 Web 前端 2D/3D 特效开发实战课程概要 5 分钟

第 1 节 Web 前端 2D/3D 特效开发实战课程概要 5 分钟
Web 前端 2D/3D 特效开发实战课程概要

第 2 部分 CSS3 中 2D 变换、动画和过渡效果 145 分钟

第 1 节 CSS3 中的取值和单位 30 分钟
CSS3 中的取值和单位
丰田汽车足球名人堂实战 - 加入 CSS3 取值和单位的特性
第 2 节 CSS3 中 2D 变换之 transform 45 分钟
CSS3 中的 2D 变换
丰田汽车足球名人堂实战 - 加入 2D 变换的特性
第 3 节 CSS3 动画之 animation 40 分钟
CSS3 中的动画
丰田汽车足球名人堂实战 - 加入动画的特效
第 4 节 CSS3 过渡效果之 transition 30 分钟
CSS3 中的过渡效果
丰田汽车足球名人堂实战 - 加入过渡的特性
作业:导航菜单特效开发
导航菜单特效开发
作业:雪花飘落动画特效
雪花飘落动画特效

第 3 部分 使用 CSS3 中 3D 变换制作图片展示效果 30 分钟

第 1 节 CSS3 中 3D 变换效果 30 分钟
CSS3 中 3D 变换效果概述
制作高大上的图片展示效果
作业:制作 3D 魔方
制作 3D 魔方

第 4 部分 使用 Canvas 画布制作哆啦A梦 50 分钟

第 1 节 画布 Canvas 和 Cocos2d 简介 50 分钟
Canvas 简介
使用 Canvas 制作哆啦A梦
Cocos2d 简介
作业:基于 Canvas 绘制时钟
基于 Canvas 绘制时钟

JavaScript 编程技巧与实战

主讲:ASMITA

本课程介绍了如何应用jQuery、Ajax技术,以及JavaScript模块化技术。

第 1 部分 JavaScript 编程技巧与实战概要 10 分钟

第 1 节 JavaScript 编程技巧与实战概要 10 分钟
JavaScript 编程技巧与实战概要

第 2 部分 JavaScript高级编程技巧 100 分钟

第 1 节 JavaScript高级技巧 100 分钟
正则表达式RegExp对象(上)
正则表达式RegExp对象(下)
作用域与闭包
this的使用
值传递和引用传递
百度音乐用户注册实战
作业:使用JavaScript完成极客学院注册页面
使用JavaScript完成极客学院注册页面

第 3 部分 使用高效的JavaScript工具jQuery进行开发 270 分钟

第 1 节 H5新增属性事件 60 分钟
H5新的标准属性
H5新的事件属性
Web Worker
百度音乐客服中心实战
第 2 节 jQuery 80 分钟
jQuery简介、安装、语法
jQuery选择器、事件
jQuery效果
jQuery属性操作
jQuery文档操作
jQuery遍历
jQuery轮播图制作实战
第 3 节 Ajax/HTTP知识 90 分钟
Ajax介绍
Http知识
Ajax实例演示
Json
Ajax跨域
Ajax实战360搜索
第 4 节 jQuery插件 40 分钟
jQuery Validate表单验证插件
jQuery树形菜单插件(Treeview)
jQuery树形菜单实战全国城市数据
作业:使用jQuery制作弹幕留言板
使用jQuery制作弹幕留言板

第 4 部分 JavaScript模块化 110 分钟

第 1 节 JavaScript模块化编程 110 分钟
JavaScript模块化概述
CommonJS规范
Seajs
RequireJs
使用模块化改造轮播图实战
作业:使用SeaJs模块化改造百度随心听代码
使用SeaJs模块化改造百度随心听代码

基于 Bootstrap 框架开发技巧实战

主讲:王士强

本课主要通过实际项目,讲解了在实际网站开发中,前端如何和美工配合、如何掌握网站前端页面设计和分析的技巧、网站的SEO优化基本知识和技巧,以及如何掌握使用HTML5&CSS3实现移动开发技术、使用Bootstrap实现响应式后台,旨在帮助大家提升网站前后端交互设计的能力。

第 1 部分 基于 Bootstrap 框架开发技巧实战课程概要 10 分钟

第 1 节 基于 Bootstrap 框架开发技巧实战课程概要 10 分钟
基于 Bootstrap 框架开发技巧实战课程概要

第 2 部分 前端开发技巧与SEO 110 分钟

第 1 节 前端开发技巧 45 分钟
前端工程师和美工配合的那些事
CSS美化表单及扒站技巧
第 2 节 网页分析技巧 40 分钟
网页分析技巧
搜狐视频首页页面分析
第 3 节 网站SEO技巧 25 分钟
网站SEO介绍
与页面相关的网站SEO技巧
作业:还原极客学院中职业学院频道首页
还原极客学院中职业学院频道首页

第 3 部分 使用Bootstrap开发后台并实现响应式 180 分钟

第 1 节 HTML5&CSS3移动端开发技术 60 分钟
HTML5&CSS3移动端开发技术介绍
移动端中的设备、图片处理及兼容性
迅雷移动端首页布局实战
第 2 节 响应式与Bootstrap 120 分钟
Bootstrap简介
响应式布局技巧与Media Query
响应式与Bootstrap框架
基于Bootstrap制作后台管理系统
作业:基于Bootstrap3搭建响应式的后台管理结构
基于Bootstrap3搭建响应式的后台管理结构

『动静结合』极客新闻手机版开发实战

主讲:王士强

本课程讲解WeUI的使用方法,和如何使用Zepto进行数据交互,并结合具体示例进行深入学习。

第 1 部分 基于 WeUI 和 Zepto 的极客新闻手机版实战课程概要 5 分钟

第 1 节 基于 WeUI 和 Zepto 的极客新闻手机版实战课程概要 5 分钟
基于 WeUI 和 Zepto 的极客新闻手机版实战课程概要

第 2 部分 使用WeUI进行手机端布局 102 分钟

第 1 节 使用WeUI进行手机端布局 102 分钟
认识WeUI和Sass
WeUI和Sass应用实例
制作欢迎界面和登录表单
完善登录交互
新闻分类导航开发
新闻列表开发

第 3 部分 使用Zepto.js开发页面动态处理效果 75 分钟

第 1 节 使用Zepto.js开发页面动态处理效果 75 分钟
在移动端应用Zepto
完善页面交互功能
异步获取新闻列表
填充内容到对应模块
作业:基于 WeUI 和 Zepto.js 开发极客新闻手机页面
基于 WeUI 和 Zepto.js 开发极客新闻手机页面

学员服务

  • 作业批改
  • 有问必答
  • 学业完成证明
  • 优秀学员推荐就业

主讲老师

  • ASMITA

    极客学院布道师

    曾任某国企信息部技术leader,曾负责过两个千万级项目经验、十余个百万级项目经验,独立开发能力强。现任南京都享教育创始人。

  • 写代码的平面师

    极客学院布道师

    资深Web前端工程师,曾就职于爱立信、联想等知名企业,现任职于某上市互联网公司,担任Web前端项目经理一职,带领12人团队。8年Web前端项目开发经验,具有丰富的HTML5、JavaScript和jQuery开发和教学经验,热爱研究乐于分享。

  • 王士强

    极客学院布道师

    曾在艺龙旅行网、中国移动飞信、猎聘网等企业任职,现任银客集团理财事业部前端负责人,经历了Web 2.0时代和移动互联网时代的潮流变迁,带领团队开发多个项目,特别是在前端应用插件库和Node.js工具模块的开发上,经验丰富,建树颇丰。

  • Jackie

    极客学院布道师

    曾为某互联网创业公司技术负责人,在线教育、MOOC理念的拥护者,愿每个人都有实现自己IT梦想的机会!Make a difference。

  • 江小鱼

    极客学院布道师

    3年多的前端开发经验,目前就职于某互联网公司服务部,主要负责公司node M端业务。熟悉mvc, vue , webpack 等流行框架和工具。

  • stormzhang

    极客学院布道师

    Android Developer 一枚,开源爱好者。

  • derek

    极客学院布道师

    先后担任国家部委信息中心架构师,上市公司教学研发部总监等职位,热爱编程和知识分享。倡导兴趣驱动开发,倡导标签式教学,致力于将编程变成一种乐趣。