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