什么是前端
说的通俗浅显一点,做前端工程师的目的就是根据浏览器的规定,使用html、css、JavaScript等语言写一个能让浏览器看得懂代码,挂在某个服务器上;用户在浏览器中输入地址请求你的服务器,服务器将这些代码发送给浏览器;浏览器根据收到的代码进行解析编译,最后展示出相应的图像。
前端页面做出来能干什么? web前端做出来大致分为三种用途。展示内容、规范流程、即时工具。 展示内容很好理解,很多企业或者app都会有相应的网页,一般用来展示这个公司或者这个网页的用途。 规范流程也很好理解,一般使用电脑打开网页大家都是进行一些工作,就需要有一些信息和文件的提交,将一些信息和文件提交不是随意提交的,而是需要有一些规范和流程,这些操作的流程就是前端同学要提供和告知用户的。 当用户打开网页作为工具时,一般是因为这样的工具平时使用频率低,并且非常着急通过网页获得一些功能,这时候前端页面一般提供的是一些核心功能的支持,当用户觉得这个功能确实好用之后,可能会去下载相应的app。
前端页面在用户和互联网交互过程类似于快餐,如果这份快餐能够好吃,那么用户就会在这家店里购买更多的东西。所以作为互联网中的快餐,一个优秀的前端页面一定是给用户带来顺畅、清晰易懂的体验的。
前端如何入门
想要入门前端很简单。
- 首先我们用HTML和CSS先做一个最简单的前端页面,切身的感受一下html标签在浏览器中展示。 (可以看《head first HTML》,这本书写的通俗易懂,一定能让小白的你学会、JavaScript可以搜廖雪峰的JavaScript教程、如果想要进一步了解JavaScript,就需要看《JavaScript忍着秘籍》《javaScript高级编程语言》);
- 然后我们了解学习为什么html和css和JavaScript语言能够控制浏览器页面展示的内容,并且了解浏览器是如何做到的(www.html5rocks.com/zh/tutorial… 这篇文章很清晰的讲述了浏览器是如何工作的)
- 最后我们去了解前后端是如何交互与通信的 (了解ajax 和 websocket)。
学会上述三点,恭喜你,已经入门前端了。上述的三个部分是前端的基础。但是想要在工作中和同事一起开发前端页面,你还需要学习前端框架(react、angular已经比较老了、vue)、脚手架(webpack、vite最新新起的)、npm(世界上最大的JavaScript库,一般公司内部也会搭建)、git(blog.manxiaozhi.com/articles/20… 在工作中常用的git命令)。
熟练掌握工作中的前端开发就可以考虑如何提升开发效率,让自己从重复的工作中解放出来,学习更多流行的新概念。