尚硅谷前端学习顺序

哈喽，各位同学大家好，我是上硅谷的前端讲师张天宇，这次呢给大家带来的课程是一套前端入门教程 h t m l 加 c s s。 本次课程呢，结合后面框架所需，梳理了整个基础部分的脉络，精心的打磨，无论你是刚入门的小白，还是有了一定基础但想查漏补缺的同学，本套课程都是适合你的。 首先呢，我们来说一下什么是前端开发，或者直接点说前端开发都能开发什么呢？ 首先就是各种网页，哎，你像京东啊，淘宝啊等等，这些我们平时都经常看是吧？再有就是小程序，像我们平时用的这些外卖的呀，点餐的呀，还有游戏相关的呀，当然了，不只是我们熟知的微信小程序，你像支付宝小程序，抖音小程序， 这些我们都能做，我们还可以做这种数据可视化系统，就是把干巴巴的数据变成生动形象的图和表。再有现在已经是大前端时代了，什么是大前端呢？简单说就是 前端工程师不仅能开发我刚才说的那些，也能开发服务器客户端。那咱聊到这呢，肯定会有一些小伙伴说，老师，什么是服务器啊，这客户端又是个啥呀？ 别着急，在这呢，咱们先不长篇大论的说对这些词啊，目前我们就是先混个脸熟，哎，因为后边的课程中呢，我会仔细的给大家去讲解这些概念， 所以目前在大前端这个背景下，前端开发在整个 it 领域前景还是非常好的。一个最直接的验证呢，就是大家可以打开你手里边的这个招标 软件，你去搜索前端就会发现有很多的职位，并且待遇也都很不错，那这么多的东西我们先学哪个呢？当然是先学习写网页，你想学习写网页，就先要把 h t m l 还有 c s s。 学好， 那接下来我简单的给大家介绍一下我们的课程内容，那么其中 h t m l 部分包含 h t m l。 四，还有 h t m l。 五。 c s s 部分呢，包含 c s s。 二，还有 c s s。 三。然后我们整体的学习顺序是这样的，我们先学习 h t m l。 四， 随后呢学习 c s s。 二，然后再学习 h t m l。 五。那最后呢，我们来学习 c s s。 三。那在 h t m l。 四这一部分呢，我们会学习到这些内容，你像羽翼化呀，超链接呀，排版标签啊 等等这些构成网页最为基本的元素。那在 c s s。 二这一部分呢，我们会学习到盒子模型啊，选择器啊，各种属性啊等等这些让网页变得更漂亮的东西。然后在 h t m。 二五这一部分呢，我们会讲解一些 h 五的新特性，让咱们可以写出更加现代的网页。 最后呢，在 c s s。 三这一部分，我们会学到弹性盒子啊，响应式布局啊，二 d 三 d 变换啊等等这些更加炫酷的东西。 那说到这，再看着这四张图，难免会有同学说，老师我能学会吗？哎，那我想说你一定能，因为我们的课程有着如下的设计， 首先呢就是我们的知识点顺序是合理的，例如我会讲 c s s。 二的选择器，还有 c s s。 三的选择器，一起去给大家讲，因为在实际开 发中呢，更关注的是如何快速而又精准的选中这个元素，这是一种很直接的使用，不是停留在理论上的背诵，所以我们在最开始就对标实际应用去给大家讲解，让大家学习的顺序就是一个顺应真实开发的顺序。 再有就是咱们的笔记，详细视频中的每一个知识点，每一次总结，每一张图是各种注意事项均整理成了笔记。 那我在这呢截取了两个我们笔记里的片段，大家可以感受一下，其实我这也有完整的笔记，也可以给大家看一下。你比如说这块，就是我们讲 h、 t、 m、 l 部分的这个笔记，包括这个一呀 二啊，里边很多的内容都是精细的去分类的，比如说我们打开这个说，哎，我们在学习某一个点的时候，比如说点开一下，这里边有详细的配图，每一个不好 理解的东西都有详细的图去给大家说。再有就是本套课程对技术特别的较真，对很多小白容易模糊的点都进行了从概念到应用的一个细致的剖析。比如说给大家举几个例子啊， 说选择期的权重到底如何计算呢？ vertical a、 line 到底是什么东西在对齐， b、 f、 c 到底是个啥东西等等，还有很多我就不再一一列举了， 就是这些问题你搞懂了，才是真正的夯实了基础，你才能扫清障碍，才能不给以后埋雷，再有掩饰生动也是咱们的一大亮点， 对于新手特别不好理解的，浮动啊，定位啊，变换啊，过度啊，动画啊等等这些我都配有非常精细的三 d 模型图和对应的小案例，你比方说啊，各位，三 d 坐标系我们是这么讲解的，哎，大家感 感受一下，再有浮动我们是这么讲解的，哎，大家也可以再感受一下，当然了，这仅仅是我们模型图里边的冰山一角，设计这些图的目的就是让大家看的更直观，学的更轻松，记得更深刻。 再有我们的网页设计稿精准而且专业。传统的设计稿呢，是这样的哎，其实就是在图片上啊，给他加上各种标注，这种方式呢，不仅乱，最主要的是现在公司里边已经不这么用了，那我们的设计稿是什么样的呢？哎，他长这模样， 我们找了专业的设计师，使用 figm 制作了企业级高保真的设计稿，让大家学习的时候拿到的设计稿就是以后实际开发中所用的设计稿。并且呢，我会手把手的带着大家精准的还原这个设计稿，让大家真正的能独立的去完成 一个网页。再有我们的工具芯全程使用目前最主流的 vs 扣的编辑器，并且对大家特别关心的设置和插件均进行了细致的讲解，让大家能够在最开始就玩转 vs 扣的这个开发利器， 我很荣幸能带着各位打开前端世界的大门。那来吧，各位，我们去下一小节正式的开始上课。

兄弟们，周日晚上好，旺仔前端小菜鸡又来了！这周末看了下上硅谷的甄选项目，感觉真不错，是我最喜欢的课程授课方式。上硅谷的课真的把每个知识点都掰碎了再讲出来，而不是简单的告诉我们怎么敲。上个阶段看的黑马，这种差异感觉非常明显， 黑马的视频更多的是教你怎么做，对于原理的讲解非常少听黑马的课，感觉老师在背书，而上规模的课，老师能知道你在想什么，而且在项目过程中能遇到的坑， 我会讲一些女神的入课程，大家应该都懂吧。好了，今天就到这里了，争取利用一个月的下班时间把这视频刷完，每天进步一点点。