首页 课程 会员 简历 博客 系统班

前端工程师

  • 入行前端，是明智的选择！入行门槛低，小白易上手，就业前景好
  • 全新版本，从知识体系、技术版本、项目复杂度、就业指导等多维度升级
  • 让你从0基础入门到全栈开发再到大型项目构建，系统提升开发能力，直达就业

0基础学IT，优选前端工程师

课程大纲

该课程暂无介绍

1门课 课程总时长：322.0小时 教辅资料：282
小鹿线P4班介绍
小鹿线P4班介绍
    课程安排：
  • 1、 小鹿线P4班介绍
85门课 课程总时长：322.0小时 教辅资料：282
阶段一：HTML/CSS
阶段一：HTML/CSS
    课程安排：
  • 1、 HTML简介
  • 2、 开发工具
  • 3、 HTML标签介绍
  • 4、 HTML基本骨架
  • 5、 HTML标题标签和段落标签
  • 6、 作业-完成正常文章格式
  • 7、 HTML文本标签
  • 8、 HTML图像标签
  • 9、 div标签和span标签
  • 10、 小案例
  • 11、 字符集和注释
  • 12、 HTML超链接标签
  • 13、 HTML列表标签
  • 14、 HTML标签规范（一）
  • 15、 小鹿线笔记系统
  • 16、 HTML表格标签
  • 17、 HTML表格标签属性
  • 18、 作业-城市薪资查询
  • 19、 HTML表单标签
  • 20、 input标签文本和密码
  • 21、 input用户输入限制
  • 22、 label标签
  • 23、 input标签单选和多选
  • 24、 select标签
  • 25、 文本域和按钮
  • 26、 input上传文件
  • 27、 案例-用户基本信息表单
  • 28、 案例-用户登录表单
  • 29、 案例-经营信息表单
  • 30、 CSS简介和体验CSS
  • 31、 CSS写法
  • 32、 基本选择器
  • 33、 关系选择器
  • 34、 伪类选择器和属性选择器
  • 35、 CSS文字样式（一）
  • 36、 CSS文字样式（二）
  • 37、 CSS引入方式
  • 38、 HTML元素显示模式
  • 39、 HTML标签写法规范
  • 40、 元素模式转换
  • 41、 菜单导航案例
  • 42、 CSS选择器权重计算
  • 43、 w3school参考手册
  • 44、 边框样式
  • 45、 边框复合写法
  • 46、 用CSS画一个三角形
  • 47、 边框圆角
  • 48、 背景图样式
  • 49、 背景图位置和尺寸
  • 50、 background复合写法
  • 51、 尺寸大小以及单位
  • 52、 全屏背景图
  • 53、 盒模型
  • 54、 课程卡片样式添加
  • 55、 浮动和清除浮动
  • 56、 课程卡片样式改造
  • 57、 正确的学习方式
  • 58、 overflow属性
  • 59、 文字溢出显示省略号
  • 60、 BFC
  • 61、 定位-相对定位
  • 62、 定位-绝对定位
  • 63、 无依赖定位
  • 64、 元素居中
  • 65、 固定定位和z-index
  • 66、 练习-后台登录布局
  • 67、 CSS写法规范
  • 68、 网页导航文字样式
  • 69、 搜索框样式布局
  • 70、 作业
  • 71、 网站头部布局
  • 72、 蓝湖工具讲解
  • 73、 透明度
  • 74、 css雪碧图如何使用
  • 75、 电商网站的导航部分
  • 76、 项目开发前
  • 77、 首页-头部布局
  • 78、 首页-banner布局
  • 79、 首页-新上好课布局
  • 80、 首页-推荐好课布局
  • 81、 首页-看好书布局
  • 82、 首页-底部布局
  • 83、 课程页-课程筛选布局
  • 84、 课程页-课程列表布局
  • 85、 最终考核要求
180门课 课程总时长：322.0小时 教辅资料：282
阶段二：JavaScript
阶段二：JavaScript
    课程安排：
  • 1、 课程核心思想
  • 2、 你好JavaScript
  • 3、 延迟和异步加载js
  • 4、 变量和注释
  • 5、 数据类型
  • 6、 企业级规范
  • 7、 数据类型转换
  • 8、 变量存储机制原理
  • 9、 运算符-算术运算符-类型隐式转换
  • 10、 运算符-赋值运算符
  • 11、 运算符-比较运算符
  • 12、 运算符-一元运算符
  • 13、 运算符-二元运算符
  • 14、 运算符-三元运算符
  • 15、 作业-1
  • 16、 流程控制语句-if
  • 17、 if嵌套
  • 18、 流程控制语句-switch
  • 19、 循环语句-for
  • 20、 for循环例子练习
  • 21、 for循环嵌套
  • 22、 跳出语句
  • 23、 while和do...while循环
  • 24、 函数定义-函数调用
  • 25、 函数参数-arguments-return
  • 26、 匿名函数-匿名函数立即执行
  • 27、 执行环境
  • 28、 BOM-location
  • 29、 BOM-history
  • 30、 BOM-navigator-screen
  • 31、 定时器
  • 32、 js的单线程
  • 33、 【案例】图片轮播
  • 34、 数组-什么是数组-使用数组
  • 35、 【案例】-今天玩什么游戏
  • 36、 数组-多维数组
  • 37、 数组-数组方法（一）
  • 38、 数组-数组方法（二）
  • 39、 数组-数组方法（三）
  • 40、 数组-循环遍历数组方法
  • 41、 【案例】-冒泡排序
  • 42、 【案例】-数组去重
  • 43、 字符串-创建方式原理
  • 44、 字符串-字符串方法（一）
  • 45、 字符串-字符串方法（二）
  • 46、 【案例】-上传文件判断后缀名
  • 47、 【案例】手机号中4位隐藏
  • 48、 JavaScript-数学对象
  • 49、 【案例】-生成随机验证码
  • 50、 JavaScript-日期对象
  • 51、 【案例】-京东秒杀
  • 52、 DOM-获取节点方法
  • 53、 DOM-节点属性
  • 54、 节点方法-操作节点属性
  • 55、 节点创建-添加-删除
  • 56、 【案例】-增删操作
  • 57、 节点大小-节点位置
  • 58、 作业-2
  • 59、 事件-事件流
  • 60、 鼠标类事件
  • 61、 键盘类事件
  • 62、 其他类事件
  • 63、 事件处理程序-添加
  • 64、 事件处理程序-删除
  • 65、 事件对象-事件委托
  • 66、 阻止冒泡-阻止默认行为
  • 67、 【案例】拖拽效果
  • 68、 【案例】放大镜
  • 69、 【小米购物车】-HTML布局
  • 70、 【小米购物车】-CSS样式
  • 71、 【小米购物车】-全选-合计
  • 72、 【小米购物车】-增删数量
  • 73、 【案例】-商品规格筛选
  • 74、 【案例】-tab切换
  • 75、 【案例】-菜单tab切换
  • 76、 作业-3
  • 77、 正则-正则定义-正则方法
  • 78、 正则-元字符-转义
  • 79、 正则-选择符-修饰符
  • 80、 正则-限定符-重复
  • 81、 正则-贪婪模式-懒惰模式
  • 82、 正则-分组-字符类
  • 83、 正则-前瞻
  • 84、 【案例】-验证表单
  • 85、 作业-4
  • 86、 【案例】-手机号钝点
  • 87、 【案例】-面试题
  • 88、 【案例】-验证文件后缀名
  • 89、 【案例】-电子邮箱
  • 90、 作用域-作用域链
  • 91、 悬挂变量声明【变量提升】
  • 92、 优先级-作用域面试题
  • 93、 作业-5
  • 94、 严格模式
  • 95、 递归
  • 96、 DOM树递归操作
  • 97、 斐波那契算法递归操作
  • 98、 闭包
  • 99、 【瀑布流】-页面布局
  • 100、 【瀑布流】-定位排序
  • 101、 【瀑布流】-滚动加载
  • 102、 作业-6
  • 103、 undefined和null区别-instanceof
  • 104、 对象-理解对象-创建对象
  • 105、 对象-设置属性-删除属性
  • 106、 对象-get-set
  • 107、 对象-序列化对象
  • 108、 遍历对象-合并对象
  • 109、 【面试题】-统计字符次数
  • 110、 【面试题】-解析url参数
  • 111、 this指向
  • 112、 call-apply-bind
  • 113、 面试题
  • 114、 作业-7
  • 115、 【案例】-无缝滚动
  • 116、 对象模式-工厂模式
  • 117、 对象模式-构造函数
  • 118、 对象模式-原型模式
  • 119、 函数和对象的原型关系
  • 120、 new具体做了什么事
  • 121、 浅拷贝和深拷贝
  • 122、 原型链-继承
  • 123、 【面试题】-原型相关
  • 124、 借用构造函数
  • 125、 组合继承
  • 126、 初谈前端性能优化
  • 127、 debugger和try
  • 128、 JS阶段还剩下哪些课程
  • 129、 jQuery是什么-jQuery怎么用
  • 130、 jQuery基本选择器
  • 131、 jQuery层级选择器
  • 132、 jQuery内容选择器
  • 133、 jQuery可见性选择器
  • 134、 jQuery其他选择器
  • 135、 对象之间的转换
  • 136、 节点查找
  • 137、 CSS类
  • 138、 【案例】手风琴
  • 139、 过滤
  • 140、 插入节点
  • 141、 删除节点和属性
  • 142、 文本值
  • 143、 尺寸
  • 144、 位置-回到顶部案例
  • 145、 事件绑定-事件委托
  • 146、 事件对象
  • 147、 jQuery遍历循环
  • 148、 三级联动
  • 149、 jQuery自带动画
  • 150、 自定义动画-无缝滚动
  • 151、 jQuery剩下常用方法
  • 152、 jQuery插件写法
  • 153、 jQuery插件参数传递
  • 154、 【案例】-图片轮播插件
  • 155、 jQuery插件如何找
  • 156、 swiper获取下载及引入
  • 157、 swiper每一个部分代表什么意思
  • 158、 基本配置（滑动方向、速度、循环播放、自动切换）
  • 159、 去哪网儿app-照片图片滑动效果
  • 160、 当当网-数字下标显示图片
  • 161、 切换效果
  • 162、 图片放大缩小
  • 163、 缩略图效果
  • 164、 JS写jQuery框架-开始
  • 165、 JS写jQuery框架-选择器
  • 166、 JS写jQuery框架-方法添加
  • 167、 JS写jQuery框架-添加方法
  • 168、 json格式
  • 169、 什么是ajax-环境搭建
  • 170、 原生JS操作AJAX
  • 171、 jQuery操作AJAX
  • 172、 【首页】-banner部分
  • 173、 【首页】-开班计划
  • 174、 【首页】-企业项目
  • 175、 【首页】-footer部分
  • 176、 在线课程
  • 177、 就业学员-请求数据
  • 178、 就业学员-触底加载数据
  • 179、 就业学员-筛选条件
  • 180、 关于我们
72门课 课程总时长：322.0小时 教辅资料：282
阶段三：H5C3
    课程安排：
  • 1、 什么是HTML5
  • 2、 新增标签和标签兼容
  • 3、 新增input type属性值-pc端
  • 4、 【mac操作系统】真机调试
  • 5、 【windows操作系统】ios手机真机测试
  • 6、 【windows操作系统】安卓手机真机测试
  • 7、 新增input type属性值-移动端
  • 8、 新增常用属性-pc和移动调试
  • 9、 视频和音频
  • 10、 本地存储
  • 11、 【案例】-App最近搜索记录
  • 12、 reset和Normalize
  • 13、 CSS预处理器
  • 14、 less语法
  • 15、 sass语法
  • 16、 CSS3选择器和兼容
  • 17、 flex-direction
  • 18、 18 flex-wrap
  • 19、 19 flex-flow
  • 20、 20 justify-content
  • 21、 21 align-items
  • 22、 22 flex-grow
  • 23、 23 flex-shrink
  • 24、 24 flex-basis
  • 25、 25 flex
  • 26、 26 布局单位
  • 27、 27 自适应布局
  • 28、 字体图标的使用
  • 29、 网页规划和头部
  • 30、 底部布局
  • 31、 中间区块
  • 32、 作业-1
  • 33、 transform-2D
  • 34、 transform-3D
  • 35、 animation基础使用
  • 36、 animation-加载中动画
  • 37、 animation-球形加载中
  • 38、 animate动画库
  • 39、 transition
  • 40、 transition-翻转菜单
  • 41、 【面试题】无宽高如何居中
  • 42、 动起来的input
  • 43、 响应式布局
  • 44、 响应式图片
  • 45、 改造一个响应式网站
  • 46、 项目响应式和自适应
  • 47、 iScroll插件
  • 48、 移动端300ms延迟
  • 49、 touch事件与穿透问题
  • 50、 zepto
  • 51、 懒加载以及原理
  • 52、 下拉刷新-上拉加载
  • 53、 项目目录结构搭建
  • 54、 【首页】底部布局
  • 55、 【首页】内容区块布局
  • 56、 【首页】数据渲染
  • 57、 懒加载问题修正
  • 58、 【在线课程】页面布局
  • 59、 【课程搜索】页面布局
  • 60、 对应展示不同数据
  • 61、 【搜索页】懒加载-触底加载
  • 62、 【搜索页】实现搜索功能
  • 63、 键盘收起问题和半透明遮罩
  • 64、 禁止长按的某些操作
  • 65、 作业-2
  • 66、 学习路线页面
  • 67、 关于我们
  • 68、 师资力量
  • 69、 【师资详情】路径传值问题
  • 70、 【学员页面】条件筛选
  • 71、 激活代码助手px自动转换rem
  • 72、 PC+移动端上线前准备
37门课 课程总时长：322.0小时 教辅资料：282
NodeJs
    课程安排：
  • 1、 01 阶段介绍
  • 2、 02 【Mac操作系统】环境搭建
  • 3、 03 【windows操作系统】环境搭建
  • 4、 04 CommonJS
  • 5、 05 Global
  • 6、 06 安装cnpm
  • 7、 07 npm下载方式
  • 8、 07 package-1
  • 9、 08 上传自己的npm包
  • 10、 08 get请求url数据操作-1
  • 11、 09 get请求表单数据操作
  • 12、 10 post请求表单数据操作
  • 13、 11 Node连接mysql
  • 14、 12 【案例】-登录
  • 15、 13 【案例】-注册
  • 16、 14 express目录结构
  • 17、 15 express路由操作
  • 18、 16 引入资源和模版语法
  • 19、 17 项目搭建-登录页面布局
  • 20、 18 后台登录操作
  • 21、 19 渲染进入首页
  • 22、 20 首页页面布局
  • 23、 21 后台菜单效果
  • 24、 22 bannerList布局（头部）
  • 25、 23 bannerList布局（内容）
  • 26、 24 banner的数据查询
  • 27、 25 banenr图添加样式布局
  • 28、 26 banner上传图片
  • 29、 27 分页样式布局和总记录数
  • 30、 28 页码跳转（首页尾页）
  • 31、 29 分页上一页和下一页
  • 32、 30 input搜索功能
  • 33、 31 select搜索功能
  • 34、 32 删除数据
  • 35、 33 解决添加bug
  • 36、 34 修改数据
  • 37、 35 模块包含和最终考核
12门课 课程总时长：322.0小时 教辅资料：282
Git
Git
    课程安排：
  • 1、 01 Git介绍
  • 2、 02 Git安装与下载项目代码
  • 3、 03 【Mac】创建仓库及提交代码
  • 4、 04 【Windows】创建仓库及提交代码
  • 5、 05 提交多次代码如何查看之前代码
  • 6、 06 Git入门总结
  • 7、 07 Git详细命令
  • 8、 08 多人开发解决冲突问题
  • 9、 09 分支操作
  • 10、 10 合并分支
  • 11、 11 Gitflow工作流（一）
  • 12、 12 Gitflow工作流（二）
9门课 课程总时长：322.0小时 教辅资料：282
webpack
webpack
    课程安排：
  • 1、 01 webpack介绍和简单使用
  • 2、 02 webpack的入口和输出
  • 3、 03 入口多种配置方式
  • 4、 04 loader的概念
  • 5、 05 压缩打包HTML
  • 6、 06 HTML加入图片
  • 7、 07 HTML加入字体图标
  • 8、 08 单独分离CSS压缩打包
  • 9、 09 项目压缩打包

项目展示

每个阶段都有项目，提升各位学员的实操能力

  • 基础技能
    HTML/CSS
  • 技术提升
    Javascript
HTML/CSS
Javascript

系统班老师配置

系统班老师配置，主讲老师：2名，助教老师：2名，学管老师：2名，顾问老师：2名

  • 国栋老师

    国栋老师

    主讲老师
    19年互联网开发工作经验，擅长php、glang、javascript等言。在前端方面，注重快速布局与简化逻辑从而实现快速开发。教学风格从实战出发，原则是让每位学员都可独挡一面。
  • 得智老师

    得智老师

    主讲老师
  • 张老师

    张老师

    金牌讲师
    13年工作经验，5年授课经验，毕业成功就业学生达到15000名。

常见问题

  • 课程中有哪些项目？
    首先小鹿线P4班级课程中的项目都是比较实战的商业化项目，是可以已经上线的项目，我们的学生可以把项目写在简历中的，项目类型有很多，比如：电商类型项目、saas系统、后台管理系统、商业可视化等等...
  • 在线答疑有吗？
    肯定是提供在线答疑服务的，而且有对应的班级微信群，大家可以随时提问。或者关注B站【小鹿线直播答疑】直播间，我们会在每天在线直播给我们学员就行答疑的。
  • 学完后可以找到工作吗？
    小鹿线已经有上万名学员找到了工作，而且都就业非常好，小鹿线会全力以赴让学员找到工作的，并且小鹿线做出的承诺会负责到底，保障大家权益，包括入学签署的协议，如果没有就业，全额退还学费。
  • 我没有任何IT基础，可以学习吗？
    可以学习的，课程就是面向0基础的同学设计的。 从前端最基础的HTML5/CSS3到全栈开发以及大型项目构建，由浅入深，通俗易懂。

联系小鹿线

咨询老师

咨询老师

扫码下载APP