「自学」是不可能太「系统」的,因为没有人帮你把每一个阶段的学习内容定义清晰。由于缺乏别人提供的反馈,你没办法知道自己某一阶段的学习是否完成了。从事前端多年,根据经验一般的建议方式是,你去实体书店看看相关的书籍,那本顺眼就从哪本学起,没必要太在乎信息来源是否系统化。不同的书针对有不同背景的人写,写作风格也不一样,既然没有人针对你因材施教,你必须自己凭感觉做出正确的选择,不要盲目使用别人的套,优秀的前端工程师无论在深度和广度上都得有自己的一套清晰透明的知识体系,同时更应该具备快速学习的能力。

比你优秀的人都在学习,你有什么理由不更加努力的去提升和造化自己呢?

WEB前端工程师除了需要掌握基本的前端的开发技能外,当然,这里的基本技能说的比较宽泛,大致包括HTML、CSS、JavaScript、网站性能优化、SEO和服务器端基础知识等等,还得学会各种辅助工具进行开发辅助,提升工作上的开发效率。

看看技能图谱吧!淡定

看到这里是不是感觉有点害怕了,要学这么多啊,别怕,据统计,我们所学的知识其实真正在工作中的使用率20%左右,也就是说用20%的知识就可以胜任一份工作,那剩下的80%岂不是可以扔下了?别想太多,你还是得学。别看二八定律很有美感,现实是十分骨感滴~~

任何技能都不是一蹴而就的,学习没有途径可研。

学习一项技能就像马拉松一样,跑道已经给你固定了,只要你沿着跑道不停的向前,肯定会到达终点。

前端学习也是一个道理,知识点就那么多,只要持续的去学习,并且活学活用,多做案例,久而久之,我们就会熟练的掌握这门技能。

然后在工作中,知识就是那些知识,看你怎么用,唯一变化的就是业务需求和逻辑。

作为前端工程师,我们要满足的就是以下四种人,搞定他们,那就天下初定。

一、产品经理

这货和前端工程师是前世的情敌,会想出各种新鲜的、奇怪的、甚至反人类的想法来折磨作为前端工程师的我们;因为这货负责策划项目,也就是我们将要实现的应用程序。

二、UI设计师

这货和前端工程师可说是相爱相杀,UI设计师负责应用程序的视觉设计和交互模拟(国内目前还没有交互设计师),产品的靓丽青春还是老态龙钟完全出自这货之手(神之左手哦);但这群家伙有个外号叫做“像素眼”,经常不满足前端工程师造成的1px误差。

三、项目经理

这货的主要关注点主要在程序的正常运行时间、应用程序始终正常可用的时间、性能和截止日期,真切实际地负责运行和维护应用程序,往往追求简单化,同时还会在程序升级时指出和引入新的问题。

四、最终用户

这货咱不说也知道了,我们每个人都是最终用户,包括我们自己,虽然不经常与这货打交道,但是反而是最重要的,没有最终用户,前端工程师的存在将会没有意义;同时他们提出的反馈意见十分重要,要求也最多,比如个性化功能,别人家的产品所具备的功能怎么我们没有啊,吧啦吧啦一大堆。

那么,零基础学WEB前端我们要学些什么呢?

学习是一种心态,特别是在学习一项新技能之前一定要认识到这点,不然后果是浪费了宝贵的时间又没有学好,那就得不偿失了。

为什么要学习前端呢?理由自己找吧!哈哈

第一阶段:HTML的学习

第二阶段:CSS的学习

第三阶段:JavaScript的学习

第四阶段:基本框架jQuery和bootstrap

第五阶段:HTML5和CSS3

第六阶段:停下来写案例吧,把你在网页上见到的东西用代码写出来

第七阶段:JavaScript面向对象/前端自动化

第八阶段:各种框架了解及学习

这里什么移动端web开发,混合APP开发什么的就不列出来,当你学到那里来了,自然就明白了,古话说得好:停车做爱枫林晚,闲看院前花开花落。

前端是一个应用程序的门面,美不美,好不好用,都是前端工程师的锅。同时前端贯穿在整个产品开发这条生产线上,说好听点起着承上启下的作用,通俗点讲就是你周围都是大爷,当然,只要咱是个好前端,我特么就才是大爷。

我目前是在职前端开发,如果你现在也想学习前端开发技术,
在入门学习前端的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题,
你都可以申请加入我的前端学习交流裙:前面:784 中间:783 最后:012 。里面聚集了一些正在自学前端的初学者,
整理的一些最新前端学习手册,开发工具,视频直播教程,7天免费入门!

最后:

前端就是后台实现和视觉表现的桥梁,是贯穿在整个产品开发过程的纽带,起到承上启下的作用,一个好的前端工程师他能够很好理解产品经理对用户体验的要求,也能够很好地理解后台工程师对数据逻辑,或者程序逻辑进行分离的要求,并将这些要求转化成前台的开发工作。前端就是网站的门面,它的价值远大于 其他的客户端开发。

自学前端建立知识体系,是最简单入门以及工作后快速进阶的有效方法相关推荐

  1. 自学前端建立知识体系【全新web前端开发视频教程】

    「自学」是不可能太「系统」的,因为没有人帮你把每一个阶段的学习内容定义清晰.由于缺乏别人提供的反馈,你没办法知道自己某一阶段的学习是否完成了.从事前端多年,根据经验一般的建议方式是,你去实体书店看看相 ...

  2. Web前端工程师知识体系大全,Web前端入门基础体系

    Web前端工程师知识体系大全 什么?你上面说的太多太乱了,好吧下面的知识体系只要能掌握个六七成,就能找到个前端的碗了! Web前端基础知识体系大全

  3. 转载 前端基础知识体系 一个新手的学习之路

    原帖地址:  转载的原因是我学习前端和php已经4个多月了.看看自己还有那些不足.自己得努力学习,牛人太多.红色是我会的,或者学过的.希望今天把大部分飘红. 一.HTML 标签的分类 标签表示一个元素 ...

  4. 前端Q知识体系梳理与面试准备直播回顾

    PS:关注前端Q公众号,回复 直播 ,可获得直播所有资料及录播视频- PS:体系图中对应的知识点可以直接链接过去的地址为:https://github.com/LuckyWinty/blog,点击阅读 ...

  5. 前端基础知识体系之专业知识篇

    HTML与CSS DOM元素相关的问题 DOM操作.事件冒泡/委托.虚拟DOM设计等 HTML DOM操作与性能问题,包括 DOM操作是否会带来性能操作 页面需要渲染一万个DOM元素,如何提升页面性能 ...

  6. ​送你一套建立知识体系以及知识管理系统的方法论​

    目录 一. 什么是知识管理系统? 二:为什么你必须建立外脑?

  7. 同底数幂比较大小方法_知识体系构建:初中数学4大知识点及10大解题方法总结(干货)...

    基本知识 1.数与代数 A.数与式: 1. 有理数 ■ 有理数: ①整数→正整数/0/负整数 ②分数→正分数/负分数 ■ 数轴: ①画一条水平直线,在直线上取一点表示0(原点),选取某一长度作为单位长 ...

  8. Android开发知识体系!这份354页笔记的Android进阶知识+大厂高频面试题,薪资翻倍

    说起IT行业,大多数人脑海里反应出的第一个标签一定是"高薪",而说起程序员,大家更多想到的可能是: 秃顶.木讷.格子衫: 加班多.能赚钱.不花钱: 没对象-- 甚至很多人还说&qu ...

  9. 大数据之-hadoop知识体系架构---大数据之hadoop工作笔记0001

    源码编译的时候机器内存要大于4G.<

最新文章

  1. 2020年AI怎么发展?听加州大学、谷歌、英伟达、IBM怎么说
  2. node_modules
  3. moldflow2019安装教程
  4. Boost:向上对齐align up integral的测试程序
  5. 只有经验丰富的开发人员才能教您有关Java的5件事
  6. SQL 在表中建立索引的作用
  7. C#中IEnumerable.OfType()方法的简单使用
  8. pychar 设置字体随鼠标滚轮调整大小
  9. Robotium测试报告的生成方法(下)
  10. Java多线程电影院_java 多线程-快乐订座电影院
  11. 谈一谈企业部署erp系统的三大时间段
  12. SpringBoot整合Swagger2,并设置springsecurity放行和token
  13. sencha touch总结
  14. Elasticsearch-8.2.0安装问题
  15. 近期Centos7下常用指令(1)
  16. 高德地图API--天气查询
  17. 手游摇杆(二)八方向摇杆和移动范围限制
  18. 统信UOS20-1030 初体验
  19. 美国知名科技公司入门级软件工程师的薪水排名
  20. json 跟着黑马打的代码 但还是undefined。求解,

热门文章

  1. 02 - OAI(OpenAirInterface)核心网搭建过程 - 研0
  2. ABP VNext学习日记15
  3. Maven使用之packing篇
  4. 微信小程序实现watch属性监听数据变化
  5. 让猛男娇羞的AI算法
  6. 决策树模型回归可视化分析_商业分析过程与数据探索
  7. html语言怎么让字横过来,css怎么让文字竖着排列?
  8. 上周丢钥匙事件的反思感悟
  9. 长文丨亚马逊帝国的人工智能革命史
  10. bilibili小电视桌面天气站(esp8266+微信小程序控制)超详细,看这一篇就够了