微信号:FrontDev

介绍:分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯

做前端码农没有技术含量?

2018-06-28 20:00 Udacity

大家好,我叫晓明,现在是一家外企的前端工程师,年薪在前端这个领域也算中等偏上。作为一名入行已经五年的 Web 前端工程师,今天想分享一些有用的攻略,对我刚工作的前两年影响非常大,也希望可以帮助大家飞速成长。


在我自己成为前端工程师前,身边学编程的同学都普遍认为前端没有技术含量,且容易被替代。但其实进入前端圈子感受最大的是变化速度太快:过去的客户端以浏览器为主, HTML/CSS/Javascript 是唯一选择,现在则是 mobile first,大量前端开发者被原生开发分流。

不过随着 H5 在传播上体现的巨大商业价值,无论是创业团队还是 BATJ 自然重视这块低成本高收益的事。前端的春天又来了,但现在局面是后备人才不足,想转前端开发的又会发现贵圈比以前还乱,除了标准依然滞后,各种框架、工具相继冒出来,没一两年又淘汰,过去好像会 jQuery 就可以混,现在的门槛确实高不少。


比如最近 Facebook 大规模重构 React Native,Airbnb 则弃用 RN 回归原生技术,Google 发布新的 Flutter 预览版,Flutter 也早已纷纷获得国内 BAT 互联网企业的拥护。可见,前端技术的培训、积累和创新上,并不比如今火爆的 AI 领域要差。之前有人说 Web 已死,现在看说这话的人可以去死了。在前端技术储备上加大投入,很长一段时间内都是非常值得的。那么该如何在前端圈子不断提升自己的技术,获得薪资和职位的晋升呢?



对于和我一样,如今已经从事前端开发的工程师或开发者,我的第一个建议是:拥抱变化,不断学习


  1. 热爱跨浏览器开发带来的挑战、热爱异端,热爱同行,热爱工具;

  2. 了解和适应前端技术的快速变化,Stay hungry,Stay foolish;

  3. 多学习,多动手,保证自己的才能与日俱增。参与一些开源软件的开发,学习新的知识和框架;

  4. 沉浸到负责的每一个项目中,具体问题具体分析,不生搬硬套,独立思考。


那么如何从零开始学习前端?


学习对于每一个人都有自己独特的方式,我也不例外。在此我不能说我的学习方法就是好的,我只是想借此机会说说自己是如何学习前端技术的。在学校时学到的前端技能一般并不全面,也不是最新的,因此我会推荐以下方式:


  1. 系统的规划学习路径,如 HTML + CSS,再到 JavaScript、React、Vue 等等;

  2. 不断练习,例如模仿网站,从博客类的到电商类的,从 HTML 到 CSS 模仿抄送;

  3. 认识圈内人士,至少是 level 比自己高,知识比自己丰富的人,有一个导致或者和你水平接近的圈内朋友;

  4. 提高英语阅读水平,可以第一时间了解圈内的新闻和读懂国外的文档;

  5. 学习国外网站的最新课程,相比国内培训机构,前端一定要学最新内容,才能跟上国内企业的招聘要求。


我在提高前端技术时,最欣赏的是优达学城(Udacity)的相关课程,可能它在国内名声不显,但在海外甚至全球,优达学城是一个非常有名的在线教育平台。我在优达学城就上过前端开发和 React 的课程,对我在职业上的帮助非常大。



优达学城,英文名 Udacity,是由斯坦福大学教授,谷歌无人车之父 Sebastian Thrun 创立的。 Sebastian 创立优达学城的最初是因为他在斯坦福开了人工智能这门课,通过在线授课的方式向全世界开放。结果注册的人数连连突破,达到了 16 万人。这让 Sebastian 认识到了这世界上通过网络接受教育的需求有多大。


可能你会问,既然是人工智能起家,为什么我要去它家上前端开发?


优达学城的前端开发是和 Amazon、GitHub 以及 AT&T (美国最大的电信公司)联合制作,而 React 课程则是和 React 社区和 Google 的专家一起制作。刚刚我也提到,国外网站的最新课程,是会根据每年前端圈子变化而更新内容的。另外一方面,在美国,优达学城是和 Coursera 以及 Edx 并列为三大在线教育平台。在这三家中,Coursera 和 Edx 都是面向于大学的课程。前者是斯坦福大学创立,后者则是麻省理工和哈佛大学联合创办。在 Coursera 和 Edx 两位重量级选手的比拼下,优达学城却牢牢的占据了美国在线教育最受欢迎的平台。我自己这三个平台上都上过前端类的课,最喜欢的依然是优达学城。


这是因为和 Coursera 以及 Edx 不同,优达学城的课是精心设计的,注重工业界实战经验的课,而绝非 Coursera 或者 Edx 那样大学里面的教授方式。学员在课程中,可以边学边练,迅速的掌握工业界开发的技巧。这就让优达学城毕业的人能很快的脱颖而出,迅速找到好工作。


在上课的时候,优达学城的课被课程设计专家分割成很多的短小的模块,有视频有练习。学员在学习过程中边练习边测试,很快就可以掌握知识点。


事实上,Udacity 不只是腾讯的培训合作伙伴, AT&T、通用电气等全球名企都在和 Udacity 合作提升企业工程师的技术。现在你也有机会加入他们,随时随地学习来自硅谷的前端技术。


以前端开发入门课程为例,你能够通过以下实战项目巩固知识,打磨技能:

实战项目1   用 HTML 为博客文章排版

我们将提供一个网站的原型(以及其中的文本,这样你就不用手动输入网页中的文本了)。而你的任务是使用 HTML 将原型转换为真的网页的样子。

实战项目2   创建动物卡片

此项目将考察你在 HTML、CSS 课程中所学到的技能,并要求你依据设计原型,重新创建一个网页。当然,我们为你提供了设计原型和 HTML 文件。此项目中使用的设计原型的灵感来自动物交换卡,你要选择一种自己喜欢的动物,然后创建它的卡片。

实战项目3   编写作品集网页

在本项目中,你将构建一个作品集网站。你将根据我们所提供的设计原型 PDF 文件,使用 HTML 和 CSS 再现该设计。你需要开发一个响应式网站,针对在前端纳米学位课程中完成的各作品集项目,显示其相应的图片、说明和链接。建议在成功再现设计模型之后,还可以继续对设计进行调整和自定义制作,通过个性化来创建属于自己的设计!自己动手实现的作品集网站首先要让自己满意。

实战项目4   开发「记忆卡片」游戏

在这个项目中,你将通过构建完整的基于浏览器的卡片匹配游戏来展示对 HTML,CSS 和 JavaScript 的掌握。从构建卡片网格,到处理用户输入以及实现游戏逻辑,你将结合你所有的 Web 开发技能,为你的用户创造完全互动的体验。

课程完成后,你将快速掌握基础前端开发知识和技能,制作属于自己的网页和游戏,拥有4个项目经验,均可写入简历,为求职加分!

长按下方二维码

加入课程咨询群

优达学城Udacity中国区课程限量报名中,席位有限抢完即止。长按下方二维码,加入课程咨询群,获得免费试听资格,抢先体验课程内容,更有机会领取 ¥300 学习基金!

点击“阅读原文”,了解更多课程详情


 
前端大全 更多文章 七天速成小程序——喜马拉雅 遭 Airbnb 嫌弃,React Native 还值得我们使用吗? 勿以 star 数论高低!React 在前端框架世界仍是领先地位 浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层 单身一族看过来
猜您喜欢 High Performance Go R语言入门第十二讲:基础绘图(二)------plot与par函数(1) ios开发:新版葫芦娃重新江湖,是毁童年,还是…… 预测测试的未来 跨维度的打击,是可以直接秒杀的