重学前端
程劭非(winter)
前手机淘宝前端负责人
立即订阅
32865 人已学习
课程目录
已完结 58 讲
0/4登录后,你可以任选4讲全文学习。
开篇词+学习路线+架构图 (3讲)
开篇词 | 从今天起,重新理解前端
免费
明确你的前端学习路线与方法
列一份前端知识架构图
模块一:JavaScript (15讲)
JavaScript类型:关于类型,有哪些你不知道的细节?
JavaScript对象:面向对象还是基于对象?
JavaScript对象:我们真的需要模拟类吗?
JavaScript对象:你知道全部的对象分类吗?
JavaScript执行(一):Promise里的代码为什么比setTimeout先执行?
JavaScript执行(二):闭包和执行上下文到底是怎么回事?
JavaScript执行(三):你知道现在有多少种函数吗?
JavaScript执行(四):try里面放return,finally还会执行吗?
JavaScript词法:为什么12.toString会报错?
(小实验)理解编译原理:一个四则运算的解释器
JavaScript语法(预备篇):到底要不要写分号呢?
JavaScript语法(一):在script标签写export为什么会抛错?
JavaScript语法(二):你知道哪些JavaScript语句?
JavaScript语法(三):什么是表达式语句?
JavaScript语法(四):新加入的**运算符,哪里有些不一样呢?
模块二:HTML和CSS (16讲)
HTML语义:div和span不是够用了吗?
HTML语义:如何运用语义类标签来呈现Wiki网页?
CSS语法:除了属性和选择器,你还需要知道这些带@的规则
HTML元信息类标签:你知道head里一共能写哪几种标签吗?
CSS 选择器:如何选中svg里的a元素?
CSS选择器:伪元素是怎么回事儿?
HTML链接:除了a标签,还有哪些标签叫链接?
CSS排版:从毕升开始,我们就开始用正常流了
HTML替换型元素:为什么link一个CSS要用href,而引入js要用src呢?
HTML小实验:用代码分析HTML标准
CSS Flex排版:为什么垂直居中这么难?
CSS动画与交互:为什么动画要用贝塞尔曲线这么奇怪的东西?
HTML语言:DTD到底是什么?
CSS渲染:CSS是如何绘制颜色的?
CSS小实验:动手做,用代码挖掘CSS属性
HTML·ARIA:可访问性是只给盲人用的特性么?
模块三:浏览器实现原理与API (9讲)
浏览器:一个浏览器是如何工作的?(阶段一)
浏览器:一个浏览器是如何工作的?(阶段二)
浏览器:一个浏览器是如何工作的(阶段三)
浏览器:一个浏览器是如何工作的?(阶段四)
浏览器:一个浏览器是如何工作的?(阶段五)
浏览器DOM:你知道HTML的节点有哪几种吗?
浏览器CSSOM:如何获取一个元素的准确位置
浏览器事件:为什么会有捕获过程和冒泡过程?
浏览器API(小实验):动手整理全部API
模块四:前端综合应用 (5讲)
性能:前端的性能到底对业务数据有多大的影响?
工具链:什么样的工具链才能提升团队效率?
持续集成:几十个前端一起工作,如何保证工作质量?
搭建系统:大量的低价值需求应该如何应对?
前端架构:前端架构有哪些核心问题?
特别加餐 (9讲)
新年彩蛋 | 2019,有哪些前端技术值得关注?
用户故事 | 那些你与“重学前端”的不解之缘
期中答疑 | name(){}与name: function() {},两种写法有什么区别吗?
答疑加餐 | 学了这么多前端的“小众”知识,到底对我有什么帮助?
加餐 | 前端与图形学
加餐 | 前端交互基础设施的建设
期末答疑(一):前端代码单元测试怎么做?
期末答疑(二):前端架构中,每个逻辑页面如何可以做到独立发布呢?
加餐 | 一个前端工程师到底需要掌握哪些技能?
尾声 (1讲)
尾声 | 长风破浪会有时,直挂云帆济沧海
重学前端
登录|注册

新年彩蛋 | 2019,有哪些前端技术值得关注?

winter 2019-02-05
大家好,我是 winter,想借这个机会跟大家聊一聊 2019 年前端会发生的一些事情。
00:00 / 00:00
首先呢,我觉得可以谈一谈,我特别关注的图形学领域。

进击吧,图形学!

在淘宝工作的后期,我也有很大一部分精力放在了图形学上面,我是深刻地感觉到,在未来,图形学会和前端结合的更紧密。这是由于我觉得图形实际上是 UI 最重要的一部分计算机科学,同时它也是计算机领域里面的一个非常关键的学科。
我们的前端就是做 UI 的这样的一个职能,在未来,我觉得随着前端的工作层级逐渐地下沉,前端能够做到越来越多的事情。我们的图形也会逐渐的成为前端的一个基本的技能。
我在 2018 年已经可以看到很多 2D 和 3D 领域的应用了,我们会用 2D 的东西去做图片的渲染,我们会用 3D 的东西去做一些 3D 场景的呈现,在不同的公司我都会看到很多这样的案例。
另外,我觉得图形学也会大量地吸收以前在 PS 中由设计师做的功能,很多以前我们做得这种效果,包括半透明,包括模糊等等都是在 PS 里面,用图片来实现的。
但我认为在未来,随着图形学技术逐渐地发展,前端可以用代码来实现这样的效果,这样我们就可以不用设计师产出的图片了,而是设计师告诉我们用什么样的效果,我们来写代码把它实现。
这种下沉其实有个好处,我认为当前端工作层下沉到一定的程度,我们就不会有“做不出来这样的效果”这件事发生了。
取消
完成
0/1000字
划线
笔记
复制
© 版权归极客邦科技所有,未经许可不得传播售卖。 页面已增加防盗追踪,如有侵权极客邦将依法追究其法律责任。
该试读文章来自付费专栏《重学前端》,如需阅读全部文章,
请订阅文章所属专栏。
立即订阅
登录 后留言

精选留言(41)

  • Marcus
    好奇心崩坏,请问winter大佬,图形学怎么入门?怎么运用在项目中?图形学前段学习的分支是动画么?最后是用js做么?
    2019-02-05
    34
  • mylgx
    比起海报年轻多了。。
    2019-02-16
    11
  • 覃小略
    大吃一斤
    2019-02-11
    10
  • William
    固有对象竟然有439个之多
    2019-02-05
    9
  • noone
    winter 老师评价一下小程序?技术、框架、生态方面
    2019-02-05
    7
  • 阿龍@🇳🇿
    前些年在天猫互动团队做了很多图形学相关的项目,各种游戏和营销工具,当年兴致高昂啊,移民后这块基本就搁置了,回归了传统的全栈开发。跪求寒冬大神推荐一些图形学的学校资源啊,我要把它捡回来

    作者回复: 计算机图形学的课程可以看看。

    还有WebGL相关的东西可以学起来。

    2019-02-13
    6
  • 流火
    老师新年快乐
    2019-02-05
    5
  • William
    winter大大新年快乐
    2019-02-05
    5
  • Middleware
    新年快乐!
    2019-02-06
    4
  • jkren
    11年左右在上海时候听过你关于HTML5的分享,将近10年过去,胖了不少,winters中尉......
    2019-02-05
    4
  • 一步
    包管理这个是大问题,安全问题不能忽视
    2019-02-13
    2
  • 余文郁
    老师你好,计算机图形学如何入门,有没有学习资料,如何运用于前端呢
    2019-02-09
    2
  • elc
    新年快乐
    2019-02-05
    2
  • Geek_c11e90
    5G 物联网状态的多端展示,以及更加复杂的业务形态
    2019-04-23
    1
  • 小时候࿐
    问一下,在大前端方面,现在移动端开始出现很多跨平台库,如React Native ,Weex ,Flutter等.未来移动端会不会被大前端蚕食.
    2019-04-16
    1
  • XY
    canvs 适合去研究一下
    2019-04-02
    1
  • 亮亮
    现在微信有小程序,淘宝有小程序,百度有小程序,钉钉有E应用(类似小程序),各式各样的小程序,大大对于小程序的前景怎么看?

    作者回复: 商业的东西,主要取决于商业竞争的结果,学还是要学的。

    2019-02-14
    1
  • 无了生
    温大新年快乐:) 好久没看了,赶紧学起来~
    2019-02-11
    1
  • 朱晗
    图形学。。。。。
    2019-02-05
    1
  • CC
    2018 年,首先是前端在图形学方面越来越强大;其次,看到有些大学研究项目和一些公司的 lab 部门,已经在前端自动化这块有了初步成果,非常惊喜。

    我自己在 2018 年的项目中采用了一些新前端技术,让设计师同伴也惊呼 PS 的很多效果可以直接在网页上实现了,比如图层混合模式。

    2019 我非常期待 Houdini 的进展。

    祝 winter 老师新春快乐。
    2019-02-05
    1
收起评论
41
返回
顶部