「附PPT」2018成都Web前端大会概述

简介: 「附PPT」2018成都Web前端大会概述

本来今天是打算写读书笔记的,但是有同学对前端大会很感兴趣,希望我能简单分享一下。所以我暂且把上周末在成都举行的「2018成都 Web前端大会」简单进行概述一遍吧。

本次前端大会是有FCC(FreeCodeCamp)成都社区进行主办,掘金协办方,和上线了等多家企业进行合作,阵容可谓很是强大。

从前期的宣传和演讲嘉宾名单都看出了诚意,都是来自一线资深的开发工程师讲述自己开发经验和自我心得,下面我简单进行回顾一下。

1

首先是来自腾讯的「郭林烁」老师,郭老师是腾讯高级工程师,来自AlloyTeam团队。

郭老师分享了「高效H5动画开发方式」,从常用的动画开发方式gif,apng,video,canvas,js,css进行分享讲解,说到了动画开发的方式各种优劣来进行选择合适的开发方式。

其中讲到了图片优化去重,像素复用,空白裁剪,合图等多种方式让图片的大小,数量大大降低。后面还讲到了通过软件工具来配合生成动画方式,全程干货满满,PPT制作非常精美,体验非常棒。

2

继郭老师之后,是死月老师的分享,死月老师来自蚂蚁金服,是《Node.js: 来一打C++扩展》的作者,主要从事中间件开发,他的主题是「给Node.js 插上C++的翅膀」

死月老师通过一个Nodejs项目里面含有「脏的PHP子进程方案」hack方式的故事引入,自己动手用C++ SDK封装一个Node.js SDK,踏上了C++ Addons不归路。整个过程涉及了非常多内容,时间循环,异步,同步原语等诸多内容,内容十分干。

3

第三位是来自京东用户体验设计研发部的 余澈老师,他的主题是 「开源项目维护」,主要是说如何把开源项目维护好?从开源项目得到了什么教训?获得什么收获等内容。

他觉得一个靠谱的前端开源项目:

  1. 代码规范(ESLint,stylelint,Prettier,commitlint)
  2. 测试(单元,集成,UI)
  3. 持续集成(构建,部署,版本管理)

4

第四位老师是一位资深的前辈熊节老师,他之前在Thoughtwork任职现在具体不清楚 ,做软件开发的同学几乎都知道「重构」这本经典著作,就是他进行翻译的。

他讲述的主题是「敏捷中国史」,娓娓道来了整个中国敏捷发展的进程,从最初「程序员」杂志,到后面「极限编程」,「敏捷软件开发」等书籍翻译引进。让你一步步看到中国敏捷软件开发一步一步走向进步。

5

第五位是上线了CTO郭达峰老师,最初在Ruby-China就知道郭老师了,在teahour.fm也听过他的分享,他们是YC第一家孵化的中国企业,成都有分公司,成都的小伙伴可以关注一下。

郭老师分享的主题是「高可用React服务端渲染」,讲了 React SSR性能优化,高可用。

并且推荐使用Hypernova,Hypernova是一个在服务器端渲染的JavaScript视图的服务,我们知道与客户端渲染比,服务端渲染有更好的用户体验,搜索引擎更友好。这是地址 https://github.com/airbnb/hypernova

6

第六位是Zoom前端架构师黄轶,前百度,滴滴开发工程师,曾出版过「Vue.js技术揭秘」和「Vue.js权威指南」并且还是慕课网讲师,我身边有好几位同学都买过他慕课网课程。

黄老师分享的课题是「打造Vue.js组件库」,从业务,设计,开发,维护等四个维度讲述了为什么我们需要组件库,分享了他在组件设计原则,开发规范,模块依赖等几个维度的经验。全程非常详尽,这里就不过多进行讲解了。

7

另外除了嘉宾分享,在进场前还有一个逛「开源市集」活动,有很多公司进行招聘,送小礼品,比如「知道创宇」,「知乎」,「Thoughtworks」,上线了等很多公司做的开源前端库组件,整个FCC前端大会组织非常赞,感谢主办方和嘉宾以及参与者。

总的说来每一位老师都很有意思,内容爆料既很干,也很有趣,比如内容里面时不时来一首诗,或者就是「结对编程」带有各种极客范儿的段子。:)

除了和听到了嘉宾讲师的分享,还和很多开发者进行了有意思交流。

回来之后我在自己的「知识星球」总结到,做技术的同学,不要局限自己小圈子范围里面,应该适当跳出去(比如我其实是一枚后端),多去参加不同圈子的活动,与更多人交流你的想法,能碰撞出很多有意思的东西。

最后各位老师的PPT分享,大家可以去FCC官方github获取,点击「阅读原文」,不过由于Github打开比较慢,我自己把他下载了下来,大家可以在公众号后台回复「2018fcc」,即可以获得所有的PPT内容。

image.png

相关文章
|
8天前
|
前端开发
【前端web入门第五天】03 清除默认样式与外边距问题【附综合案例产品卡片与新闻列表】
本文档详细介绍了CSS中清除默认样式的方法,包括清除内外边距、列表项目符号等;探讨了外边距的合并与塌陷问题及其解决策略;讲解了行内元素垂直边距的处理技巧;并介绍了圆角与盒子阴影效果的实现方法。最后通过产品卡片和新闻列表两个综合案例,展示了所学知识的实际应用。
22 11
|
1天前
|
编解码 前端开发 JavaScript
web端 本地调用摄像头、前端摄像头
web端 本地调用摄像头、前端摄像头
|
8天前
|
前端开发
|
8天前
|
弹性计算 前端开发 容器
【前端web入门第六天】02 flex布局
Flex布局是一种现代CSS布局模式,通过给父元素设置`display: flex`,其子元素可自动挤压或拉伸。它包含弹性容器和弹性盒子,主轴默认为水平方向,侧轴为垂直方向。主轴对齐方式由`justify-content`属性控制,侧轴对齐方式包括`align-items`(针对所有子元素)和`align-self`(针对单个子元素)。修改主轴方向使用`flex-direction`属性,`flex`属性用于控制子元素在主轴上的伸缩比例。此外,`flex-wrap`属性允许子元素换行,而`align-content`属性则定义多行对齐方式。
|
8天前
|
前端开发
【前端web入门第五天】01 结构伪类选择器与伪元素选择器
本文介绍了CSS中的结构伪类选择器和伪元素选择器。结构伪类选择器如`nth-child`可根据元素结构关系进行选择,例如将列表中首个`<li>`元素背景设为绿色。伪元素选择器用于创建装饰性内容。
|
8天前
|
前端开发
【前端web入门第五天】02 盒子模型基础
本文档详细介绍了CSS中的盒子模型及其组成部分,包括内容区域、内边距、边框线和外边距。通过具体示例展示了如何设置边框线、内边距及外边距,并解释了尺寸计算方法和版心居中的技巧。内容丰富,示例清晰,有助于理解盒子模型在网页布局中的应用。
|
8天前
|
前端开发
【前端web入门第六天】01 CSS浮动
这是关于CSS布局第六天学习目标的介绍,主要解决多个`<div>`标签在同一行显示的问题,即一个在左边,另一个在右边。文中介绍了标准流、浮动及flex布局的概念,重点推荐使用flex布局。文章详细讲解了浮动的基本使用、布局技巧及清除浮动的方法,包括额外标签法、单伪元素法、双伪元素法和`overflow`隐藏法,并提供了示例代码帮助理解。
|
7天前
|
SpringCloudAlibaba JavaScript 前端开发
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
分布式组件、nacos注册配置中心、openfegin远程调用、网关gateway、ES6脚本语言规范、vue、elementUI
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
|
1月前
|
存储 前端开发 JavaScript
前端语言串讲 | 青训营笔记
前端语言串讲 | 青训营笔记
22 0
|
3月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
67 2