「附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

相关文章
|
2天前
|
前端开发 程序员
【前端web入门第二天】01 html语法实现列表与表格_合并单元格
本文介绍了HTML中的列表与表格的使用方法。列表包括无序列表(`<ul>`嵌套`<li>`)、有序列表(`<ol>`嵌套`<li>`)和定义列表(`<dl>`嵌套`<dt>`和`<dd>`)。
32 19
|
2天前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`<img>`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`<a>`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
24 13
|
2天前
|
JavaScript 前端开发
【前端web入门第一天】03 综合案例 个人简介与vue简介
该网页采用“从上到下,先整体再局部”的制作思路,逐步分析并编写代码实现个人简介页面。内容涵盖尤雨溪的背景、学习经历及主要成就,同时介绍其开发的Vue.js框架特点。代码结构清晰,注重细节处理,如使用快捷键提高效率,预留超链接位置等,确保最终效果符合预期。
|
2天前
|
前端开发 程序员 C++
【前端web入门第一天】01 开发环境、HTML基本语法文本标签
本文档详细介绍了HTML文本标签的基础知识。首先指导如何准备开发环境,包括安装VSCode及常用插件;接着全面解析HTML的基本结构与标签语法,涵盖从基本骨架搭建到注释的使用,以及标题、段落、换行和平行线、文本格式化等标签的具体应用,适合初学者循序渐进地掌握HTML。
|
4天前
|
Web App开发 前端开发 JavaScript
Web前端项目的跨平台桌面客户端打包方案之——CEF框架
Chromium Embedded Framework (CEF) 是一个基于 Google Chromium 项目的开源 Web 浏览器控件,旨在为第三方应用提供嵌入式浏览器支持。CEF 隔离了底层 Chromium 和 Blink 的复杂性,提供了稳定的产品级 API。它支持 Windows、Linux 和 Mac 平台,不仅限于 C/C++ 接口,还支持多种语言。CEF 功能强大,性能优异,广泛应用于桌面端开发,如 QQ、微信、网易云音乐等。CEF 开源且采用 BSD 授权,商业友好,装机量已超 1 亿。此外,GitHub 项目 CefDetector 可帮助检测电脑中使用 CEF
35 3
|
11天前
|
开发者 图形学 开发工具
Unity编辑器神级扩展攻略:从批量操作到定制Inspector界面,手把手教你编写高效开发工具,解锁编辑器隐藏潜能
【8月更文挑战第31天】Unity是一款强大的游戏开发引擎,支持多平台发布与高度可定制的编辑器环境。通过自定义编辑器工具,开发者能显著提升工作效率。本文介绍如何使用C#脚本扩展Unity编辑器功能,包括批量调整游戏对象位置、创建自定义Inspector界面及项目统计窗口等实用工具,并提供具体示例代码。理解并应用这些技巧,可大幅优化开发流程,提高生产力。
38 1
|
6天前
|
前端开发 JavaScript 开发者
现代前端框架激烈交锋,高效响应式 Web 界面的归属扑朔迷离!
【9月更文挑战第6天】本文通过实际案例,比较了主流前端框架 Vue.js、React 和 Angular 的特点与优势。Vue.js 以简洁的语法和灵活的组件化架构著称,适合小型到中型项目;React 强调性能和可扩展性,适用于大型应用;Angular 凭借全面的功能和严格架构,适合企业级开发。开发者应根据项目需求和技术栈选择合适的框架。
24 0
|
11天前
|
开发者 图形学 API
从零起步,深度揭秘:运用Unity引擎及网络编程技术,一步步搭建属于你的实时多人在线对战游戏平台——详尽指南与实战代码解析,带你轻松掌握网络化游戏开发的核心要领与最佳实践路径
【8月更文挑战第31天】构建实时多人对战平台是技术与创意的结合。本文使用成熟的Unity游戏开发引擎,从零开始指导读者搭建简单的实时对战平台。内容涵盖网络架构设计、Unity网络API应用及客户端与服务器通信。首先,创建新项目并选择适合多人游戏的模板,使用推荐的网络传输层。接着,定义基本玩法,如2D多人射击游戏,创建角色预制件并添加Rigidbody2D组件。然后,引入网络身份组件以同步对象状态。通过示例代码展示玩家控制逻辑,包括移动和发射子弹功能。最后,设置服务器端逻辑,处理客户端连接和断开。本文帮助读者掌握构建Unity多人对战平台的核心知识,为进一步开发打下基础。
32 0
|
30天前
|
存储 前端开发 JavaScript
前端语言串讲 | 青训营笔记
前端语言串讲 | 青训营笔记
20 0
|
3月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
62 2