重学前端- 极客时间课程推荐/优惠

重学前端--极客时间课程推荐/优惠

每天10分钟,重构你的前端知识体系
程劭非(winter)前手机淘宝前端负责人
专栏 | 57讲 | 106510人已学习
优惠价¥59原价:129
去官网优惠购买

版权声明

本站非极客时间官网,与官方无任何关系。我们不提供课程下载或详细内容,仅作为课程分享和推荐平台。我们鼓励大家支持正版,尊重创作者的劳动成果,这样不仅能帮助创作者持续产出优质内容,也能让自己获得更好的学习体验。请通过官方渠道购买和学习课程,感谢您的理解与支持。

课程详情

你将获得

  • 告别零散技术点,搭建前端知识体系;
  • 打通JS、HTML、CSS、浏览器4大脉络;
  • 40+前端难点完全解答;
  • 大厂前端工程实战演练。

课程介绍

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

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

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

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

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

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

专栏分为4大模块。

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

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

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

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

课程目录

开篇词+学习路线+架构图

  • 开篇词 | 从今天起,重新理解前端
  • 明确你的前端学习路线与方法
  • 列一份前端知识架构图

模块一:JavaScript

  • JavaScript类型:关于类型,有哪些你不知道的细节?
  • JavaScript对象:面向对象还是基于对象?
  • JavaScript对象:我们真的需要模拟类吗?
  • JavaScript对象:你知道全部的对象分类吗?
  • JavaScript执行(一):Promise里的代码为什么比setTimeout先执行?
  • JavaScript执行(二):闭包和执行上下文到底是怎么回事?
  • JavaScript执行(三):你知道现在有多少种函数吗?
  • JavaScript执行(四):try里面放return,finally还会执行吗?
  • JavaScript词法:为什么12.toString会报错?
  • (小实验)理解编译原理:一个四则运算的解释器
  • JavaScript语法(预备篇):到底要不要写分号呢?
  • JavaScript语法(一):在script标签写export为什么会抛错?
  • JavaScript语法(二):你知道哪些JavaScript语句?
  • JavaScript语法(三):什么是表达式语句?
  • JavaScript语法(四):新加入的**运算符,哪里有些不一样呢?

模块二:HTML和CSS

  • HTML语义:div和span不是够用了吗?
  • HTML语义:如何运用语义类标签来呈现Wiki网页?
  • CSS语法:除了属性和选择器,你还需要知道这些带@的规则
  • HTML元信息类标签:你知道head里一共能写哪几种标签吗?
  • CSS 选择器:如何选中svg里的a元素?
  • CSS选择器:伪元素是怎么回事儿?
  • HTML链接:除了a标签,还有哪些标签叫链接?
  • CSS排版:从毕昇开始,我们就开始用正常流了
  • HTML替换型元素:为什么link一个CSS要用href,而引入js要用src呢?
  • HTML小实验:用代码分析HTML标准
  • CSS Flex排版:为什么垂直居中这么难?
  • CSS动画与交互:为什么动画要用贝塞尔曲线这么奇怪的东西?
  • HTML语言:DTD到底是什么?
  • CSS渲染:CSS是如何绘制颜色的?
  • CSS小实验:动手做,用代码挖掘CSS属性
  • HTML·ARIA:可访问性是只给盲人用的特性么?

模块三:浏览器实现原理与API

  • 浏览器:一个浏览器是如何工作的?(阶段一)
  • 浏览器:一个浏览器是如何工作的?(阶段二)
  • 浏览器:一个浏览器是如何工作的(阶段三)
  • 浏览器:一个浏览器是如何工作的?(阶段四)
  • 浏览器:一个浏览器是如何工作的?(阶段五)
  • 浏览器DOM:你知道HTML的节点有哪几种吗?
  • 浏览器CSSOM:如何获取一个元素的准确位置
  • 浏览器事件:为什么会有捕获过程和冒泡过程?
  • 浏览器API(小实验):动手整理全部API

模块四:前端综合应用

  • 性能:前端的性能到底对业务数据有多大的影响?
  • 工具链:什么样的工具链才能提升团队效率?
  • 持续集成:几十个前端一起工作,如何保证工作质量?
  • 搭建系统:大量的低价值需求应该如何应对?
  • 前端架构:前端架构有哪些核心问题?

特别加餐

  • 新年彩蛋 | 2019,有哪些前端技术值得关注?
  • 用户故事 | 那些你与“重学前端”的不解之缘
  • 期中答疑 | name(){}与name: function() {},两种写法有什么区别吗?
  • 答疑加餐 | 学了这么多前端的“小众”知识,到底对我有什么帮助?
  • 加餐 | 前端与图形学
  • 加餐 | 前端交互基础设施的建设
  • 期末答疑(一):前端代码单元测试怎么做?
  • 期末答疑(二):前端架构中,每个逻辑页面如何可以做到独立发布呢?

尾声

  • 尾声 | 长风破浪会有时,直挂云帆济沧海

作者介绍

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

推荐

从0开始学微服务 - 极客时间课程推荐/分享/优惠/折扣
从0开始学微服务
微博服务化专家的一线实战经验
胡忠想微博技术专家
专栏 | 65183人已学习
优惠价¥59原价:129
去官网优惠购买
AI应用实战课 - 极客时间课程推荐/分享/优惠/折扣
AI应用实战课
带你熟练使用 AI 技术解决实际问题
黄佳新加坡科研局资深研究员
视频课 | 3489人已学习
优惠价¥59原价:99
去官网优惠购买
张汉东的Rust实战课 - 极客时间课程推荐/分享/优惠/折扣
张汉东的Rust实战课
带你完整构建一个异步Web框架
张汉东《Rust编程之道》作者
视频课 | 12163人已学习
优惠价¥68原价:199
去官网优惠购买
技术管理实战36讲 - 极客时间课程推荐/分享/优惠/折扣
技术管理实战36讲
前百度最佳经理人的战地笔记
刘建国前百度最佳经理人,果见管理工作坊创始人,TGO鲲鹏会会员
专栏 | 65447人已学习
优惠价¥68原价:199
去官网优惠购买
说透芯片 - 极客时间课程推荐/分享/优惠/折扣
说透芯片
揭秘半导体产业,助力中国芯
邵巍前ARM中国区服务器与生态系统市场总监 前阿里平头哥高级产品经理
专栏 | 10050人已学习
优惠价¥59原价:129
去官网优惠购买
人工智能基础课 - 极客时间课程推荐/分享/优惠/折扣
人工智能基础课
通俗易懂的人工智能入门课
王天一工学博士,副教授
专栏 | 60584人已学习
优惠价¥59原价:129
去官网优惠购买