每周三集前端免费视频
每年帮助超100万前端爱好者学习

直播分享 成为程序高手的秘密 内有视频

 

第一次直播,感觉自己完全失控了,说也不回话了,聊也不会天了。准备了2小时的内容40分钟让我讲完了。但这就是进步,至少我作了第一次直播。感谢所有小伙伴的支持,非常感谢。

 

自我介绍:

我网名技术胖,现在主攻前端领域,目前主要作新零售的电商项目。业余爱好就是把工作中的知识录成视频,放到网上让大家看。个人认为并不能称为老师,因为老师都”德高鸿儒博学,望重英雄豪杰。”;个人只是拿出业余时间来录制课程,也并没有达到授业解惑,所以不能成为老师,自起名技术胖。但个人还是有当老师的意愿,希望有朝一日能:三尺讲台存日月,一支粉笔写春秋; 虽然心愿宏大,但也要脚踏实地,技术胖目前还是一个一线工程师,过着996的程序生活,所以很多时候没有经历去回答大家的问题,在这里跟大家道歉了。

2018年前端到底该学什么?

这个是外国人发的一个非常好的文章(https://risingstars.js.org/2017/en/),所以那我也不会盗版侵权,我们打开他的网站进行讲解。当然我会加上自己的理解给大家解读,技术胖个人能力水平有限,所以不对的地方还希望多多见谅和指正。文章主要是从GitHub的star数来分析,所以我觉的还是比较公正且有说服力的。

最受欢迎项目?

2017年Vue继续蝉联冠军,这可能也跟中国的前端人员开发数量有关。一年时间增加了4万star,在GitHub JavaScript项目分类种排名第一。相比较去年的(2016年)的2万6千star,Vue领先排行第二名的React优势更大了。

那么,是什么令 Vue.js 如此出众?

  • 首先,它学习曲线平缓,使用了与 React 相似语法更让 WEB 开发者熟悉的组件方案;
  • 发展良好的生态圈,社区中涌现出事实上的官方标准库:路由 vue-router,状态管理库: Vuex;
  • 把模板、逻辑和样式放入单个 .vue 文件中的单文件组件设计理念在模块化代行其道的今天显得非常亲切;
  • 被流行的 PHP 框架 Laravel 选为默认的视图引擎(View Engine)-也就是说如果你会Vue,想向全栈发展,PHP也变成了非常棒的选择
  • 为尤大神个人维护,通过众筹方式来获取支持的开源项目,而不是由 Facebook 或 Google 这样的互联网巨头来主导。

也许正因为是个人维护,Vue.js在中国拥有大量的拥护者,中国最大的公司阿里巴巴是vue 的重度使用者,国外它还获得GitLab和Adobe公司的拥护,也进行了大范围的使用。

React再次获得亚军

React和2016年一样稳占第二名,2017年它在GitHub上获得了超过2万7千star(需要声明的是,这时2017年获得的,不是全部)。

Axios

Axios 库是最广泛使用的 HTTP 客户端。它能同时在用户端(在用户端发起 Ajax 请求)与服务器端(在 Node.js 环境中)使用。
Axios 的成功或许与 Vue.js 有比较大的关系,因为大量的 Vue.js 教程都使用它来发起 API 请求获取数据。

Puppeteer

Puppeteer是今年的大事件之一,是Google Chrome 团队开发的一个无界面Chrome浏览器,即一个在后台运行,且能被代码驱动和控制的浏览器。

它的用途如下:

  • 在真实浏览器中进行自动化界面测试;
  • 用生成页面快照的方式来实现服务端渲染;
  • 利用GoogleChrome “保存为PDF”的功能生成PDF文件;

前端框架:

前端框架向来是兵家必争之地,不过如今已是三家鼎足分立,大局尘埃落定之势。

Vue、React、Angular三足鼎立

我们虽然一直称他们是框架,但是真正意义上来讲,只有Angular是框架,而Vue和React应归类为库。

React方面依然处于碎片化的状态,开发者需要根据自身项目的情况,进行技术选型:

  • 页面间的路由切换;
  • 如何获取数据;
  • 如何把数绑定到表单;
  • 如何存储应用状态;

相反,Angular生态圈则更可控也更稳定,它为我们定义好了几乎所有开发规则,我们只要按着作就好,所以比较适合多人大项目开发,在技术架构上不会出现太多歧义。此外,随着支持静态类型的TypeScript加入,Angular得到更多熟悉C#或Java的后端开发人员注意。

Node.js框架展望

作前端的都有一个野心,就是统治所有平台,那后端就是一个最大的阵地。所以Node.js大为流行,但是Node.js还没有一个统一的,大家认可的标准框架出现。

目前来看还是Express和Koa的框架。Express虽然排行第一,但我个人感觉有些廉颇老矣,Koa的崛起很可能在今年发生。特别是阿里的egg.js出现以后,它在Koa的基础上进行了封装,良好的中文文档和大公司背景支持,也许会一飞冲天。

Vue.js生态圈

Element和iView是两个最受欢迎的UI组件工具包,专注于左面端UI界面的快速开发。而MintUI 与vux则相反,是移动端最受欢迎的UI工具包。

Vuetify是一款功能最完善的能同时适用于移动端和桌面端的框架,内置了服务端渲染、PWA、CLI模板支持等诸多特性。

Nuxt则是一款基于Vue.js的更高级的框架,它能让我们流程地开发具备服务器端渲染能力的Vue.js应用,而它的通用使我们使用用同样的代码库来构建单页引用,甚至生成静态网站。

前端移动开发流行什么?

无所不能的JavaScript,自然可以用来编写移动应用,这表示你可以在WEB端与Native端复用你的组件。

  • React:React Native
  • Vue: Weex 和cordova
  • Angular:Ionic 和 NativeScript

React Natvie已经可以实现真正的 “Write One ,Run Everywhere”.

IDE和编辑器

2016年由微软主导的VS Code与GitHub主导的 Atom在本类中齐头并进。几年他们也依然处于领先地位,不过在互相较量中,VS Code已领先它的对手一大截。

每个月VS Code都会发布新版,带来给多试用IDE功能的同时性能上却没有太大的损耗。即使不安装任何插件,你也有一大堆开箱即用的功能:

  • Git集成功能;
  • 自动补全:JavaScript语法,文件路径进行补全,npm包名字等等;
  • React语法集成;

成为程序高手的秘密

新的一年刚刚开始,如果你是一个职场老鸟,自然不用多说,你一定已经了解如何在社会上学习,但是如果你刚刚进入前端这一行,我必须跟你说说,社会中的学习和学校和家庭是完全不一样的。

现在这个信息时代最可怕的三件事:

  • 无法掌握注意力
  • 无法过滤信息
  • 无法与陌生人协作

2018年,学习发生了那些变化

你要想知道学习,你就要先了解现在学习环境是什么样子的。它和几年前相比也发生了翻天覆地的变化。

  • 信息变多,思考变浅
  • 机会变多,竞争跨界
  • 随时干扰,永远在线

那了解现在的学习环境变化后,我们要如何改变我们的学习哪?

新时代,你需要做出那些改变?

  • 调用知识而非记忆知识:前端你只要学好基础知识而非掌握每一个框架的细节写法。(用群里问问题举例)
  • 联机的独立思考:以我们都前我们喜欢独立的去学习,在学校是独立的学习,而在公司,我们要学会联机学习。
  • 人机合一:现在其实我们已经是一个半机器人了,手机就是我们的机器部分,离开手机我们会变的手足无措。一个人能够用机器学习和处理信息,用大脑整合和创新,用系统思维思考问题,会是未来最有竞争力的。时代在发展,不懂的人机合一的人终究会被时代的车轮碾轧。远的的有马车夫因汽车淘汰;近的有打字员因计算机被淘汰,传呼机被手机淘汰;更近的有报纸被公众号淘汰,胶片技术被数码摄淘汰;身边的有人工智能击败人类围棋冠军,大数据让高盛金融分析师下岗。

底层规律,高手不会说的秘密

  • 拉斐尔:拉斐尔是文艺复兴三杰之一,他发现当时很多人作画时运用“小孔成像”理论,通过这种“暗箱”技术来作画,作出的画作很精准。发现后拉斐尔后期的画作也开始利用这种暗箱技术作画,这种作画其实不是画,而是描。大卫.霍克尼《隐秘的知识》里详细讲解了画家如何利用“暗箱”作画的。(达芬奇在暗箱里看过蒙娜丽莎)
  • 高频交易员:千分之十三秒能做什么?你还来不及眨眼一次,但对于高频交易员而言,足够完成一次交易。美国有多少个股票交易所?你很可能以为,只有两家:纽约证交所和纳斯达克。错!今天,美国股市有超过13个公开交易所,此外,几乎各大券赏都有属于自己的秘密交易平台,俗称“暗池”。高频交易员利用纳秒级的时间差,捕捉“猎物”,快速买入卖出,谋取暴利。这是“暗池”里的“游戏”,速度就是一切,为此,他们甚至开山破土,建起一条有史以来最笔直的数据传输光缆。

总结:个人命运并不是一条孤独的航线,而是与整个社会的每一个人缠绕在一起。一开始你应该通过努力和精进达到“逃逸速度”,然后应该切换思维方式,利用平台和系统的力道,撬动自己去更远的地方。

实现自我升级的三个阶段

  • 认知升级:打开全新的视野,有时候视野会限制你的认知,比如穷人死循环局。穷人越穷,越要考虑如何为自己的生计工作,他们越忙,越没有时间想自己如何改变这一切。因为舍不得生计而不愿意改变,也没办法改变。那学习中的认知升级是什么?比如你持续学习,阅读,突然有一天一个概念击中你,你打开了一个全新的视野,过去困扰你的全部清清楚楚,并有了新的顿悟。这就要做认知升级。
  • 能力升级:能力和水平上升一个新的台阶,学会一门新的技能,锻炼一种新的能力,找到系统的头部,快速进入。比如你现在是一个程序员,你可以开始写通用组件,作自己的开源项目。然后晋升为架构师。比如你按照你顿悟的认知,不断学习,却长久没有什么变化。但你,很长一顿时间还没有什么变化,你都快要放弃了,这时候你突然发现自己的能力水平上了一个新的台阶。这就是达到了第二个阶段能力升级。
  • 能级升级:价值从内向外发生改变。在一个长时间的积累和爬坡之后,你正确地做出了几个选择、换了几个平台,身价、能力和水平会突然上一个层次,看问题、做事情有完全不同的力道。这就是能级升级。

在高价值区作事,作正确的事:

  • 选择“更少但是更好”的事
  • 二八法则的三次方
  • 占领系统的头部
    • 从价值而非优势出发:比如我原来的优势是作PHP,我也认为PHP是世界最好的语言,但是当公司PHP人员过多过剩,而前端人员稀缺时,不一定非要死守自己的优势,而是找到高价值区的内容,然后进入。
    • 思考差异化优势:思考你和其他程序员有什么不同,你的优势是什么?劣势是什么?能不能把劣势变成优势。
  • 高手如何保持优势:保持优势无非就两条,找到反向,反复迭代。

 

未经允许不得转载:技术胖-胜洪宇关注web前端技术 » 直播分享 成为程序高手的秘密
分享到: 更多 (0)

评论 24

  1. #16

    想知道技术胖是怎么做到学好一门新技术并达到实战开发的程度。
    比如我最近在自学vue,我把webpack、vue官方教程看完了,叫我实战肯定是做不来的,于是我就找视频教程,也就找到了您这里来,通过您的教程,达到快速提升。
    想知道您是怎么从 官方文档教程 跨越到 实战开发。
    (有些官方文档甚至写的很粗糙)

    匿名4周前 (06-25)回复
    • 从基础到实战最好的学习方法,是去找一个师傅带你,当你做过一个项目之后,你会发现豁然开朗。
      如果没有师傅,你可以在github上找一些开源类似的项目进行学习。

      技术胖4周前 (06-25)回复
  2. #15

    支持你

    匿名2个月前 (05-13)回复
  3. #14

    专注于左面端UI界面的快速开发,桌面端。。

    匿名4个月前 (03-30)回复
  4. #13

    技术胖能否出一个效率套装讲解,就是日常工作生活中用到的工具,比如有道笔记、atom、vscode这类。

    匿名4个月前 (03-15)回复
  5. #12

    胖哥你好,怎么看上去很不清晰啊?

    匿名5个月前 (03-07)回复
    • 用的腾讯视频就是不太清晰。这个没办法,视频流量太贵,作为一个免费网站只能用腾讯的了。

      技术胖4个月前 (03-14)回复
  6. #11

    胖哥,愿意接技术指导的外单吗!

    匿名5个月前 (02-26)回复
    • 这个暂时没有考虑,现在都是公司统一安排的。

      技术胖5个月前 (02-26)回复
      • 不需要写码,只需要指出如何做和提供些案例即可

        匿名5个月前 (02-26)回复
  7. #10

    胖哥加油

    匿名5个月前 (02-24)回复
  8. #9

    直播房间号是多少?

    匿名5个月前 (02-15)回复
  9. #8

    个人比较喜欢angular,react实在不喜欢,react里面包裹那些html代码,看着就不想写了,react native编写一套代码貌似不可以同时在android和ios上运行,我看到还要android和ios各写一套代码,还是ionic好用,一套代码android,ios和微信端都可以

    匿名6个月前 (02-04)回复
    • 一套就可以,不需要写两套

      匿名5个月前 (02-20)回复
  10. #7

    一定要支持

    匿名6个月前 (02-03)回复
  11. #6

    直播的平台是?

    匿名6个月前 (02-02)回复
  12. #5

    很棒 希望胖哥能讲一下 websocket的知识 以后这个会成为主流??

    匿名6个月前 (01-31)回复
  13. #4

    我是一个做后端开发的,感觉学vue有好多东西和后端的那种模板生成页面的方式很像,各种指令什么的的,几乎和后台渲染的那种写法一模一样,感觉学起来好简单,上手比较快。

    匿名6个月前 (01-31)回复
  14. #3

    师傅,还直播吗?很期盼。

    匿名6个月前 (01-30)回复
  15. #2

    不错不错,感谢分享。

    匿名6个月前 (01-30)回复
  16. #1

    我的人生导师

    匿名6个月前 (01-30)回复
    • 我的人生导师

      匿名3个月前 (04-14)回复