今天先发一篇硬广热热身

由于近来公司业务略忙,于是我屌丝属性之一:“懒癌”又犯了,日渐懒惰,乍眼一看,居然20几天没更新了。

期间后台还是有很多粉丝同学来给我留言或者赞赏关注,问一些问题或者疑问,老粉丝也会问怎么还不更,我在这深表歉意。

每天早出晚归一团忙,所以说坚持一件事很难,而且在没有直接利益驱动的情况下。但现在我决定重新开启装逼之旅,帮的上大家的同时,我还可以通过这种方式展示我的帅,并让大家认可也就够了(也请大家监督下我额)

当然,我可能会隔几篇干货,穿插一篇软文或者广告,也请大家谅解,喜欢可以点,不喜欢的就忽略,因为和我合作的广告我都是严格筛选过的,不会像市场的野鸡培训直接坑人。好吧,我们开始吧!

我是分割线,正文开始!

新人刚接触前端,你可能会问:

零基础能学前端课程吗?

要如何开始学习前端呢?

如果你是前端工作者,你可能会问:

我要怎样让自己变得更优秀?

前端天花板低发展,真的遇到瓶颈了吗?

接下来,我会从学习、实践、进阶三个方面来回答这些问题,分享我的前端成长经历。

1

学  习  篇

学习前端,首先建议大家打好基础。这里的基础分为两大类:计算机基础和专业基础。

有些人可能会认为:即使没有这些基础也能做前端(这也是我们之前说门槛低的原因),但是对这些基础知识的掌握情况和理解程度决定了我们可以走多远。这部分的学习是一个循序渐进的过程,不可能一蹴而就。

那如何学习这些基础知识呢?

我建议从书籍、代码、标准三方面入手。

书籍:当需要了解某个知识点时,可以多看几本相关书籍,看不同作者对这个问题的不同阐述,加深自己的理解。对比着看效果更好。

代码:检验我们是否已经掌握知识的好办法就是阅读代码。它不仅帮助我们加深对知识的理解,还可以查漏补缺,让我们得到一些新的启示。有哪些源码值得我们去读呢?

如果你不知道开始或者进阶,可以先看我的基础入门系列(不少好评)

【web前端入坑系列】:点击标题进入

第一篇: web 前端入坑第一篇:web前端到底是什么?有前途吗
第二篇: web前端入坑第二篇:web前端到底怎么学?干货资料!
第三篇: web前端入坑第三篇 | 一条“不归路” - 学习路线!
第四篇: web前端入坑第四篇 | web前端 | 你还在用jQuery?

· 书籍里的代码

· 前辈们留下来的代码

· 论坛里的经验

· 某个网站的代码

· 很多开源代码都可以作为我们的参考来源

· 归纳总结自己以前写的代码,你会得到不一样的惊喜

标准:当我们平时遇到问题时,需要追本溯源。而查阅标准就是关键。互联网技术更新迭代太快,而且网络上的资源良莠不齐。所以我们甄别的重要方法之一就是查阅标准。前端相关的标准主要分为两方面,即行业标准和厂商标准。

制定行业标准的组织主要包括:ecma组织/IETF组织/W3C组织

制定厂商标准的平台主要包括:IE/Chrome/火狐等

2

实  践  篇

实践阶段对于遇到瓶颈的同学十分重要,因为不管以什么样的方式去学习,最终目的就是为了解决实际问题。

围绕着实践中的问题,实际上可以分为:发现问题、分析问题、解决问题、沉淀问题四个方面。

发现问题的途径有很多,包括产品的功能需求、开发的非功能要求以及疑问、建议、抱怨等。更多的时候需要前端工程师进行思考和归纳,这也是我们面临的挑战。

当我们发现问题时,不要急于上手解决,要分析问题的本质,确定产生问题的因素,和多方沟通,提出多种解决方案,分析各自利弊,再对照实际情况做出取舍最后解决问题。

在业务中,80% 的bug主要是业务逻辑考虑不全面,漏掉逻辑判断处理,数据格式不规范等引发的。这种bug改起来比较快,但是容易往复循环,或者引入新的bug。这些bug切碎了开发者的有效工作时间。

另外还有15%的bug是由开发者自身coding的问题引发,属于技术性的bug,但随着开发者对软件平台以及框架的熟悉,以及自身编程水平以及编程素养的提升,这类 bug会逐渐减少。

最后,对问题进行沉淀,加深理解,进而将简单问题的解决方式应用于复杂问题情况下,这也是提升的方式。

3

进  阶  篇

到了一定程度之后,个人能力很难再提升,遇到了瓶颈。此时,需要先从个人角度出发,了解是否触及天花板,另可以从团队角度出发,寻找突破点。

个人能力可以从深度和广度方面进行分析。深度分为三个阶段:表象、原理以及实现。表象就是之前提到的基础阶段。下一个阶段就是能了解其中原理,对知识点能够把握和识别。实现阶段就是能够充分利用已有的知识体系,进行运用。

再从广度角度出发,可以分为专业技能和领域范围两部分。专业技能可以从知识体系的覆盖面和了解度出发。也就是覆盖面够不够广,以及对常见解决方案的了解程度。而领域范围的拓展就需要对其他产品进行了解,比如移动端、桌面端等的了解。

以上方面如果都很优秀的话,就是一个很优秀的前端工程师了。但是仅仅个人优秀还不够,我们还需要团队优秀。

团队方面的突破,重点关注流程、效率和协作。目前在网易的工作模式,基本遵循以下的流程,相对来说还是比较细致和规范的。

| 新需求上线

需求→交互→视觉→开发→自测→测试→bug修改→测试→bug修改→测试→交互确认→视觉确认→上线申请→确认→上线

| Hotfix上线

问题反馈→bug修改→测试→bug修改→测试→上线申请→确认→hotfix上线

最后给大家分享两句话:

始终保持一份谦虚谨慎的心态.

始终加强学习能力的培养。


我是分割线,硬广飘入!

前端开发是当前互联网行业炙手可热的岗位,许多人在自学之外,还会选择在线课程作为辅助。

9月1日开始,网易云课堂的前端开发微专业推出了限时免费的体验课。这门课程主要从零基础入门体验入手,除了大约60分钟的视频课程外,还包括『开发登陆界面』的实战练习,整个学习过程除了详细的课件指导外,都会配备助教,第一时间响应答疑需求。

戳大图查看完整课表

以上所提到的所有学习资源及服务,在9月1日-7日的一周内,都是免费的,免费的,免费的!

如果你想要加入这次的前端开发限时免费体验课,可以扫描下方的二维码,加入体验课学习QQ群~群里有助教老师协助大家更高效更扎实地get 前端技能~

加入体验课学习群:

  • 获得前端开发学习指南

  • 第一时间获得老师和助教的响应

  • 与诸多前端小伙伴一起学习成长

ok,广告植入完毕,虽然有些硬气,不过据反应,这家网易云官方的一些基础课程还可以,适合入门和了解,不需要的童鞋可以自行绕过。

还是那句话,我依然是最帅的!

前端小白到技术专家,可能么?相关推荐

  1. 四年,如何从前端小白蜕变为前端技术专家?

    简介:作者简介:珑晴--淘系技术部前端技术专家,16 年校招实习转正进入的阿里,当时是在聚划算前端团队,随着业务变化一路从聚划算到天猫至今加入淘系技术部,负责日常活动营销的同时,也多次参与大促会场&a ...

  2. Web前端小白入门指迷

    大前端之旅 大前端有很多种,Shell 前端,客户端前端,App 前端,Web 前端和可能接下来很会火起来的 VR 前端等.当然在这篇文章,集中讨论一下身为小白,我们怎样去了解 Web 前端,以至达到 ...

  3. 前端小白也能快速学会的博客园博客美化全攻略

    前端小白也能快速学会的博客园博客美化全攻略 A呦V,博客园er的自我修养是什么?第一条,别只顾收藏和偷师呀,记得点"推荐"或关注本人喔~ 美化方法论简介 一般而言,需要选一个默认的 ...

  4. bootstrap设计登录页面_前端小白如何在10分钟内打造一个爆款Web响应式登录界面?...

    对于前端小白(例如:专注后端代码N年的攻城狮),自己编写一个漂亮的Web登录页面似乎在设计上有些捉襟见肘,不懂UI设计,颜色搭配极度的混乱(主色,辅助色,配色,色彩渐变,动画效果等等,看起来一堆乱七八 ...

  5. 一个新进前端小白实习僧的初次探索

    我不怕万人阻挡,只怕自己投降 一个新进前端小白实习僧的初次探索 在学校的时候写过几个静态页面.用过一些简单的JavaScript,写过一些基础的CSS,去应付课程项目,却也仅仅于此. 谁也没想到会阴差 ...

  6. 2021年最新版Web前端学习路线图-前端小白入门必读-推荐

    2021年最新版Web前端学习路线图-前端小白入门必读-推荐 Hello,大家好,相信很多学习前端的小伙伴,会有很多的疑惑: 我要学习那些技术? 我要到哪里去学习这些技术呢? 学习这些技术的目的对就业 ...

  7. 前端小白系列之——导言

    博主前端小白一枚,接触前端有小半年了,此次希望能专心从零开始做一个有自己特色本地页面,鞭挞下自己以严谨的规范代码写页面,顺便写成个系列,仅此而已. 这个页面一开始只是想着要实现前端常用的一些组件,像是 ...

  8. html+css+js适合前端小白的实战全解(超详细)——2048小游戏(三)

    续上一小节,我们回到newgame()这个函数,我们之前只做了init()内函数,相当于一个初始化操作 现在,我们需要再随机两个两个生成数字. 随机生成数字在这个游戏里会经常出现,用户移动一步,也会产 ...

  9. html+css+js适合前端小白的实战全解(超详细)——2048小游戏(二)

    续上一小节,我们可以发现每一个grid-cell上的数字初始时并不在格子里. 这些数字可以随着玩家的操作而移动 ​ 我们可以想象:初始时每一个格子上的数为0,他们并不显示 ↓ 只有当grid-cell ...

最新文章

  1. 2019腾讯广告算法大赛-冠军之路
  2. 富文本NSMutableAttributedString用法大全
  3. mysql 重置root_MySQL 重置Mysql root用户账号密码
  4. zuul默认的路由规则及禁用路由规则
  5. vscode for mac怎样关闭自动更新
  6. java 字符过滤器_Java Web---登录验证和字符编码过滤器
  7. OpenVINO Inference Engine之custom Layer自定义算法(VPU版本)
  8. windows10下Kafka环境搭建
  9. c4d导出obj格式有破面_适合折腾MMD的C4D常用插件及本体合集
  10. 速升级 Microsoft Word……且慢!
  11. 今日头条张一鸣:做CEO要避免理性的自负
  12. Python3 爬虫教程 - 新兴网页解析利器 parsel
  13. 怎么退出磁贴桌面回到传统桌面?
  14. 蓝牙学习笔记之SMP协议(十四)
  15. BLDC无刷直流电机
  16. 图标.svg html怎么换颜色,如何改变SVG图像的颜色使用CSS(jQuery SVG图像替换)?
  17. Oracle 存储过程 字符串拼接 SQL注入的问题
  18. 量子计算Shor算法
  19. 计算机维护宝典,分分钟教你“修电脑”的宝典,值得收藏
  20. 艾伟:WCF从理论到实践(3):八号当铺之黑色契约

热门文章

  1. linux部署jar项目报错_Spring boot项目部署linux系统tomcat报错解决办法
  2. 面向非易失性内存的持久索引数据结构研究综述
  3. 基于新型存储的大数据存储管理
  4. oracle 触发器
  5. 【Linux】XXX is not in the sudoers file …… 的解决方案
  6. 【Java】I/O阻塞下的守护线程与程序计数
  7. 图的遍历(深度优先搜索法和广度优先搜索法)
  8. 正大天晴与阿里云合作,AI制药提高化合物筛选准确率20% 新药研发困难重重?正大天晴与阿里云合作用AI寻找解决办法...
  9. 【洛谷 P3304】[SDOI2013]直径(树的直径)
  10. 静态路由心法口诀:路由表少什么网络加什么网络