零基础新手做前端开发需要学什么,10年技术大牛总结的前端知识体系(附教程)

2022-09-07 14:42 · 小编
A+ A-

专栏介绍

随着前端技术不断地发展,岗位需求与薪资一路攀升。整个前端业界正值“黄金时代”,而前端开发者们却似乎“学不动了”。

这缘于前端的学习是一条先快后慢的曲线。在快速入门之后,大多数人都会感觉:自己仅仅停留在会用的阶段,后面的学习之路似乎越来越陡峭,每前进一步都十分艰难。

其实是你没有意识到,你在自学的过程中走了太多弯路。

大部分前端工程师的知识,其实都来自于工作中零散的学习和实践。在这种情况下,学习方向一旦偏离,就可能导致基础不牢固,知识认知不清晰,难以建立完整的知识体系。

并且,如果所在公司业务简单,工程师更难以在实践中形成技术积累,这导致了自身技术长期处于非常初级的阶段。

winter 在手机淘宝一直负责前端工程师的面试与培养工作,他深知其中的痛点与难点。在这个专栏中,winter 将带你告别零散和盲目的自学,重新学习前端,一起搭建前端知识框架,共同明确学习重点,精进前端技术。

作者程劭非,网名“winter”,前端社区知名专家,前手机淘宝前端负责人,先后就职于微软、盛大、阿里巴巴等公司。winter 早年做过嵌入式系统浏览器、电子书和 WebOS 的相关工作,近年致力于移动前端领域研究,提出过 Flexible 布局等先进概念,也产出过 Weex 这样的移动前端开发框架。

专栏共 42 讲,分为 4 大模块。

模块一,JavaScript :这部分会按照文法、语义和运行时去讨论 JavaScript 语言。这样的划分符合编程语言的一般规律,即“用一定的词法和语法,表达一定语义,去操作运行时”。而且,这样的划分也整合了零散的知识点,具有完备性。

模块二,HTML 和 CSS:这部分会侧重从语言和功能的角度来讲解,带你领略两者的全貌。HTML 的功能主要由标签来承担,所以我们首先会把标签分类,并分别进行讲解。语言部分,我们会简要介绍 HTML 的语法和几个重要的语言机制。在 CSS 的语言部分,我们会从大到小介绍 @rule、选择器、单位等等。功能部分,我们大致可以分为布局、绘制和交互类。

模块三,浏览器实现原理与 API:这部分会着重讲解浏览器的工作原理。我们会一起来了解:一个浏览器到底是如何工作的。并且,我们还会学习一些重要的浏览器 API,包括 BOM、DOM、CSSOM 等内容。只有了解了这些知识,你才能把 JavaScript 和 HTML、CSS 联系起来实现具体功能。

模块四,前端综合应用:作者会结合自己的前端工作经验,选择自己在手淘和淘宝工作中的一些案例来辅助讲解前端的性能、工具链、持续集成、架构等实际应用内容。



微信图片_20220927103704.png



模块打乱发布,目录顺序仅供参考,按照文章实际发布顺序为准。


已有 14487+ 人学习,扫码即可订阅


订阅须知

  1. 本专栏为订阅专栏,更新时间为 2019 年 1 月 15 日至 2019 年 4 月 20 日。订阅成功后,即可通过“极客时间”App 端、小程序端、Web 端永久阅读。
  2. 本专栏更新时间为每周二、四、六,形式为图文 + 音频,共计 42 期,定价 99 元。
  3. 企业批量购买请点击极客时间 VIP 年卡了解详情。
  4. 本专栏为虚拟商品,一经订阅,概不退款。
  5. 在专栏阅读过程中,如有任何问题,请邮件联系 service@geekbang.org。


点赞(0)
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至1545685@qq.com举报,一经查实,本站将立刻删除。
猜您喜欢

人类是怎么进化而来的,我国科学家在从鱼到人探源研究有重大突破

有颌类的出现与崛起是“从鱼到人”的脊椎动物演化史上最关键的跃升之一,人类的很多重要器官与身体构型都可追溯到有颌类演化之初。然而,这一跃升具体发生在何时、何地、又是如何发生?由于早期有颌类存在化石空白,这些问题一直未能得到解答。日前,中国科学院古脊椎动物与古人类研究所朱敏团队的重大发现,有望揭开这些谜团。近期,朱敏团队在...

0 504 09-29 13:17

老师怎么做ppt课件步骤,简单快速做出ppt课件的详细步骤

在日常的学习和工作中,我们都会遇到需要制作PPT演示文档的情况,而大多数人对于PPT的制作并不熟练,无法流畅、快速地完成PPT的制作。今天,我就来教大家几个PPT的制作技巧,帮助大家快速搞定演示幻灯片!①统一字体格式PPT制作自然少不了文本的插入,很多时候我们都会先插入文本,再进行文本格式的设置。但大量的文本想要一键实...

0 982 10-03 16:35

怎么做到早起不困还很精神,成功人士坚持早起的3个方法

我已经连续 15 天,在 4:45 – 5:30 之间起床。最近 3 天,都是在 5 点之前醒来,以后应该也是。今天聊聊早起。01 为什么要早起?半个月的一天,我发现自己午睡过后,直到睡觉的这段时间,注意力完全集中不起来,做任何事情,都没有效率。虽然大部分时间在电脑前工作,但我发现没有任何成果。我意识到,除了上午,其他...

0 930 09-07 09:54

色光三原色分别是什么,一文快速了解色彩的基本原理

为了让大家更好地理解后面的讲解,需要先交代一下和色彩相关的几个必要的概念。三原色三原色指色彩中不能再分解的三种基本颜色,我们通常说的三原色,是色彩三原色和光学三原色。色彩三原色(CMYK),也叫颜料三原色:品红、黄、青(天蓝)、黑 。色彩三原色可以混合出所有颜料的颜色,同时相加为黑色,黑白灰属于无色系。光学三原色(RG...

0 985 10-06 16:55

考研英语辅导资料哪个好,效率提升3倍的6个复习神器分享

准备考研的家人们!让你意想不到的,有助备考的神仙考研APP。这里推荐6款,大家按需使用。网易云音乐作为考研人,还在用网易云来听歌,那就太浪费啦~在网易云里面搜索考研、红宝书,你就能找到很多和考研有关的音频内容哦。尤其是考研单词买的二手书,又找不到音频,考研去上面找找音频版,有惊喜。小睡眠考研到最后,考的是心态,心态容易...

0 976 10-17 19:31

网络销售渠道有哪些,史上最全的网络营销推广渠道总结

先看一张汇总图,建议保存:第一阵营第一阵营新媒体包括:微信平台、新浪微博平台、问答平台、百科平台。这四类平台是大中小互联网金融企业都需要深耕的新媒体平台。一、微信平台微信活跃用户6.5亿,巨大的用户群体,就像一座巨大的富矿,引来众多淘金者。具体而言,在微信平台上,企业常用的新媒体工具和资源包括:微信公众平台、微信个人号...

0 877 10-09 19:12
关注我们
在线咨询
返回顶部