Δ

客户服务热线

17611189885

在线客服
课程大纲对比图
  • 柠檬学院
  • HTML
  • CSS
  • JavaScript
  • Ajax
  • jQuery
  • CSS3
  • HTML5
  • bootstrap
  • 微信小程序
  • Node.js
  • expressjs
  • MongoDB
  • React技术栈
  • vue技术栈
  • angular技术栈
  • Vuex
  • axios
  • ES6
  • Koajs
  • git
  • MySQL
  • Typescript
  • ionic
  • react native
  • JSON
  • app打包
  • canvas
  • gulp/gulp-less
  • less
  • 其他机构
  • HTML
  • CSS
  • JavaScript
  • Ajax
  • jQuery
  • CSS3
  • HTML5
  • bootstrap
  • 微信小程序
  • Node.js
  • expressjs
  • MongoDB
  • React技术栈
  • vue技术栈
  • angular技术栈
  • Vuex
  • axios
  • ES6
  • Koajs
  • git
  • MySQL
  • Typescript
  • ionic
  • react native
  • JSON
  • app打包
  • canvas
  • gulp/gulp-less
  • less
课程架构
第一阶段
HTML核心标签
CSS核心特性
PS
项目
第二阶段
javascript基础
JSON
AJAX
jquery
HTML5
CSS3
bootstrap
canvas
第三阶段
前端构建工具
移动web
移动实例
Nodejs开发
ES6语法
Vuejs
第四阶段
git
mysql
Typescript
Angularjs
NG4项目实践
ionic
ionic项目实践
第五阶段
react
react项目实践
react native
react-native项目实践
app打包
微信小程序
小程序项目实践
课程详情
阶段一
First Stage
01HTML
  • 1.HTML概念
  • 2.HTML基础
  • 3.环境配置 + 软件安装
  • 4.浏览器介绍
  • 5.html文本元素
  • 6.图像
  • 7.超链接
  • 8.表格
  • 9.表单&表单域
  • 10.表单控件
  • 11.表格和表单综合使用
  • 12.布局
  • 13.DIV布局
02CSS
  • 1.css基础
  • 2.css的工作原理
  • 3.css的语法结构
  • 4.css的书写位置
  • 5.CSS位置写法的优先级
  • 6.css的编码规范
  • 7.css选择符优先级关系的定义
  • 8.css样式
  • 9.css盒子模型
  • 10.inline元素的box特性
  • 11.css显示模式的属性
  • 12.overflow属性
  • 13.布局分类
  • 14.浮动布局
03PS
  • 1.图像类型
  • 2.源图像
  • 3.图像的分类
  • 4.获取图像资源
  • 5.位图/矢量图
  • 6.像素
  • 7.分辨率
  • 8.密度
  • 9.像素比
  • 10.色彩模式
04项目
  • 1.项目介绍
  • 2.项目的基本结构
  • 3.项目搭建
  • 4.设计图的标注处理
  • 5.切图
  • 6.css样式的重置
  • 7.项目的兼容性设计
  • 8.css公共样式提取
  • 9.项目的结构处理
  • 10.响应式设计
  • 11.开发流程
  • 12.项目提交
阶段二
Second Stage
01javascript基础
  • 1.JavaScript基础引入
  • 2.基本对象数据类型
  • 3.常量&变量
  • 4.运算符&流程控制
  • 5.对象/类&定时器
  • 6.字符串操作
  • 7.this指向
  • 8.Math对象&Date对象&正则表达式
  • 9.DOM&事件
  • 10.Cookie&历史记录&本地存储
  • 11.iframe操作
  • 12.json&ajax
  • 13.性能优化&闭包
02jquery
  • 1.jQuery基础
  • 2.jQuery效果
  • 3.jQuery Html
  • 4.jQuery 遍历
  • 5.jQuery ajax
  • 6.jQuery 插件
  • 7.jQuery 级联菜单
  • 8.jQuery 幻灯片
  • 9.jQuery 全屏翻页
  • 10.jQuery 插件layer
  • 11.jQuery 插件fullpage
  • 12.jQuery的原理&封装
  • 13.jQuery 插件开发
03HTML5&CSS3
  • 1.HTML多媒体
  • 2.应用缓存
  • 3.文件读取
  • 4.元素拖拽
  • 5.多媒体增强
  • 6.CSS3 简介
  • 7.CSS3 边框
  • 8.CSS3 背景
  • 9.CSS3 文本效果
  • 10.CSS3 字体
  • 11.CSS3 2D&3D 转换
  • 12.CSS3 动画
  • 13.媒介查询
04Bootstrap
  • 1.Bootstrap简介
  • 2.栅格系统
  • 3.排版
  • 4.表格
  • 5.表单
  • 6.按钮
  • 7.图片
  • 8.响应式工具
  • 9.组件
  • 10.模态框
  • 11.下拉菜单
  • 12.弹出框
  • 13.工具提示
05canvas
  • 1.基本用法
  • 2.绘制形状
  • 3.添加样式和颜色
  • 4.绘制文本
  • 5.使用图片
  • 6.变形
  • 7.合成与裁剪
  • 8.基本动画
  • 9.高级动画
  • 10.像素操作
  • 11.点击区域和无障碍访问
  • 12.canvas的优化
  • 13.echars百度图表插件
06电商项目
  • 1.项目介绍
  • 2.项目的基本结构
  • 3.项目搭建
  • 4.设计图的标注处理
  • 5.切图
  • 6.css样式的重置
  • 7.项目的兼容性设计
  • 8.css公共样式提取
  • 9.项目的兼容性插件选型
  • 10.项目的结构处理
  • 11.响应式设计
  • 12.开发流程
  • 13.项目提交
阶段三
Third Stage
01前端构建工具
  • 1.cmd命令行
  • 2.nodejs安装
  • 3.npm操作
  • 4.package.json
  • 5.nodejs模块化
  • 6.gulp
  • 7.gulp-less
  • 8.less语法
  • 9.前端css框架构建流程
  • 10.雪碧图处理
02移动web
  • 1.手机端屏幕介绍
  • 2.移动端浏览器介绍
  • 3.移动端操作系统介绍
  • 4.浏览器模拟调试
  • 5.真机调试
  • 6.使用browser-sync联机调试
  • 7.viewport
  • 8.rem
  • 9.flex主流适配方案
  • 10.移动web实例
03Nodejs
  • 1.Nodejs简介
  • 2.Nodejs npm
  • 3.Nodejs 回调
  • 4.Nodejs 事件循环
  • 5.Nodejs 事件发射器
  • 6.Nodejs 进程
  • 7.Nodejs核心模块
  • 8.mongodb.js
  • 9.mysql.js
  • 10.express.js&koa.js
04ES6
  • 1.ECMAScript 6简介
  • 2.let 和 const 命令
  • 3.变量的解构赋值
  • 4.Symbol
  • 5.Promise对象
  • 6.async函数
  • 7.Class的基本语法
  • 8.Class的继承
  • 9.Module的语法
  • 10.编程风格
05Vue
  • 1.Vue概述
  • 2.Vue基础
  • 3.双向绑定
  • 4.Class 与 Style 绑定
  • 5.条件渲染&列表渲染
  • 6.事件处理&表单输入绑定
  • 7.组件&过渡&动画&过滤器
  • 8.Vuex
  • 9.VueRouter
  • 10.axios
06电商后台项目
  • 1.项目介绍
  • 2.项目后端开发环境搭建
  • 3.数据库搭建&设计
  • 4.后端的api接口设计&api文档编写
  • 5.完善后端api开发
  • 6.提交api文档
  • 7.项目前端开发环境搭建
  • 8.组件开发
  • 9.完善后台的数据交互
  • 10.项目提交
阶段四
Fourth Stage
01Typescript
  • 1.基础类型
  • 2.变量声明
  • 3.接口、类、函数
  • 4.泛型7枚举
  • 5.类型推论
  • 6.类型兼容性&高级类型
  • 7.Symbols
  • 8.迭代器和生成器
  • 9.命名空间和模块
  • 10.声明合并
  • 11.装饰器
02Angularjs
  • 1.AngularJS 简介
  • 2.设置开发环境
  • 3.组件
  • 4.服务
  • 5.HTTP 服务
  • 6.架构概览
  • 7.数据绑定
  • 8.表单
  • 9.引导启动
  • 10.Angular模块
  • 11.依赖注入
03ionic
  • 1.Git入门
  • 2.Git基础&分支
  • 3.GitHub&gitlab
  • 4.ionic 简介
  • 5.环境配置与搭建
  • 6.组件
  • 7.图标
  • 8.存储
  • 9.原生插件
  • 10.WKWebView
  • 11.CLI
04车友会app项目
  • 1.项目简介
  • 2.项目开发环境搭建
  • 3.完善后端的api接口设计&文档编写
  • 4.提交api文档
  • 5.项目全局配置
  • 6.项目路由配置
  • 7.组件开发
  • 8.页面开发
  • 9.页面整合
  • 10.APP打包发布
  • 11.项目提交
阶段五
Fifth Stage
01react
  • 1.react简介
  • 2.jsx语法
  • 3.react组件
  • 4.state
  • 5.props
  • 6.组件api
  • 7.表单事件
  • 8.refs
02react native
  • 1.react-native简介
  • 2.样式
  • 3.尺寸
  • 4.布局
  • 5.组件
  • 6.处理触摸事件
  • 7.导航
  • 8.原生api
03微信小程序
  • 1.简介
  • 2.开发工具安装
  • 3.代码构成
  • 4.小程序能力
  • 5.开发流程
  • 6.框架
  • 7.组件
  • 8.API
04看书云app&小程序
  • 1.项目简介
  • 2.项目开发环境搭建
  • 3.完善后端的api接口设计&文档编写
  • 4.提交api文档
  • 5.app组件开发&页面开发&原生插件调用&完善数据交互
  • 6.项目打包
  • 7.小程序组件开发&页面开发&接口调用&完善数据交互
  • 8.项目提交
讲师介绍
  • 大****

    柠檬学院老师讲的很简单,实用,都是重点,听起来很简单,容易懂的

    2017-08-31 11:31

  • 南****

    看完了如水迷老师的html和css的基础授课,开始还觉得讲的特别啰嗦,后来才发现真的讲的非常细,每个标签也有相应的实战练习,简单易懂,说听不懂的真的只能说你没有认真投入其中,感谢老师的辛勤付出,希望以后能推出更多如此优质的课程!

    2017-12-06 21:19

  • G****

    难点是DOM和正则表达式,其他内容基本和javase相似,学完se的两套课程再来看js感觉很容易,也很受打击~se用了100多节课才实现的frame和监听器,js用10节课实现了。。。最后整完幻灯片代...

    2017-12-10 15:04

  • 李****

    思路非常清晰,简单易学,很实用的课程,老师声音也很好听,就是觉得说话慢了点,我觉得1.5倍听,说话立马有激情,干练

    2018-01-15 22:56

  • C****

    为什么满分只有5颗星 我想打100颗星 讲的真的棒~\(≧▽≦)/~

    2017-11-08 19:46

  • 自****

    老师讲的很好,非常赞,关键是结束语,有始有终!方成大道。

    2017-10-07 16:27

  • 不****

    正在学html/css基础部分,老师的声音很好听呀,然后说话很有趣。 我认为这个课程最好的地方在于:它没有跟你讲一个一个的标签,全部都是靠实例将框架。这是我最喜欢的一点,自学那肯定是基础的东西是由自己来掌握的,而老师只是一个大方向的引领,构建整个框架、轮廓!

    2017-12-29 10:15

  • S****

    老师的声音非常动听,主要的是讲的很细,很容易懂!我是软件工程专业的,比我们老师上的课都还要好!只要有时间在手机上随时都能看!!棒棒哒

    2017-10-21 20:07

  • 石****

    发自肺腑的点赞,非常棒,我要抓紧时间学完,在这评价一下,一是对老师的感谢,二让想学这些的小伙伴能看到我的评论,也能来听这么棒的课。

    2017-09-11 12:16

  • 落****

    老师讲的挺不错的,我之前都没接触过前端开发,也能听懂。谢谢。

    2017-09-13 09:48

  • F****

    老师声音很好听。讲得非常详细。跟着老师的课程我进步很快。比现实中在课堂上学的东西还要多。对于我不太懂的地方,回看几遍。仔细揣摩。发现自己也很有学习天赋。从小英语都是倒一。我以为英语算是与我无缘了。但是我又喜欢编程。神奇的是以前一个单词抄十遍都记不住。现在看两遍就记住了。现在想想以前只是对英语有偏见罢了。

    2018-01-13 09:48

  • H****

    老师讲的非常好,思路清晰,举例子讲知识,很容易理解,加上例子中还对比例句,易懂。这是很好的记忆和学习方法。强烈推荐。

    2017-12-25 12:48

  • 燕****

    老师讲的不错,关于课程的知识点讲得也很全面、透彻。感觉不错。

    2018-01-15 17:32

  • 说****

    老师讲得很细,知识点很清晰,讲课时会把之前所学的知识进行串联加深我们的记忆,项目也很有意思,推荐

    2017-09-16 17:54

01

Before class课前

老师发放预习资料(视频+笔记+文档)、预习作业。

助教早上9点到晚11点在线答疑。学员遇到问题,可随时联系助教。文字、语音、QQ远程,快速高效解决学员问题。
老师每天检查学员的预习情况,确保每位学员预习到位。

预习不到位的学员,班主任会进行电话回访,了解原因,安排助教补课,单独辅导。

02

in class课中

开课前点名。迟到的学员,班主任会电话询问原因。学院的迟到早退会登记在册。考勤情况直接影响柠檬五星的评比。

直播教学期间,学院在问答区提问,助教会与学员全程沟通,实时答疑,不留死角。

课间休息,助教与学员互动,听音乐,讲解职业发展规划,让学员不仅学到编程技能,而且对IT行业有全面了解。

讲师在直播期间,会进行不定期点名。如果学员未回应,助教会QQ+电话联系该学员。

下课后,助教会把讲师整理好的课堂笔记、源码,配套练习题及下节课的预习资料,及时发放给学员,并监督他们完成作业。

03

after class课后

课后,助教会监督学员做作业并及时提交。

助教会及时解答学员的疑问,辅导学员完成课堂作业。

晚上助教会对学员进行回访,检查学员作业完成情况,统计学员未掌握的知识点。

学员提交作业后,助教会对作业进行认真批改,指正错误,表扬优点,书写评语。

助教挑选优秀作业反馈给讲师,讲师在开课前,对优秀作业进行点评。

助教会根据学员的作业情况以及与学员的沟通内容,完成教学日志,详细记录学员每节课的学习情况。

criterion

学 院 准 则

Application

体 验 班 申 请 表

姓名

年龄

学历

住址

学习目的

课程内容版权均归北京阳光柠檬科技有限公司所有 京ICP备16040204号-1