Video class: https://edu.csdn.net/course/play/7621
What exactly is a web front end?
A certain product: "In the past few years, front-end developers were mixed, the technology was uneven, and the relative learning was not standardized, which led to the gathering of front-end developers, so now the front-end job types and wages have not received general attention, but in the past two years,> > The popularity of HTML5 and JS has made the front-end extremely popular. Will it be more promising in the future? What do you think?"
I
"I can only tell you: the front end is not destroyed"
"Unless you are shameless!"
"Because domestic shameless people a few years ago, but now I understand that the user experience is supreme, now you have to face;"
"Not only the face but also the chest Good work! Use it comfortably"
"A bed at the back and a girl with good looks at the front, do you think it's important?"
A certain product: "Hey! You mean it can be on the ground or in the kitchen, but how can it be done without a girl?... [Big dirty]"
The above dialogue is a dialogue I answered in the group two days ago.
Someone asked me why your example is so vivid and true that it makes people feel more passionate. I can only tell you: My main business is a joke and my side business is the code. Can you make a mistake?
Okay, let me briefly and roughly introduce myself: 3 features
- I am the most handsome!
- I am the most handsome!
- I am the most handsome!
O(∩_∩)O Okay, we have known each other, we have entered the stage of knowing each other (I wiped it, too soon, right?)
Before I talk about the paragraph, I have the need and responsibility to explain:
{What is "web front-end development"? ｝
｛Is "web front-end development" promising? ｝
｛How to learn "web front-end development"? ｝
These 3 objects are your first love in the [front end] pit, yes! That's right, fall in love with 3 people at the same time (I know you must have done [evil face] in college).
NO 1: What is web front-end development?
Foreword: Disclaimer, I am a grassroots, not an academic; those crackling, crackling definitions and terminology explanations, you can not see in the series of articles of such a handsome person like me hehe!
[La la la la la la, I am a small connoisseur of newspapers, not afraid of hardship, not tired. . ]. . . Sudden change of style
Digress! But having said that, this popular nursery rhyme deeply reflects the state of our web front-end industry. Experts, freedom, but only after experiencing hardship and tiredness will you gain. Other industries are mostly bitter and tired, and our big front-end must be free, fun, and free.
This handsome feeling: If you do any thing, if it is dictated by interest, you will definitely stick to it until you grow old. It is logical to change from a rookie to a great god. Because your experience will wash away with the time of your appearance, and finally you will find the most meaningful thing when you look back:
I rubbed it, and got a raise! (^o^)/YES!
With so much nonsense, let’s get to the point: In fact, the web front-end position does not have a valid history record to query, and there is no clear definition. It is not like java siege lion and c++ development at the beginning. Like clearly positioned types of work, there are core skills that can be described. For example, java development, as the name suggests, is to use java programs to develop functions, php development: use php to be a mall and so on.
You will find: Our front-end girl, she doesn't even have a logo and anthropomorphic graphics to describe (isn't it nonsense?) But it doesn't matter, let a handsome person rectify her name. O(∩_∩)O~
1. The evolution of the web front end
Web front-end development engineer is a very new profession, and it has not been more than 10 years since it has really started to receive attention both domestically and internationally. Web front-end development evolved from the production of web pages, and the name has obvious characteristics of the times. In the evolution of the Internet, web page production was a product of the Web 1.0 era. At that time, the main content of the website was static, and the behavior of users using the website was mainly browsing.
After 2005, the Internet entered the Web 2.0 era, and a large number of Web applications similar to desktop software emerged, and the front end of the website has undergone earth-shaking changes. Web pages are no longer just carrying single text and pictures. Various rich media make the content of the web pages more vivid. The software-based interactive forms on the web pages provide users with a better experience. These are all based on front-end technology.
With the popularization of the concept of WEB2.0 and the promotion of W3C organization, the influence of website reconstruction is increasing at an alarming rate.
The front end is developing rapidly
The above paragraph of annotations and explanations are some appendices of a certain department. (Such a boring thing, let others summarize it, right?) It probably explains how the web was in the past and the importance of Web2.0.
其实中国的“web前端开发攻城狮”这个职位好多人并不知道是怎么叫出来的，那么我偷偷 <(￣︶￣)>告诉你：其实是淘宝团队，发明出来的本土化的名称，因为历史原因，淘宝在2005以后迅速崛起，并且爆发式的访问量，让淘宝网的用户体验受到巨大考验和急需前进。
然后淘宝官方第一次有了【 web前端开发 】这个字眼和招聘职位，或许其他网站也想到了这样一种描述，但是毕竟知名度巨高的淘宝，受关注度自然高，口碑相传，就把【前端开发】这个叫法发扬光大了。
在早期点Web前端不叫前端，而是被亲切的叫做“网页设计师”，没错你没看错，就是这个名字，我记得那时候 【网页三剑客】的说法满天飞，你掌握了这3贱客，真的很贱，就可以被人叫做网页设计师了。
网页三剑客：DW\FW\Falsh
网页三剑客（Flash、Dreamweaver、Firewoks) 并称为Macromedia的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合 。后来Firewoks被Adobe这个变态的巨头收购以后，ps就基本取代Firewoks来做设计网页的工作了，虽然我知道现在还有人用，估计是一种怀念和某些好用的切图功能吧。
而那时候的网页设计师 如果要入此道，必须要掌握的就是Dreamweaver，并不是说只有他能写html 和 css ，而是它在当时的自动提示实在太好用、太强大了，简直不用费脑细胞，你就可以轻轻松松的完成你所想。在当时前端工具和编辑器贫乏的时代，这个绝对是神奇级别了（当然后来 写的多了都熟悉基本不用提示的）。当年还有很多基于Dreamweaver构建网站的教程，那时候真的是个基情满满的年代，这些工具类的历史产物，有兴趣的朋友可以去了解一下就好了，我们不在多舌。
二、web前端开发入门，需要掌握哪些基础
虽说这个问题很大，但是这个话题就很好回答了；因为现在前端如此眼花缭乱，技能多多，都是基于此三板斧：
HTML、CSS、JavaScript
语言基础：HTML、CSS、JavaScript
思想标准：W3C标准
W3C万维网联盟创建于1994年，是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止，W3C已发布了200多项影响深远的Web技术标准及实施指南，如广为业界采用的超文本标记语言（标准通用标记语言下的一个应用）、可扩展标记语言等，有效促进了Web技术的互相兼容，对互联网技术的发展和应用起到了基础性和根本性的支撑作用。
所以 我们现在运用的html 超文本标记语言，css 等所有基于web技术的范畴，基本都是w3c标准，并全世界统一执行的，所以符合w3c 也就是开启前段之门了。
web前端，首先不是孤立存在的，前端相对于web后端编程而言，前端是浏览器自身支持的编程语言，包括html,css,javascript
HTML： 是构成网页展示的基础，是一种很简单可视化的标识语言，说白了就是 一是一，你写二就出二。网上所有的网页网站，不管多么牛鼻最后都会转化成html，被浏览器渲染出来，用作展示。
CSS： 又称作样式表，简单点说就是html的外衣，将html包装的明艳动人。
JavaScript：是一种直译式脚本语言，非常灵活，可以在任何浏览器上开发与调试的一种动态类型、弱类型、基于原型的语言。
（关于js这个让人又爱又恨的语言，我们到后面会着重介绍和学习，因为掌握此技能， 你就拥有了全世界，说全世界是扯淡的，说白了拥有了 money和妹子）
NO 2： web前端开发 ”到底有前途吗？
如果你在2012年以前 这么问，或许很多人会思考一下，给你说不知道，应该没后端编程有前途吧，或者直接说，web前端有啥啊？不就写个网页、js吗？工资又低。。。。
但现在是2016年了亲，我只能说以后都会是前端年，很久以前不懂web前端的人观念大概是：
xx是美工，让他弄个网页过来
xx你好，你能给我切割按钮过来吗，我后面需要用
xx你alert一下，看我数据传过去了没。
xx xx xx 的
xx你麻痹啊xx！不要叫我美工，谁叫我跟谁急；不要叫我页面仔，虽说每个扎实的前端都是页面仔过来的；更不要侮辱我的职业，以为前端只是写页面、切图。。
然而现在的真实情况是这样的：
hi，小北你这个是什么效果啊，这么牛，css3 html5做的？【css3 html5 笑而不语】
我擦，这，这 怎么自动就刷新了，吓我一跳啊，我还拉回切换着f5呢【gulp、 webpack等构建工具笑而不语】
哎呦，js真牛逼啊，连后台数据库都能操作了，服务器都能构建了【nodejs笑而不语】
哥，你需要什么形式的json串啊， 我这边好生成一下，哥，你过来看一下这个体验怎么样？【老子 不笑，也不会语。尼玛要累死我？】
随着html5的普罗天下，css3的风靡全球，随着nodejs 的崛起，JavaScript这个最容易被人误解的语言，终于散发了它本该有的光芒（不要以为是我抄的别人的话，本篇文章纯属原创，我就是这么有才！）
Javascript这个牛鼻的历史产物，现在真的可以说是万能的，至少在web层面是这样，交互、效果、数据操作、娱乐游戏、操作文件io等等。
由于现在是web应用时代，各种尺寸的电子设备，增长式的爆发，只要和屏幕有关的 就是颜值，颜值代表了一切，你说前端有前途吗？
html5、网页游戏风靡全球，需要页面展现的东西 都是前端范畴，你说有前途吗？
目前世界上最多的可视化物质是什么？蚂蚁？人？还有人说是TT（泥煤，亏你想的出来），那么我告诉你，是网页，网页 ，网页，据统计现在全世界 有亿级别的网页，请问什么概念，你说有前途吗？
最直观的：前端的工资 从前几年的平均几K 到现在的10 20 k 。
你说有前途没?
由于本篇文章是 我 前端系列文章的第一篇，只介绍下历史原因 和 为前端正名，并且有效提升初学者和怀疑者的兴趣，所以一些名词的介绍和意义，大家先自行谷歌、度娘一下，后面我们会一一道来。