全国咨询热线:400-618-4000 | 股票代码:839976

2018年前端与移动开发学科课程大纲

目前课程版本:5.0   升级时间:2018.02.26   查看详细

前端与移动开发课程设计理念

  •  

    夯实基本技能

    了解网页的结构组成;分析页面的布局;会使用前端常用工具如:Photoshop,cutterman,Sublime, WebStorm;能够熟练的将PSD图转为HTML静态页面,并且处理浏览器常用的兼容问题;同时能够使用JavaScript和Jquery完成页面常见特效;能够独立制作企业官网,让小白初入前端职场

  •  

    与服务器端交互

    能够理解客户端/服务器、动态网站以及网络通信等前后端开发相关概念,并且能够熟悉后台编程语言PHP的基础语法,能够开发简单的动态页面和后台接口,从而能够快速适应与后台协作开发的工作场景;此外,对Ajax相关概念进行了系统分析并通过实际案例强化实践能力,最后通过综合项目整合前面所有的知识点,结合实际的工作场景进行实战训练,使学员能够完成企业的后台管理功能

  •  

    移动端开发技能

    让学员全面掌握HTML5、CSS3、Viewport、rem、、Bootstrap主流适配方案、移动端布局、媒体查询,设备尺寸划分、主流响应式布局框架、touch事件、手势封装以及移动端常用框架iScroll,swiper,fastclick,zepto,framework7。总之涵盖企业常用移动端页面在内,让学员学完之后能独立制作和开发移动端网站

  •  

    模拟企业真实开发

    完全模拟企业中的真实开发,从交互稿、设计稿、接口文档,到项目打包工具,源代码管理工具,团队式开发,让学员在学习的过程中,真实体会企业开发完整过程,直至项目上线。

  •  

    引入三大流行框架

    让学员由原来的面向过程编程转变到面向对象编程、模块化编程、组件化编程上来,使代码更优雅,更好维护。Vue.js与React.js和AngularJS构成了当前前端最热门的三大开发框架,我们全部引入到课程中来,对学员来讲,只要掌握其中之一,其他两个就可以很轻松掌握;授课方法上我们按照公司项目开发协作流程开发项目,项目框架也贴切企业的需求,让学员了解到公司一个项目开发的整个生命周期

前端与移动开发基础班课程大纲

学习对象

1.0基础0经验的小白人员,想转型到高薪编程行业或对此行业有浓厚兴趣的人员;
2.在校大学生,希望充实自身技能,毕业后能顺利就业并有更强的市场竞争力;
3.不满足目前工作现状,想要得到更好的发展空间。

注:获取更多免费学习视频+资料+笔记,请加QQ:2632311208。

上课方式

全日制脱产,每周5天上课(实际培训时间可能因法定节假日等因素发生变化)

培训时间

部分校区可能会根据实际情况有所调整,详情可询咨询老师   点击咨询

培训要求

自带笔记本

 

前端与移动开发基础班课程大纲
阶段 主讲内容 技术要点 核心能力 可解决的现实问题
第一阶段
HTML&CSS
HTML 常用浏览器与浏览器内核、HTML的语义化、表格和表单、HTML中常用的标签以及每个标签的语义。 能够使用常见的开发工具;
能够制作结构化的页面并进行基本的SEO优化;
能够使用CSS对网页进行美化;
能够使用Photoshop切图;
能够运用常用的网页开发技术设计网页。
与美工和产品对接,独立完成网站静态页面的开发。
CSS CSS语法、选择器、字体样式、边框、背景、图片格式详解、定位、浮动、盒模型。
Photoshop 使用Photoshop将美工设计的PSD图转成静态页面,了解网站前台页面的开发
品优购电商项目 代码分离原则,使用div+css布局完成一整套电商网站的静态页面

前端与移动开发就业班课程大纲

学习对象

本课程适合于计算机专业,有一定css+div基础、通过入学考核的未就业人士。

上课方式

培训时间及周期:全日制脱产,每周5天上课(实际培训时间可能因法定节假日等因素发生变化)

培训要求

自带笔记本

培训时间

部分校区可能会根据实际情况有所调整,详情可询咨询老师   点击咨询

 

前端与移动开发就业班课程大纲
阶段 主讲内容 技术要点 核心能力 可解决的现实问题
第二阶段:
前端基本功
JavaScript基础 JavaScript概述、数据类型、流程控制、算法基础、企业编程规范、JavaScript内置对象常用方法、对象的创建方式 能够使用JavaScript语言进行编程;
熟练使用JavaScript语言中的常用对象;
能够使用BOM操作页面上的元素;
能够使用原生JavaScript开发常见的页面效果;
能够使用jQuery及jQuery插件快速开发页面特效;
掌握应对业务编程的能力。
能够独立完成常见网站的页面开发(包括HTML结构、CSS样式、JavaScript开发常见页面特效)
Web API BOM操作、DOM操作、事件处理、浏览器兼容性处理、页面动态效果、动画
JavaScript进阶 JavaScript中的对象、面向对象、原型、作用域链、函数的调用方式及this指向、正则表达式
jQuery jQuery的优势、jQuery选择器、jQuery中的动画、链式编程和隐式迭代、jQuery插件使用和插件开发
第三阶段:
PHP+Ajax+前端模块化
PHP后台开发 PHP基础语法(变量、数据类型、分支循环语句、数组、函数、参数传递GET/POST)、动态网站、后台接口开发。
B/S结构、HTTP协议、表单传值、cookie、会话技术
数据库基本概念、基本SQL语句、PHP连接数据库进行基本增删改查
掌握WEB系统交互原理;
能够使用PHP操作MySQL数据库,完成增删改查操作;
能够看懂接口文档;
能够使用PHP开发后台接口;
能够使用Ajax开发交互式的网页应用;
具备B/S结构软件开发能力。
能够建立起客户端服务器交互模型,熟练使用Ajax实现前端交互功能、能够进行前后端协作开发、能够独立开发基于后台接口的数据管理平台项目。
Ajax 同步与异步概念、原生Ajax、jQuery的Ajax相关API使用、低层原理分析、缓存问题及处理方式、跨域请求及解决方法
前端模块化 模块化开发基本概念、模块化演变过程分析、设计规范、RequireJS
阿里百秀项目 后端渲染页面,使用会话技术实现登录,PHP操作MySQL数据库,开发接口,使用AJAX技术,模板引擎ArtTemplate完成页面功能的实现
第四阶段:
移动Web开发
HTML5 HTML5新增标签、HTML5多媒体、HTML5音频播放、HTML5视频播放、HTML5DOM扩展、HTMl5自定义属性、地理定位、文件读取、元素拖拽、应用缓存、历史管理、web存储 能够使用CSS3完成页面的基本动画效果;
掌握常用移动端框架的实用;
掌握常用移动端调试方法;
掌握常用移动端适配方法;
掌握响应式布局的写法;
能够完成数据的可视化展示;
能够使用git管理源代码。
具备移动端web开发能力,拥有根据设计图转化为对应的移动web页面,并可以实现和用户的交互,同时处理移动设备适配问题。
CSS3 CSS3选择器、CSS3新属性、2D转换与过渡、3D转换、动画、Web字体、Flex弹性布局
移动Web 移动端屏幕介绍、移动端浏览器介绍、移动端操作系统介绍、Chrome模拟调试、真机调试 、Viewport、rem、主流适配方案、触屏touch事件、手势封装、CSS预处理器LESS、移动端框架、bootstrap
git 命令行、git的基本使用、对比文件差异、还原、合并 ,回滚操作,远端仓库操作、使用github创建远端仓库,生成ssh key 并添加到github
移动端电商项目 mui框架使用、前端校验插件、echarts数据可视化、Ajax进度条组件、模板引擎渲染、图片上传插件
第五阶段:
品优购项目
JavaScript原理探究 原型、原型链、继承、闭包、ES5、ES6 能够使用nodejs开发独立的网站;
能够使用nodejs开发后台接口;
能够开发微信小程序和公众号;
通过实战项目掌握Vue.js的开发电商网站核心业务开发;
用户和权限管理、商品管理、库存管理、购物车、订单、物流等。
能够一个人胜任前端项目的独立开发,从项目框架搭建开始到业务功能的实现,完成企业级开发。
Nodejs NodeJS历史、发展、特征与现状、ES6常用语法、同步与异步、环境安装, 文件操作、网络操作、模块化思想及操作、npm、异步编程、Express
Vue基础 常用系统指令、数据绑定、指令、过滤器、生命周期、组件化、路由、Vue组件、Vue过渡效果(动画)、路由(vue-router库)、axios
微信小程序 小程序入门概念及演示、小程序开发工具介绍与创建quick_start项目、小程序文件结构、wxml、wxss、常用组件(view,image,text,navigator,swiper等)、小程序常用api
微信公众号 用JS-SDK技术做分享、拍照、支付、登录等功能。
品优购项目 webpack、vue-cli、vuex、打包发布、组件开发、权限管理、外部接口调用
第六阶段:
扩展技术
React 快速入门、JSX 语法、组件开发、组件复用、生命周期、React操作dom元素、React绝对路由、webpack和gulp集成构建项目、重定向组件、代理方式进行跨域、按需加载 通过实战项目掌握React框架的实用 除Vue.js外,掌握另一个常见的前端开发框架React,能够使用不同前端框架完成企业级开发。

基础差? 可免费学基础班

申请试读名额

基础过关? 可直接就读就业班

基础测试

前端与移动开发学科项目介绍

  • 京东项目

    项目简介:

    京东项目是通过电子商务模式为主导开展起来的项目。该项目涵盖了基本的DOM操作、面向对象思想和事件处理及特效内容。

    项目特色:

    项目基于HTML+CSS+JavaScript搭建动态页面实现,包含网页布局,网页特效,浏览器兼容性处理。其中包括JavaScript基本操作和DOM基本元素操作及常见事件处理,涵盖页面常见效果轮播图、放大镜、tab栏切换等基本特效实现,完成此项目基本可以独立

  • 博学谷后台管理系统

    项目简介:

    该项目主要实现在线教育平台相关资源数据的管理功能,主要实现讲师、课程等数据资源的增删改查等相关操作。

    项目特色:

    该项目紧密联系实际工作场景,整合了很多常用的前端插件,融入真实的业务场景,并且包含了前端相关的jQuery、Ajax,文件上传、后台接口对接等大量的知识点,可以在强化知识点掌握的同时进一步培养实践能力

  • 移动端宣传页

    项目简介:

    如何快速抓住用户眼球:二维码扫描->跳转,朋友圈分享->跳转。移动设备这类操作在频繁不过了.跳转之后看到的都是一个酷炫的宣传页面,有声音,有动画,可能还会有定位等功能,那么这个页面在移动端如何通过HTML5 & CSS3等技术去实现呢

    项目特色:

    使用HTML5原生技术实现媒体播放功能,结合第三方地图API实现定位及地图绘制,使用CSS3实现酷炫的过渡,动画效果,运用动画框架来制作一些更有灵性的动画;页面之间的滑动切换效果,原生跟框架的实现方式,咱们都来一遍,让大伙真实体验到公司中此类页面的开发“姿势”

  • 乐乎(轻博客)

    项目简介:

    人们沟通的方式增多了,但是如何找到志同道合的人呢,轻博客正越来越受到咱们年轻人的欢迎,可以分享生活,分享心得,通过发现以及创建圈子快速找到感兴趣的话题.如果不想分享内容,也可以做一个安静的观众,静静地看着他人分享的精彩生活;无论哪种方式都能够让你收获精彩的内容.

    项目特色:

    :体验移动端webAPP的开发方式,掌握如何在种类繁多的屏幕中实现显示效果统一,如何在不同的移动操作系统下处理诸如字体设置,图片设置等问题.喜欢原生,没问题,我们一起来手写页面;想要快速开发,没问题,我们一同体验框架开发的简单与高效。CSS代码增多,维护与编写成本增加,我们有CSS预处理程序来帮忙。多角度,多方向让大伙感受移动端webAPP的开发"姿势"

  • 电商项目

    项目简介:

    该项目是基于鞋类的垂直电商平台,改项目包含整个电商核心模块,用户模块,购物车模块,分类模块,商品模块,产品模块。报表模块.. 系统前台是面向网站用户访问的,用户可以通过移动端进行注册,修改个人的一些信息,商品搜索,把商品保存到自己的购物车。系统后台是面向电商后台管理人员使用的,主要功能包含用户管理,分类管理,品牌管理,商品管理,报表统计等功能。

    项目特色:

    1:该项目移动端采用当前流行的mui移动框架搭建而成,使移动端的开发变得简单高效;2:独立页面里面采用流式布局,rem,以及伸缩布局来搭建内层网页;3:该项目所有的交互都采用前后端分离,移动端使用各种交互特效,下拉刷新,滚动加载等特效; 4:后台采用bootstrap 进行页面布局,后台开发迅速方便维护,使用bootstrap 的常见的插件;5:后台使用jQuery fileupload 上传组件,支持多文件上传,以及预览的功能;6:使用echart 技术做相关的报表统计技术"

  • cms系统

    项目简介:

    整个项目使用webpack打包工具集合Vue.js框架完成一个移动版的webapp,整个项目完全从0起步一步步带领学员完成脚手架的搭建,单页程序的架构以及新闻资讯,图片分享,商品购买,购物车,登录等功能,并且整个项目开发流程完全模拟团队协作,使用git进行版本管理

    项目特色:

    纯手工实现一个个功能,主要逻辑拒绝拷贝代码。以真实项目作为原型来实现其中的一部分功能,业务都是公司常用的。教会学员如何去查找开源组件,并且用在项目中满足业务的开发,授人以鱼不如授人以渔。项目的讲解过程几乎接近于公司真实项目的开发和协作流程,例如:交互稿,UI设计稿都有

 

前端与移动开发面授视频试听

  • 二维码图片的方式(上)

  • 二维码图片的方式(下)

  • ifelse和代码的调试

  • 表单元素(一)

  • 表单元素(二)

  • 数组

申请免费线下基础班试听名额

教学服务

  • 每日测评

    每晚对学员当天知识的吸收程度、老师授课内容难易程度进行评分,老师会根据学员反馈进行分析,对学员吸收情况调整授课内容、课程节奏,最终让每位学员都可以跟上班级学习的整体节奏。

  • 技术辅导

    为每个就业班都安排了一名优秀的技术指导老师,不管是白天还是晚自习时间,随时解答学员问题,进一步巩固和加强课上知识。

  • 学习系统

    为了能辅助学员掌握所学知识,黑马程序员自主研发了6大学习系统,包括教学反馈系统、学习难易和吸收分析系统、学习测试系统、在线作业系统、学习任务手册、学员综合能力评定分析等。

  • 末位辅导

    末位辅导队列的学员,将会得到重点关心。技术辅导老师会在学员休息时间,针对学员的疑惑进行知识点梳理、答疑、辅导。以确保知识点掌握上没有一个学员掉队,真正落实不抛弃,不放弃任何一个学员。

  • 生活关怀

    从学员学习中的心态调整,到生活中的困难协助,从课上班级氛围塑造到课下多彩的班级活动,班主任360度暖心鼓励相伴。

  • 就业辅导

    小到五险一金的解释、面试礼仪的培训;大到500强企业面试实训及如何针对性地制定复习计划,帮助学员拿到高薪Offer。