学完该课程,将 能够熟练掌握PC端、移动端、后端开发等前端通用技术和框架,并具备网页布局分析、业务逻辑分析和代码优化等能力,足以胜任web前端开发工程师、移动端开发工程师、小程序开发工程师等职位

前端与移动开发在线就业班

前端已经迈入大前端时代,前端将无所不能

课程时长:336课时 学习人数:1124人

教学服务服务期: 365天

  • 随到随学
  • 学前测试
  • 专属学习档案
  • 班主任督导
  • 新手任务
  • 每周学习反馈
  • 闯关式学习
  • 答疑辅导
  • 直播串讲
  • 作业批改
  • 全方位学习测评
  • 问答讨论
  • 配套教辅
  • 源码开放
  • 1V1就业服务
  • 学习报告
  • ¥14980.00 ¥16980.00

    随着移动互联网的深入发展,多屏互动和多端兼容友好的界面成为目前所有系统重要的需求,让前端开发工程师一跃成为目前市场紧俏、火爆的人才。 本课程内容包含目前最流行的三大框架(Vue、React、Angular),把全栈工程师必须要掌握的全部前端技术、Node.js相关后台技术、HTML5移动方向开发技术做了系统整合, 致力于培养中高级前端工程师。

    学完收获:

    熟练掌握前端开发HTML、CSS、JavaScript等核心技术,熟练掌握Vue、React、Angular三大流行框架

    熟练使用面向对象思想进行编程,掌握应对业务编程的能力以及常见兼容性方案

    熟练掌握前后端分工开发流程、原生 Ajax 请求流程与细节,掌握常见跨域技巧

    能够基于jQuery相关 API 熟练开发网页功能

    熟练运用H5实现项目的开发、运用原生JS开发移动web页面、运用bootstrap和CSS3媒体查询开发响应
    式网页

    熟练掌握模块化编程方式,熟练使用 Node.js和Express框架对MySQL 数据库进行增删改查操作

    熟练掌握artTemplate和ejs模板引擎的应用

    熟练掌握基于cookie、session、token的持久化和身份验证

    熟练掌握前后端分离开发模式

    熟练掌握 Webpack 项目打包配置流程

    熟练掌握ReactNative开发移动APP

    熟练掌握微信小程序项目开发

    在校大学生

    刚刚毕业的技术小白

    零基础 想转行的
    非在职IT人员

    有基础想转行的
    在职IT人员

    希望得到技能提
    的IT研发人员

    亮点1

    七大阶段
    五大拓展

    提炼七大精华阶段,
    五大拓展课程,紧扣市场需求,
    实现真正的最全开发

    亮点2

    330+课时

    内容全面系统,贯通前后端,
    课程设计循序渐进,
    330+课时从理论到实战层层深入

    亮点3

    13大项目
    30+案例

    13大实战项目和30+经典案例,
    模拟真实企业项目开发,
    学完即可上岗

    阶段一 : 前端基础

    39小时

    |

    26
    知识要点

    HTML

    浏览器与浏览器内核、HTML基本结构、HTML常用标签、【案例】路径和锚点定位、 【案例】表格和列表标签及案例、【案例】表单元素和综合案例

    CSS

    CSS介绍和CSS样式表、CSS基本选择器、【案例】font字体和案例、【案例】CSS外观样式及应用案例、 CSS复合选择器、【案例】标签显示模式和案例、【案例】CSS背景及应用、【案例】CSS盒模型及应用案例、 CSS三大特性、【案例】PS基本操作及应用案例、【案例】浮动及案例、清除浮动、PS常用操作及cutterman插件使用、 【项目】学成网在线项目、【案例】CSS四种定位及淘宝轮播图案例、【案例】CSS精灵图及滑动门案例

    【项目】品优购电商项目

    品优购项目介绍及准备工作、品优购导航和轮播及推荐模块实现、品优购主体内容区域实现、品优购详情页和注册页面实现

    市场价值 : 能够根据PSD文件文件,完成PC端静态网页的开发工作,学完此阶段,尚不能够达到企业用人标准。

    阶段二 : 移动Web网页开发

    22小时

    |

    16
    知识要点

    H5C3进阶

    vscode编辑器基本使用、HTML5新增标签、【案例】CSS3新增选择器及案例、【案例】2D转换及相关案例实现、【案例】3D转换和旋转木马案例

    Flex 伸缩布局

    移动端基础知识、【案例】移动端电商首页制作、Flex伸缩布局基础知识、【案例】移动端携程网首页制作

    移动web开发

    媒体查询、less介绍和使用、rem适配及原理、【案例】移动端苏宁首页制作和rem适配、响应式开发介绍、Bootstrap介绍和使用、【案例】阿里百秀响应式页面制作

    市场价值 : 能够完成移动Web网页、响应式页面以及炫酷页面的开发工作,学完此阶段,尚不能够达到企业用人标准。

    阶段三 : JavaScript网页编程

    55小时

    |

    57
    知识要点

    JavaScript基础语法

    计算机基础和JavaScript介绍、JavaScript变量、JavaScript数据类型、JavaScript操作符、 【案例】JavaScript流程控制及案例、【案例】JavaScript循环及案例、JavaScript数组和冒泡排序、 JavaScript函数及应用、JavaScript作用域及预解析、JavaScript对象、【案例】JavaScript内置对象及案例、 JavaScript简单类型和复杂类型

    WebAPI编程

    API 和 Web API、DOM介绍、【案例】事件和样式操作及案例、【案例】百度换肤、【案例】表单全选案例、 【案例】tab栏切换案例、【案例】节点操作及发布留言案例、【案例】动态创建表格案例、【案例】事件详解及案例、 BOM介绍及应用、【案例】定时器和相关案例、this指向和js执行机制、【案例】location、navigator、history对象、 offset、client、scroll三大家族介绍及案例应用、缓动画的原理和封装、【案例】网页轮播图实现、节流阀、 【案例】返回顶部及筋斗云案例、【案例】移动端轮播图实现、【案例】移动端插件使用及轮播图的实现、 【案例】HTML5本地存储及记住用户名案例

    jQuery快速开发

    jQuery介绍及常用API导读、【案例】jQuery选择器及案例、jQuery链式编程及样式操作、 【案例】jQuery动画及王者荣耀手风琴案例、【案例】jQuery实现购物车案例、【案例】jQuery实现电梯导航案例、 jQuery事件绑定和解绑、jQuery插件的使用、【案例】jQuery实现todolist案例

    JavaScript高级

    面向对形象编程介绍、类和对象、【案例】面向对象tab栏切换案例、构造函数和原型对象、forEach、some、 【案例】filter方法及查询商品案例、Object.defineProperty方法、函数进阶、call、apply、bind的使用、 闭包及应用、递归及应用、正则表达式及应用、ES6中的let和const、ES6解构赋值、ES6箭头函数、剩余参数和拓展运算符、 Array实例方法、ES6模板字符串和set数据结构

    市场价值 : 能够完成PC端网页、移动Web网页、响应式页面中的功能和特殊效果的开发工作,学完此阶段,具备一定的企业基础用人标准,但尚未达到初级前端开发工程师水平。

    阶段四 : Node与Ajax

    50小时

    |

    41
    知识要点

    Node+Gulp

    node介绍和环境安装、node模块化、gulp使用、服务器和http协议、【案例】同步和异步、Promise

    MongoDB+Express

    MongoDB数据库和数据库的增删改查、mongoose验证、【案例】用户信息的增删改查案例、art-template模板引擎使用、 【案例】学生档案信息管理案例、Express框架

    【项目】黑马博客项目

    登录和注册功能、用户列表分页功能、用户信息修改功能、文件上传和图片预览功能、文章添加和第三方模块实现分页功能、 开发环境与生产环境、博客首页数据渲染、详情页和评论功能

    Ajax

    Ajax基础知识、Ajax函数封装、【案例】文件上传和图片即时预览、同源策略、JSONP、【案例】腾讯天气信息案例、 CORS、jQuery中Aajx方法的使用、【案例】todo案例、Ajax补充内容

    Git和GitHub

    git配置和使用、github及多人协作开发、git补充内容

    【项目】阿里百秀项目

    模板引擎基本使用、阿里百秀介绍和项目搭建、登录和退出功能、用户信息的增删改查功能、文章信息的增删改查功能、 评论功能01、网站首页首页渲染、评论功能02

    市场价值 : 能够完成前后端数据交互、基于前后端分离模式、传统模式的开发的工作,学完此阶段,具备企业基础用人标准,能够达到初级前端开发工程师水平。

    阶段五 : 前端工具和框架

    20小时

    |

    14
    知识要点

    Vue基础

    【案例】Vue指令(含数据列表案例)、axios和vue-resource、vue动画、vue组件、vue路由

    webpack

    webpack介绍与安装、webpack之loader配置与使用、webpack与vue结合使用

    【项目】电商管理系统项目(Element-UI)

    电商管理项目介绍和初始化、登录功能、首页布局、用户管理功能、权限管理功能、商品管理功能

    市场价值 : 能够实现基于Vue技术栈项目的开发能力,学完此阶段,具备企业用人标准,能够达到中级前端开发工程师水平。

    阶段六 : 拓展课程

    76小时

    |

    37
    知识要点

    微信小程序

    微信小程序介绍、微信小程序应用配置介绍、逻辑层与界面层分离架构、微信小程序组件的介绍和应用、 【案例】Music伸缩布局案例、页面间的跳转和传值、【案例】微信小程序TODOS案例、【项目】微信小程序本地生活项目

    React

    移动App的介绍、移动App开发环境搭建、webpack回顾及功能演示、React介绍、React核心概念、JSX语法介绍和使用、 【案例】渲染评论列表案例、React组件介绍和使用、React路由介绍和使用、【项目】React电影项目

    【项目】ReactNative电影项目

    项目展示和配置、Tab栏效果、首页效果、ReactNative路由配置、电影列表和详情页效果、ReactNative电影项目发布

    Angular5

    Angular介绍、TypeScript介绍和使用、【案例】ToDoMVC案例、【项目】Angular5通讯录项目

    【项目】全栈式在线项目

    SVN介绍和使用、git和github介绍和应用、ES6语法介绍和使用、在线教育系统项目初始化、Express中间件使用、 Nunjucks模板引擎、nvm、nrm、yarn介绍、MongoDB和mongoose介绍和应用、全栈式在线教育项目业务逻辑实现

    市场价值 : 能够实现基于React、Angular技术栈、微信小程序、ReactNative、全栈类项目的开发能力,学完此阶段,具备企业用人标准,能够达到中级前端开发工程师水平。

    01.电商项目

    按照项目设计图,快速、精准制作静态页面是前端开发人员的一项基本技能,本项目根据Photoshop进行效果图的展示和页面尺寸、 颜色量取的辅助开发,然后使用HTML+CSS进行页面布局,同时使用CSS3实现网页动画效果,来完成电商项目, 从而全面的综合运用DIV+CSS知识,提高学员进行网页布局的能力

    02. jQuery+Ajax实战电影项目

    本项目使用jQuery和jQuery相关插件实现项目的功能需求,比如:城市切换、table栏切换、分页、加载更多等功能, 同时使用Ajax和Chrome浏览器跨域插件请求第三方电影提供的API,把电影相关的数据渲染到页面中。 通过本项目培养学员运用jQuery、 jQuery相关插件以及Ajax请求的综合能力以及网站开发能力

    03.H5购物网站实战项目

    本项目是一个购物网站专题页,由8个页面组成,通过Fireworks 进行辅助项目开发, 每个页面使用HTML/HTML5 + CSS/CSS3进行网页布局和样式展示,项目中的页面可以通过fullPage.js 实现页面竖向滚动, 在滚动的同时每个页面中通过jQuery+CSS3实现动画效果,让购物的流程变得更加生动、形象,促进了用户的购买兴趣

    04.浏览器官网展示项目

    本项目是展示浏览器官网宣传页,共分为4个页面,每个页面使用HTML/HTML5 + CSS/CSS3进行网页布局和样式展示, 页面可以通过fullPage.js实现页面竖向滚动,使用stellar.js实现页面视差滚动效果,在滚动的同时每个页面中通过jQuery+CSS3实现动画效果, 让浏览器的界面更加生动、鲜明,给用户良好的视觉效果

    05.移动Web电商项目

    该项目使用HTML+CSS页面布局和样式展示,使用原生JavaScript 实现项目相关功能,通过zepto.js实现轮播图效果, 使用Fastclick.js插件解决移动端Click事件延迟,使用Swiper.js插件实现轮播图滑动效果,通过Iscroll.js插件实现内容滑动效果。 项目所涉及的技术点比较多,能够让学员学到移动Web开发完整的专业知识和开发技巧

    06.响应式开发项目

    响应式开发项目同时适配于PC端和移动端设备,该项目的实现主要是通过HTML+less进行网页布局和样式展示,运用CSS3媒体查询实现在不同屏幕尺寸下部分样式的改变, 使用Bootstrap响应式开发框架实现项目的部分布局和功能效果。响应式开发体现开发一套网站,同时适配不同的终端,具备了更友好、更快、更省的项目开发体验。 在项目的最后讲解了rem和使用rem实现优惠活动案例

    07.黑马博客项目

    本项目是一个基于后端渲染的博客项目,项目的所有页面全部通过ejs模板引擎进行渲染,界面样式主要是通过Bootstrap框架进行展示, 用户的表单数据会通过Node+Express+SQL等逻辑存入到MySQL数据库、运用cookie+session进行登录退出及状态保存, 用户可以通过markdown在线编辑器进行博客的编写,文章的信息会保存到MySQL数据库,最后将开发完成的博客项目发布到服务器上

    08.Vue电商后台管理系统项目

    Vue电商后台管理系统项目通过vue-cli脚手架进行搭建;项目中的页面样式和部分功能主要运用Element UI实现,通过axios调用相应的接口,从而对数据库进行增删改查操作;在页面中渲染和操作对应的数据,使用Vuex进行项目的状态管理,通过Vue路由实现页面的跳转

    本课程学完之后可以胜任哪些岗位的工作?

    本课程覆盖PC端开发、移动web端开发、移动APP开发、微信小程序开发内容,
    完成全部课程的学习,可以胜任Web前端开发工程师、移动端开发工程师、微信
    小程序开发工程师、H5开发工程师等岗位

    学习本课程是否需要编程基础?

    本课程内容设计完全面向0编程基础的学员设计,不需要任何编程基础就可以学习, 只要求日常的计算机使用能力和经验

    还有问题,点击咨询