零基础新手做前端开发需要学什么,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举报,一经查实,本站将立刻删除。
猜您喜欢

ps入门零基础自学教程,小白也能看懂的免费ps教程分享

注解:PS处理的图像叫位图,也有人叫像素图,位图的定义:由若干不同颜色的像素点组成的画面,PS只能处理位图,对其他图像类型PS是处理不了的。分辨率大小是评价一张图片质量好坏的标准,分辨率是指一英寸里排列的像素点数量,像素点越多,意味着像素点越小,图像的品质越高,反之像素点少,图像品质越差。PS是个非常实用的作图工具,其...

0 525 10-05 22:41

如何创业白手起家?海学科技 CEO 吉米老师创业经历

这篇文章来自「生财有术」知识星球,「生财合伙人」栏目:每周三,带你认识一位牛逼的生财合伙人。经吉米老师 老师授权,发布在网站上。每周三,带你认识一位厉害的生财合伙人。作为一家公司的创始人,每天要考虑的问题是如何赚钱?如何放大收入?如何优化团队?如何建立激励机制?如何整合更多资源。。。具体体现为,一家公司的赚钱模式是什么...

0 884 09-07 17:37

广告优化师是干嘛的,5分钟带你看懂优化师工作

我从2016年开始做信息流广告,是一名代理商的优化师,在2年的时间里做到了乙方的总监,自己也写了一个公众号“三里屯信息流”,分享过30多篇优化经验。很高兴今天跟大家聊聊:我眼里的“优化师”,是一份怎样的工作。全文会分成3个部分来介绍:• 优化师是干什么的• 优化师的工作内容• 做优化师以后能干什么因为我自己一直在代理商...

0 648 10-12 15:36

网络招生方法有哪些,简单快速的7种网络招生方法推荐

对于教育培训机构而言,常常受到地域问题的限制,因此在市场营销过程当中更加注重线下活动的关注,对网络招生很少过问,甚至根本没有网络招生人员或者部门。但如果到现在,你还没有利用网络招生,那你的学校招生手段已经严重滞后,就算是一个只针对某几个社区或者某一个学校的招生的机构也适合做网络招生。别问我为什么,就问问你自己,现在有几...

0 953 10-03 13:30

网络销售方法有哪些,网络营销常用的十种方法分享

网络营销的方法很多,如搜索引擎营销、网络广告、电子邮件营销、网上拍卖、网上商店、网络分类广告等,网络营销方法也可以按照多种不同方式进行分类。例如,根据企业是否建立网站分类,将网络营销方法分为无站点网络营销和基于企业网站的网络营销。一、网络营销常用的十种方法:1、搜索引擎营销搜索引擎营销分两种: SEO与PPC SEO即...

0 749 10-12 14:58

小学托管班怎么开有什么条件,开一家小学托管班的详细流程

这几年陆续接触了上千个托管同行朋友,有人生源满满,几年时间买车买房扩大了规模,有人做了几年没有多大起色,也有人坚持不了半年就不做了。这是为什么呢?做得好的托管班各有特色和优势,但做得不好的托管班有个共同的情况就是没啥利润。今天咱们一起来聊聊如何做一家优秀的托管班,如果你的托管班没有盈利,相信在参照下面的因素可以让你的托...

0 548 10-02 17:54
关注我们
在线咨询
返回顶部