记 GDG 公开课

Offline Google Developer Content
新时代的 web 前端技术-陈冬明

记 GDG 公开课_第1张图片
GDG Xi'an.png

今天的公开课有两位主讲人:金天和陈冬明

金天的分享

  1. Google 相关产品的介绍,以及 GDG 简介。
记 GDG 公开课_第2张图片
Google 图标.png
  1. Vue.js 简介及小 demo
    Vue.js 是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定组合的视图组件
记 GDG 公开课_第3张图片
Vue.js.png

好处:
1.前后端基于相同的对象来交互
2.面向数据结构来思考问题
接下来的小例子让我觉得 Vue 与 React 十分相似,就查了一下他们的关系:
—— 它们都提供数据驱动、可组合搭建的视图组件。详见
Vue 对比其它框架 https://cn.vuejs.org/guide/comparison.html

陈冬明的分享

http://www.axeslide.com/d/6291058130944
前端--不只是 UI 设计,而是所有涉及到与用户、终端交互的部分

记 GDG 公开课_第4张图片
相关技术.png

重点讲的部分
Sass
SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。
sass 让人们受益的一个重要特性就是它为css引入了变量。
Gulp
gulp是基于Nodejs的自动任务运行器, 它能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。在实现上,它借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,使得在操作上非常简单。
与 webpack 关联
https://www.zhihu.com/question/37020798

记 GDG 公开课_第5张图片
资源打包.png

你可能感兴趣的:(记 GDG 公开课)