余晖落尽暮晚霞,黄昏迟暮远山寻
本站
当前位置:网站首页 > 编程知识 > 正文

前端入门指南(前端基础入门)

xiyangw 2022-11-25 11:15 91 浏览 0 评论

这篇文章主要面向将来想从事前端工作的人儿。如果你正好想了解这方面的内容,那么这篇文章很适合你。本文主要从五个方面论述这个主题,即前端的一般理解,学习前端到底难不难,前端负责干什么,需要学习什么技术,和前端的未来(前端的未来这部分纯个人见解)。

什么是前端?

前端工程师,是距离用户最近的工种,维基百科对前端工程师的定义如下:

Front-end web development is the development of the graphical user interface of a website, through the use of HTML, CSS, and JavaScript, so that users can view and interact with that website

上边有几个关键点:

the graphical user interface of a website 一个网站的用户界面

HTML, CSS, and JavaScript 这是前端的三大基本件

html,css,js

也就是说所谓前端就是通过HTML, CSS, and JavaScript的组合,构建出网站的界面,从而使得用户可以与这个网站进行交互。 所谓交互就是指按钮的点击,表单的提交,输入框输入文字等等你现在可以进行的一切可视化操作,还有你看不到的’交互‘比如通过ajax将数据发送到服务端等等。

前端到底难不难?

前端入门极其简单,简单到你只要有个chrome浏览器,用个txt编辑器就可以进行前端的入门学习,比方你现在就可以打开你的浏览器然后摁F12,在命令行输入以下代码:

console.log('hello, world')

就能完成你的第一行代码的输入(ps: 基本每一门语言的入门都会让你打印个hello world,)。

再加上前端本身的特点:所见即所得,因为我们是做用户界面的,所以你敲的代码能很快变成具体的形状显示到浏览器上,这是一种编程新手初期会觉得很舒服的事情,如果再用CSS或者JS(即前文所说的JavaScript),加上动画效果,那这种感觉还会放大。

但是前端从中级跨越到高级这个层级会有点难度,对于现在的前端工程师而言,框架,开发工具周边,乃至JS语言本身,一天一个新花样,因此需要有很强的学习能力和接受变化的心态。

同时一个好的前端工程师要学习很多方面的知识,前端自身的语言和前端基础设施,安全,性能,简单的后端知识,乃至进阶的图形知识都需要学,所以学习的东西会很多:


前端技能

以上只是部分前端技能树图,关于学习的技能这个在第三个章节会详细讲到。

对具体工作而言,大多数的前端界面,比如一个to B的商务管理后台这种类型的网站,一般不会有太多复杂的交互,大多数人都能干得了。而在面向特殊领域诸如搞在线文档,3D开发之类的工作,那就比较有难度了。

最后对于难不难这个问题,一定要结合自身出发,大多数前端开发工作所需要的知识储备不会超过大学本科。然后还要看看现阶段社会对一个岗位的需求量是多大,量越大,意味着更少的竞争比,也更容易找着工作。 前端离计算机底层比较远了,因此计算机科学相关的出身是一个加分项,而且对于计算机学科出身的人来说,上手JS会更容易,但是对于非科班出身的人来说,用JS入门编程可能不是一个好的选择,这方面如过真要学习,建议从JS权威指南看起,基础部分一定要踏踏实实过一遍。

前端的职责是什么?

一般性的前端工作就是从UI接过设计稿,然后还原页面到浏览器,然后做各种交互,与后端对接接口,写写单元测试,最后做完了交给测试测测就OK了。

前端需要学习什么?

  • 首先基础三大件必不可少: javascript , CSS, HTML JS可以通过前边提到的权威指南入门,也推荐看MDN的文档学习 https://developer.mozilla.org/zh-CN/docs/Web
  • 进阶就需要掌握一门框架了,比如React, vue, Angular. 至于这个要学哪个,就看哪个框架能让你更快找到工作咯,想学啥学啥。
  • 然后掌握框架的时候,你就会遇到打包工具,比如webpack,vite,也会遇到node的一些列周边工程件,npm yarn等等
  • 最好一定要注重性能,性能涵盖的范围很广 打包,项目的运行时优化,交互优化,加载优化等等
  • 最好需要有http https 网络安全 等知识

前端的未来

这部分内容后续有计划在写。

相关推荐

高效删除文件名中的指定内容,祛除烦恼

如何快速批量删除文件名中的指定字符?在电脑整理文件时,我们常常需要进行批量重命名操作。如果文件名中含有不必要或重复的字符,这将影响文件的识别和查找。因此,删除这些文字或字符是非常必要且有效的。本文将分...

你的手机是不是经常提示存储空间不足?Python帮你清理重复文件

  最近我的手机经常提示存储空间不足,主要是微信和QQ群里接收的文件太多了,平时也没怎么整理。我把这些文件从手机里拷出来,打算整理一下,把该删的文件都删掉,把要备份的文件分门别类存到电脑或网盘上。我突...

从零开始打造云端AI管理调度平台(四)如何设计主页_1

最近闲来无事,想着把自己工作正在做的一个项目做一个简单的分享与实战教程,该项目不困难但是由于涉及要素过多所以比较复杂。所以这里分享出来也是为了帮助新手小白能在实战当中快速了解python知识。主要内容...

「万能Python」-17-标准库OS_python2.7标准库

Python的库是指预先编写好的代码集合,可以用来处理特定的任务或实现特定的功能。Python的标准库提供了许多常用的标准库,无需安装引入使用。Python3的标准库提供了许多常用的功能,包括...

十多行代码生成原帖和临写对照图_几十行代码可以申请软著吗

介绍这个小工具把原帖和临写分解成多列对照的形式。输入原帖图片,和输入临写图片,生成对照图片。使用说明运行compare.py文件,输入参数为:原帖图片文件名,临写图片文件名,列数。python3co...

Python合集之目录操作(四)_python之文件操作大全

1.删除目录删除目录可以通过os模块提供的rmdir()函数实现。通过rmdir()函数删除目录时,只有当要删除的目录为空时才起作用。os.rmdir(path)path为要删除的目录,可以使用绝对路...

excel办公自动化,自动合并excel表格

平时时收到不同人反馈的excel表格,需要将其合并在一个excel中,每个excel打开复制粘贴会很慢,如下脚本可一键合并所有的exceldefauto_merge():try:print('...

批量打开一个文件夹下面所有的excel表格

如果现在有一个文件夹,名称叫做“练习表格”,路径名是'C:\Users\123\Desktop\练习表格',现在的要求是打开这个文件下面所有的excel表格,后缀名字为“xlsx”,我...

500行代码,教你用python写个微信飞机大战

这几天在重温微信小游戏的飞机大战,玩着玩着就在思考人生了,这飞机大战怎么就可以做的那么好,操作简单,简单上手。帮助蹲厕族、YP族、饭圈女孩在无聊之余可以有一样东西让他们振作起来!让他们的左手/右手...

python 日志写入_python日志文件写入

1.第一步,新建日志文件路径,如下图:2.日志模块封装,代码如下:importlogging,oslogs_path=os.path.join(os.path.dirname(__file...

Python os.path模块使用指南:轻松处理文件路径

前言在Python编程中,文件和目录的操作是非常重要的一部分。为了方便用户进行文件和目录的操作,Python标准库提供了os模块。其中,os.path子模块提供了一些处理文件路径的函数和方法。本文主要...

Python中获取当前路径之pathilb和os的区别

20230114星期六:1,直接在py脚本中,执行,没有区别;2,打包成exe文件以后,在本机执行,有区别,这时,不能使用os.path.dirname(__file__),只能使用pathlib.P...

Python(办公自动化编程系列)学习笔记1

1、获得当前程序工作目录importos#os.getcwd()函数可以取得当前工作路径的字符串print(os.getcwd())运行结果2、获得程序文件夹相对路径#相对路径都用/表示#../...

文件路径名Pathnames的操作_路径和文件名是什么意思

1.现象问题使用路径名来获取文件名,目录名,绝对路径等等2.原因分析无3.问题解决使用os.path模块中的函数来操作路径名importos.path#查看标准化的绝对路径print...

关于《Python入门:os常用函数》中复制文件(夹)函数从简到繁

基本考虑练习os模块及file读写操作:将给定的源路径的文件(夹)复制到目标路径简单实现#文件到文件的复制path_src='E:\src.txt'path_tar='D...

取消回复欢迎 发表评论: