前端小白初识Web开发笔记|青训营

霸王龙蛋蛋
109 阅读4分钟

Web标准与前端开发

本人作为前端小白，对于前端发展历史、技术路线等一概不通。在自学完html、css、js后，需要了解前端开发的基本概况，有助于更好地制定接下来的学习路线~本篇为学习直播课所记的笔记，里面也有一些前端小白刚接触这些产生的思考。大家就当看笑话啦~

一、Web开发基本情况

1.起源

（1）1989年Tim Berners-Lee提出有关互联网的构想。

他设计的Web架构由三种技术构成：

  • HTML
  • HTTP
  • URL

而css和java script是几年之后才出现的。

（2）Web发展经过了三个时期：

  • 只读时代：单向发布、链接跳转

  • 体验时代：动态交互

  • 敏捷时代：组件化、模块化

    其中只读时代的技术基础是html,css,js。这样看来我目前学的知识只是第一阶段的哈哈哈......未来路还很长，继续努力吧！

2. 前端开发应用的领域

（1）to B/C/D

business,customer,developer是前端开发面向的三个领域。以前和学长交流时，他建议应届生一定要做一份to B的工作，可能做toB的业务要面向特定的客户群体，有助于了解如何做自身业务才能提升自己在行业内的不可替代性？（我猜的）

（2）浏览器

分为Desktop和Mobile两种。

推荐文章：深入理解现代浏览器

在学习写js代码的时候，经常使用浏览器的调试功能，用的最多的是控制台Console和Application里的LocalStrorage,其他看不懂的东西也还有很多，一些我还没有了解，例如http请求状态之类的。

（3）服务器

node.js是最主要的服务器。之前总是听到这个词不知道是什么，原来是服务器。

前端开发者必须要熟悉一些后端的知识，以及掌握服务器和前后端交互等。我接下来要学习前后端交互方面的内容，了解下node是必不可少的。

（4）终端和跨端

react,vue,Webpack等终端又称脚手架，是一种便于搭建项目的命令行工具。

总是听大家讲这些框架，我的猜想是这些框架类似于组装汽车，将封装好的零件直接拿来用，而不需熟悉零件内部的底层逻辑。因此实际开发中应用这些远比自己一个个敲代码效率高。

（5）语言

除了已知的三件套，原来像C++，C这些语言也可以编译成WebAssembly，与js配合可以极大提升浏览器的性能。这个领域非常有前景，值得了解！

（6）框架

了解框架前最好先了解框架作者，能更好理解框架的应用和特点！

image.png

别看这么多，但是选一门喜欢的学到精就好啦 ~

二、Web标准

Web标准是开放的，不是任何一家公司专有的技术。因此作为开发者，学习Web标准对于把控整个行业的发展都十分重要。

1、W3C(制定Web标准的组织)

此外，W3C还有许多会议，成为其会员可以参与会议。例如W3C会议是一年一度的全球技术大会。

三、学习路线图

根据老师给出的这张图，总结了一下前端学习推荐路线：

Internet(先要了解浏览器和互联网，HTTP、主机、托管等工作原理）->HTML—>CSS(布局、响应式设计等）->JS（语法，DOM操作、es6等）->版本控制(Versiom Control Systems)->git的基本使用（代码仓库的托管服务）->包管理工具（npm,yarn)->构建工具（esbuild,Webpack)->框架（react,vue等)—>现代css(css组件)->Web compoents(浏览器组件)->css框架->测试->Typescript->服务端渲染->移动应用开发->桌面应用开发->Web Assembly......

这也许是高精尖开发者是学习路线吧.......

四、总结与反思

直播课老师提到的东西好多，吓到我了，但看网上好像说学到框架就可以试着找工作了？

看网上的建议是：在学习框架之前一定要自己用js等写一些项目，因为vue等框架就是通过js实现的。有些人甚至不学js直接学vue(显然这样不合适)。

那么作为一个目前只会HTML，CSS,js的前端小白，我认为:如果把用框架搭项目比作组装汽车，那么手敲js代码就是自己造零件再组装汽车——既然如此，就没必要对框架有畏难心理了。就像自己写verilog代码和直接用别人的软核一样，更基础的反而比偏应用层的难一些（可能吧？我猜的）。

那么接下来的任务是：学习http协议，掌握前后端交互的技术，以及打牢js基础，多做一些项目。框架什么的这个假期看样子是来不及了，以后再学叭（

avatar
文章
阅读
粉丝