每一个你看到的互联网产品界面都离不开前端开发者的辛勤付出

1991第一个静态页面诞生到现在，万维网已然发展了30年，页面从最初的只是一些文字的展示，到如今的文字，图片，音乐，视频等各种媒介的展示，内容越来越丰富，界面也越来越精美。

纵然各种设计精美的网页，app看似复杂，但是最基础的却是这三个东西结合起来的成果，他们就是前端开发的基石：HTML,CSS,JS. 简单解释一下这三个缩写词的意思：

HTML--超文本标记语言（英语：HyperText Markup Language）是一种用于创建网页的标准标记语言。通俗来说就是类似于word文档里面用以标记标题，段落，图片的结构化信息语言。

CSS: 层叠样式表单(Cascading Style Sheets的简称),一个网页或者UI界面，单纯是文字，并不好看，这就需要修改一下排版，样式，字体，颜色，背景等，CSS就是处理这个工作的。

JS: javascript语言的简称。在互联网产品中，仅仅是静态的页面没有互动太不好玩了，特别是现在移动端，每一个步骤都是用户与产品的互动，而JS就是处理页面互动效果和逻辑的语言。

纵然前端技术历经了快速而繁多的变化，从单纯的HTML,CSS,JS为基础的开发，发展到现在以框架开发为主的潮流，技术由简到繁，由结构由单一到组件开发。

最基础的还是HTML,CSS，JS三大法宝。

个人几年的前端开发，也由入局的基础技能进阶到框架开发，回头来看，框架也是以最基础的逻辑和架子搭建起来的，没有这些最基础的知识基地，也成就不了今日前端框架的崛起。

想学习前端技术，还得从最基础的开始学习，分三步做起：

第一步：学习，找几本经典的前端技书籍仔细的去学习，学习最基础的概念，逻辑等。

第二步：思考，学习的过程中，多思考，多对比工作中常用到的其他语言或者工具，如word文档的排版等。

第三步：练习，通过学习和思考，你大致能理解一个前端开发的过程和基础的语言运用逻辑，在这个基础上，进行大量的代码练习，孰能生巧。

通过这三步反复的训练，你就能够跨入门前端开发的基础门槛了。

入门开发基础后，后续如何提升？

熟悉了框架开发后，反而对基础的知识没那么重视了，所以后续的计划，会在保持对框架的学习之余，再回过头来再重新系统的学习前端的三大基础知识。

当然，一个产品最终上线，少不了设计，后端，运营，等一些列的配合，仅仅做一个前端开发，知识面虽专，但是认知面不够广。

站在产品开发的立场上，多学习一个产品开发系统的知识，拓宽视野，这个也是计划之中的事情。

前端开发是整个互联网产品中不可或缺的一部分。

珍爱生命，关爱程序员。

分享日常所想，欢迎乘坐@音乐末班车，晚安！