Web前端工程师 > Web前端实习生成长计划
Web前端实习生成长计划
  • Web前端实习生成长计划

  • 主讲 : 写代码的平面师、Jackie、江小鱼等
  • 本课程介绍了Web前端工程师的职业、行业前景,同时讲解了HTML(HTML5)基本语法、CSS(CSS3)基本语法、JavaScript基础知识等知识。
  • ¥999.00 ¥2000.00 ¥979.00
  • 免费试学 立即报名

    42人学习时长 : 36.4 小时有效期 : 100 天 有效期自支付成功后开始计算,到期后仍可观看课程视频和图文,但不再享受问答和作业批改等服务。

Web前端实习生成长计划 Web前端实习生成长计划 Web前端实习生成长计划 Web前端实习生成长计划 Web前端实习生成长计划 Web前端实习生成长计划 Web前端实习生成长计划 Web前端实习生成长计划
职业入门

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 节 文本修饰标签的写法及格式 13 分钟
文本修饰标签的写法及格式
第 2 节 标签的属性和嵌套 14 分钟
标签的属性和嵌套
第 3 节 其他类型的标签 19 分钟
其他类型的标签

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

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

第 4 部分 图像元素 34 分钟

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

第 5 部分 表格标签 49 分钟

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

第 6 部分 列表标签 11 分钟

第 1 节 列表标签 11 分钟
列表标签

第 7 部分 表单标签 52 分钟

第 1 节 form标签的属性 9 分钟
form标签的属性
第 2 节 多种input标签控件 16 分钟
多种input标签控件
第 3 节 下拉框标签的写法 12 分钟
下拉框标签的写法
第 4 节 文本域标签 6 分钟
文本域标签
第 5 节 label标签的用法 9 分钟
label标签的用法
作业:模拟京东网注册页面
模拟京东网注册页面

第 8 部分 HTML框架技术 22 分钟

第 1 节 frameset标签 17 分钟
frameset标签
第 2 节 iframe标签 5 分钟
iframe标签
作业:模拟制作网站后台页面
模拟制作网站后台页面

第 9 部分 头部meta标签 17 分钟

第 1 节 页头meta标签 17 分钟
页头meta标签

第 10 部分 HTML5概述 10 分钟

第 1 节 HTML4和HTML5的对比 5 分钟
HTML4和HTML5的对比
第 2 节 HTML5新特性 5 分钟
HTML5新特性

第 11 部分 HTML5新增的标签 34 分钟

第 1 节 HTML5新增的标签 34 分钟
HTML5新增的标签

第 12 部分 input表单 12 分钟

第 1 节 新增的表单控件和属性 12 分钟
新增的表单控件和属性
作业:使用HTML5标签布局页面
使用HTML5标签布局页面

第 13 部分 HTML5标签的兼容 5 分钟

第 1 节 HTML5标签的兼容 5 分钟
HTML5标签的兼容

CSS(CSS3)基础

主讲:写代码的平面师

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

第 1 部分 CSS样式 16 分钟

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

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

第 1 节 4种基础选择器 16 分钟
4种基础选择器
第 2 节 2种复合选择器 12 分钟
2种复合选择器
第 3 节 伪类选择器 13 分钟
伪类选择器

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

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

第 4 部分 CSS的背景 41 分钟

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

第 5 部分 盒子模型 74 分钟

第 1 节 定义元素的宽和高 10 分钟
定义元素的宽和高
第 2 节 内边距和外边距 23 分钟
内边距padding
外边距margin
第 3 节 边框border 13 分钟
边框border
第 4 节 添加浮动和清除浮动 28 分钟
添加浮动
清除浮动
作业:模拟制作“Gulp 中文网”页面
模拟制作“Gulp 中文网”页面

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

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

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

第 1 节 CSS3介绍 10 分钟
CSS3介绍
第 2 节 border-radius 18 分钟
border-radius
第 3 节 box-shadow 14 分钟
box-shadow
作业:通过CSS3新增属性制作多色彩阴影
通过CSS3新增属性制作多色彩阴影

第 8 部分 文字和字体 27 分钟

第 1 节 阴影文字 10 分钟
阴影文字
第 2 节 自定义字体 17 分钟
自定义字体
作业:模拟制作“Bootstrap中文网”
模拟制作“Bootstrap中文网”

第 9 部分 种类多样的选择器 42 分钟

第 1 节 子元素选择器 17 分钟
子元素选择器
第 2 节 ::selection 10 分钟
::selection
第 3 节 ::before和::after 15 分钟
::before和::after
作业:模拟制作“京东网-服装鞋包”模块
模拟制作“京东网-服装鞋包”模块

JavaScript基础

主讲:Jackie

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

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

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

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

第 1 节 JavaScript基本语法 20 分钟
JavaScript基本语法规范
JavaScript变量
作业:在HTML中用JavaScript打印出基本身份信息
在HTML中用JavaScript打印出基本身份信息

第 3 部分 JavaScript基本数据类型 60 分钟

第 1 节 JavaScript基本数据类型 60 分钟
数据类型介绍和typeof操作符
Undefined类型和Null类型
字符串(String)类型
数字(Number)类型
布尔类型和Object对象类型
作业:基本数据类型练习——我叫极客
基本数据类型练习——我叫极客

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

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

第 5 部分 JavaScript函数 60 分钟

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

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

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

第 7 部分 JavaScript文档对象模型DOM 150 分钟

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

第 8 部分 JavaScript事件 160 分钟

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

第 9 部分 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
福利大放送

手把手教你开发社区网站

主讲:Jokcy

本课程为前端初学者量身设计,从Cnode网站分析、环境搭建、模板引擎的使用、页面设计、交互实现等方面,一步步带你搭建一个网站项目,夯实前端开发基本功。

第 1 部分 CNode实战项目需求和结构讲解 58 分钟

第 1 节 项目需求讲解 19 分钟
CNode网站介绍
CNode接口讲解
本小节资料包
第 2 节 如何通过CNode接口实现自己的网站 21 分钟
一个真实运行的网站结构讲解
HTTP讲解
本小节资料包
第 3 节 项目结构讲解 18 分钟
如何运行实战的项目
项目目录以及资源引用讲解
页面路径和接口路径讲解
本小节资料包

第 2 部分 nunjucks模板讲解 36 分钟

第 1 节 nunjucks基础知识 17 分钟
什么是模板引擎
模板引擎变量和表达式
本小节资料包
第 2 节 nunjucks进阶知识 19 分钟
继承和包含
过滤器
本小节资料包

第 3 部分 项目实战开发 129 分钟

第 1 节 网站内容基本结构实现 37 分钟
基础模板结构
基础CSS样式实现
基础JS实现
本小节资料包
第 2 节 主页实现 39 分钟
主页内容渲染
主页CSS样式实现
主页JS交互实现
本小节资料包
第 3 节 主题页实现 47 分钟
主题页内容渲染
主题页CSS样式实现
登录和收藏实现
本小节资料包
第 4 节 总结 6 分钟
总结
本小节资料包
作业:完成整个网站实例
完成整个网站实例

学员服务

  • 作业批改
  • 有问必答
  • 学业完成证明

主讲老师

  • 写代码的平面师

    极客学院布道师

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

  • Jackie

    极客学院布道师

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

  • 江小鱼

    极客学院布道师

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

  • stormzhang

    极客学院布道师

    Android Developer 一枚,开源爱好者。

  • derek

    极客学院布道师

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

  • Jokcy

    极客学院布道师

    某公司前端架构师,掌握主流前端框架,专注研究前端工程化,善于创建各类工具优化前端开发体验。