前言

前端作为网站开发等项目的重要一环，一直保持着程序员们研究以及讨论的热度，前端的上手难度相较于后端来说的确会容易一些，也更容易产生成就感，因此从前端做起也是一部分新手程序员的第一选择，但事实上要精通前端开发所用的技术以及相关软件还是十分有难度的，而且前端技术处于高速变化的状态，前端程序员需要进行持续的学习。
本文主要对前端所用的某些基本技术进行简单的介绍，希望能够帮到对前端开发感兴趣而不知道从哪里开始的同学。

一、做前端要用到哪些技术？

一般来说，做前端所需要的最低限度的技术就是HTML、CSS、JavaScript 这三种语言，这三种语言互相配合、加在一起构成一个具有功能逻辑以及丰富色彩的网页，如何熟练巧妙地运用这三种语言是做好一个对用户友好、对一起开发的同事友好的网页的关键。

1.HTML

相信大家在学校里应该都学过或者听说过C语言乃至C++，不同于C/C++的是，HTML并不是传统意义上的“编程语言”，准确的说HTML应该是一种“标记语言”，它主要用于描述网页的结构，用比喻来说的话HTML在前端开发中承担着“骨架”的作用，是实际开发工作中要首先进行的。
HTML的主要组成部分是“标签”，通过标签开发者可以对网页进行一个基本的结构划分，在确定结构后再开始对样式进行渲染（CSS），对逻辑进行搭建（JavaScript）。
HTML的标签数量众多，但是只需要掌握有限的一部分，就可以满足实际工作的最低需要了，在这里先不对必须要掌握的标签进行赘述，毕竟是简介嘛，稍后俺会再发关于HTML标签的更加详细的介绍，HTML标签，可以去这个链接里了解一下基本的HTML标签，HTML文件的后缀名是 .html，看到这个后缀名，你就知道可以用浏览器打开它了。

2.CSS

如果说HTML对于前端来说是骨架，那么CSS就是血肉以及皮肤，CSS主要负责的是高效地定义HTML元素的外观和样式，包括布局、色彩、以及层叠关系等，CSS操作的对象主要是“类”，也就是class，类简单来说是HTML标签的一个属性，可以人为的去赋予，CSS以类为基本单位来对HTML元素的样式进行定义或修改，CSS文件的后缀名为 .css

3.JavaScript

JavaScript对于前端来说主要发挥着类似“神经”的作用，没有JavaScript，只有HTML/CSS的网页相当于“植物人”，虽然形态具备但并不能进行活动，JavaScript是一种编程语言，如果学过C/C++，你就能发现许多语法（一般是比较基础的语法）还是比较类似的，但是JavaScript也具有许多针对HTML的语法，比如：document.getElementById等 JavaScript文件的后缀名为 .js

二、一些其他的工具或技术

1.PhotoShop

是的，就是PS，前端的工作对图片素材有较高的要求，而这些素材并不是我们一直都能在网上找到的，因此前端工作者应该对PS有基本的应用知识和经验，至少图章和抠图啥的得会吧，毕竟学校里社团或者学生会也会要求PS不是~。

2.Postman

这个软件主要是用来测试接口用的，是跟后端的好兄弟沟通的利器，通过postman你就可以知道后端给前端发过来的具体数据，就可以对前端产生的一些错误进行调试

3.Visual Studio Code（VSC)

就像新入学的魔法师一定要有魔杖一样，程序猿也得选个好的代码编辑器，VSC也是经过许多前端人验证过了，还是非常好用的，不但支持中文，而且有庞大的插件库可供选择

3.GIT

GIT简单来说就是用来管理代码的，一个人开发的话还好，若是多个人进行同一个项目开发的就会产生代码冲突等一系列问题，这时候就是GIT大显身手的时候了，GIT可以通过建立分支进行分别管理的方式将多个人的代码分开来并自动检测修改和冲突，是项目管理的神器

总结

以上就是我目前能想到的一些内容，说到底俺也只是个刚毕业参加工作的菜鸡，这些东西还是周六上午加班时仓促写的（悲），写这些东西主要是为了自己对这几天敲代码所得到知识进行记录以及帮助一些和我一样的新手，如果有幸被大神看到了，就请各位斧正、刀正、锤子正。

一名菜鸟程序猿对前端的简单理解及介绍相关推荐

剑指offer笔记（三）菜鸟程序猿和高级攻城狮码赋值运算符函数的区别
赋值运算符函数小小的一个赋值运算符函数的写法完全可以区分出一个程序猿的功底运算符函数是C++中经典的运算符重载函数对于给定一个类: class my_string { public:my_str ...
防止程序猿和前端狗打架的几条约定
一个项目或者产品的出生,往往包含需求.开发.测试再到生产,不是前端一个人在战斗,而是一个团队,少则3-4人,多则十几人,那么问题来了,开发人员需要遵守哪些约定,才能不让程序猿和前端狗不打起来呢? ...
好程序员web前端分享如何理解JS单线程
好程序员web前端分享如何理解JS单线程,JS本质是单线程的.也就是说,它并不能像JAVA语言那样,两个线程并发执行. 但我们平时看到的JS,分明是可以同时运作很多任务的,这又是怎么回事呢? 首先,J ...
献给大学生，未来程序猿的前端学习网站
* 视频学习网站,请阅读我的<读大学的你,还在迷茫吗?快看看这些视频学习网站> * 1.博客园(http://www.cnblogs.com/) 博客园创立于2004年1月,是一个面向开发 ...
菜鸟程序猿开发注意事项
前言:马上快毕业的人,现在上班和以前暑假实习完全是两个不同的投入状态.以前还得读书,还有选择.现在就必须在公司好好充电,得好好拼拼.男人,尤其是还没妹子的男人.各种压力.不过我总相信,一分付出,一分收 ...
一名大专程序员的前端转型之路
作者 | 张旭乾责编 | 梦依丹出品 | CSDN(id:csdnnews) 前端和后端开发,哪一个更容易上手?我们时常会在各大技术论坛看到类似的提问.话说兴趣是最好的老师,不实践,你可能很难知 ...
作为一名android程序猿应了解的
一.心态心态很重要! 心态很重要! 心态很重要! 重要的事情说三遍,这一点我觉得是必须放到前面来讲. 找工作之前,有一点你必须清楚,就是找工作是一件看缘分的事情,不是你很牛逼,你就一定能进你想进的公 ...
一个菜鸟程序猿--再谈六月坚持英语学习
有时候想想,这人生就是一个又一个车站,走到一个网站,累了,歇一歇.明天还得继续出发,而一路上,也会遇到不同的人来陪我们一起走,大家或陌生,或熟悉,总会给我们孤独的心里一种温暖的陪伴. 一个人的路,走的 ...
程序猿必备！最简单的颈椎操
现在的年轻人,平时不是对着电脑就是低头玩手机,经常低头伏案,使得颈椎正常的生理屈度变直.时间长了,对颈椎健康非常不利!应广大IT盆友们的要求,今天小宅给大家分享适合长期伏案工作的你们的颈椎操,保护好颈 ...

一名菜鸟程序猿对前端的简单理解及介绍

目录

前言