如何成为一名前端开发工程师

如何成为一名前端开发工程师

先不考虑计算机基础知识的话,从下列几个方面开始学习。

1. HTML

这是里面最基础的部分,官方解释定义如下:

什么是 HTML?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

总结成一句话,就是一种语言,就像英语,汉语一样,这是在人与人之前流通的,但是这个HTML语言,就是在浏览器中流通的,浏览器能读懂。你要写出浏览器能懂的代码。

<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

写上这样一段话,存成.html文件,在浏览器中打开,就你就看到效果了。
其中有<html></html>这种叫做标签。像学一门外语一样。

第一步:记单词。
背下面HTML里面的所有标签,并理解他们的含义。
第二步:语法。
知道每个标签的应用场景。
第三步:成句子。
组合每个标签,开发出有意义的标签组合。浏览器能翻译出来的页面。

2. CSS

CSS (层叠样式表)
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

CSS用于美化HTML页面,让HTML中的标签显示的更美观。比如,你要显示不同的背景色,就在style中这样写。

<html>
<head>
<style type="text/css">
body {background-color: yellow}
h1 {background-color: #00ff00}
</style>
</head>
<body>
<h1>这是标题 1</h1>
</body>
</html>

3.JAVASCRIPT

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。

这个也是用来修饰网页的,你可以理解成HTML是静态的页面结构显示,CSS是用来修饰页面怎么显示,如颜色样式。JS是用来修饰页面如何动态显示的。

<html>
<head>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "段落被更改。";
}
</script>
</head>
<body>

<h1>一张网页</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">试一试</button>

</body>
</html>

以上这三点是前端的基础,
先把基础学好了,再就是学一些开发工具的应用。
如VScode 、WEBstorm

扫描二维码关注公众号,回复: 10619162 查看本文章
发布了10 篇原创文章 · 获赞 13 · 访问量 3642

猜你喜欢

转载自blog.csdn.net/mengsandy/article/details/105270299