This article was first published on my CSDN

Some goods: “a few years ago the front-end developer jumbly, technology is uneven, the relative learning up is not standard, lead to > front-end developers gathered, so now the front type of work and wages still didn’t get widespread attention, but the recent 2 years, > > Vue, the popularity of the React, let the front-end unusually hot, will be more promising in the future? What do you think?”

I

“All I can tell you is that the front end is not dead.”

‘Unless you have shame!

“A few years ago because the domestic are shameless, but now understand the user experience first, now all want to face;”

The above dialogue is a dialogue I answered in the group two days ago. I’ve been asked why your examples are so vivid, so real, so exciting. I can only tell you: my main business is a joke, sideline is code, you make a mistake, ok? Ok, let me briefly introduce myself: three characteristics

  1. I am the most handsome!
  2. I am the most handsome!
  3. I am the most handsome!

Ok, we already know each other, we have entered the phase of acquaintance (holy shit, is that too soon?).

Now, before I tell you a joke, it’s my duty and my duty to explain:

{what is “Web front-end development”? }

{does “Web front-end development” have a future? }

{” Web front-end development “exactly how to learn? }

These 3 objects are your first love in this pit

What is “NO 1: Web Front-end Development”?

Preface: Declaration ah, I am a grassroots school, not academic school; Those a crackling, crackling various definitions and terminology explanation, you in my so handsome people series of articles, not see hey hey!

La la la la la, I am selling newspaper small expert, not afraid of hardship, not afraid of tired. . Painting style mutation

Carried away! However, this popular children’s song, a profound reflection of our Web front-end industry of the state of a job. Expert, freedom, but to experience pain, tired will have a harvest. Other industries, bitter, tired, and our big front that must be free, fun, follow one’s inclinations of a job.

Ben Shuai’s feeling: do any one thing, if it is interest, it will stick to the old, from the rookie to god is a natural thing. Because your experience will wash over time with your level of appearance, and eventually you’ll find the most meaningful thing in retrospect:

Oh, my god! I got a raise! (^o^)/YES!

With all this talk, let’s get to the point: in fact, there is no effective history of the web front-end position, let alone a clear definition, it is not like Java siege lion, c++ development, which has a clear position from the beginning, there are core skills can be described. For example, Java development, as the name implies, is the use of Java procedures to develop functions, PHP development: use PHP to do a mall and so on.

The evolution of the Web front end

Web front-end development engineer is a fairly new profession, and it has been less than a decade since it really began to gain traction domestically and internationally. Web front-end development evolved from Web page production, the name has a very obvious characteristics of The Times. In the evolution of the Internet, Web creation is a product of the Web 1.0 era, when the main content of the website was static, and users’ behavior of using the website was mainly browsing.

After 2005, the Internet entered the Era of Web 2.0, a large number of Web applications similar to desktop software emerged, and the front end of websites has undergone earth-shaking changes. Web pages are no longer just loaded with single words and pictures. Various rich media make the content of web pages more vivid, and the interactive forms of software on web pages provide users with better use experience. All these are realized based on front-end technology.

With the spread of WEB2.0 concepts and W3C organizations, the impact of web refactoring is growing at an amazing rate.

Rapid development of the front end

The above paragraph annotated explanation, is some appendix of a certain department, (so boring things, let others to sum up right? It Outlines how the web used to be and the importance of Web2.0.

In fact, many people in China don’t know how to name the position of “Web front-end development siege lion”, so I secretly <()> tell you: In fact, it is a localized name invented by taobao team. Due to historical reasons, Taobao rose rapidly after 2005, and the explosive number of visits made taobao’s user experience subjected to a huge test and urgently needed to advance.

Then Taobao official for the first time had the word [Web front-end development] and recruitment positions, perhaps other websites also thought of such a description, but after all, taobao is well-known, attention is naturally high, word of mouth, the [front-end development] this name has been carried forward.

In the early point Web front-end is not called front-end, but was affectionately called “Web designer”, yes you did not read wrong, is this name, I remember at that time [Web three swordsmen] of the statement flying all over the place, you master the 3 cheap guests, really cheap, can be called the Web designer.

Three musketeers: DW\FW\Falsh

Page three Musketeers

Webpage three swordsmen (Flash, Dreamweaver, Firewoks) and called Macromedia webpage production three swordsmen, because is the product of the same company, thus has a very close combination on the function. After Firewoks was acquired by the giant morbid Adobe, PHOTOSHOP basically took over Firewoks for designing web pages, although I know people still use it today, probably because of nostalgia and some nice photoshop features.

Dreamweaver wasn’t the only one who could write HTML and CSS, but its autoprompt was so good and powerful that it didn’t cost any brain cells to do what you wanted. At a time when front-end tools and editors were scarce, this was definitely a magical level (of course, I’ve written a lot since then and I’m familiar with the basics without prompting). At that time, there were a lot of tutorials based on Dreamweaver to build websites, it was really a gay love full era, these tools of history products, interested friends can go to know about it, we are not talkative.

Second, web front-end development, what are the basics to master

It’s a big question, but it’s easy to answer; Because now the front end is so dazzling, a lot of skills, are based on the three axe: HTML, CSS, JavaScript

W3C

Language foundation: HTML, CSS, JavaScript

Thought standard: W3C standard

The WORLD Wide Web Consortium (W3C), founded in 1994, is the most authoritative and influential international neutral technical standards body in the field of Web technology. So far, W3C has issued more than 200 far-reaching standards and implementation guidelines for Web technology, such as hypertext Markup Language (an application of standard Common Markup Language), extensible Markup language, which is widely adopted by the industry, effectively promoting the compatibility of Web technology. It has played a fundamental and fundamental role in supporting the development and application of Internet technology.

So we now use HTML hypertext markup language, CSS and other categories based on web technology, are basically W3C standards, and unified implementation of the world, so in line with w3c is to open the door of the previous paragraph. The Web front end, first of all, is not isolated. Compared with the Web back-end programming, the front end is the programming language supported by the browser itself, including HTML, CSS and javascript

HTML: is the basis of web page display, is a very simple visual logo language, to put it bluntly is one is one, you write two out of two. Every web site on the Web, no matter how awesome, is eventually turned into HTML, rendered by the browser, and used for display.

CSS: Also known as style sheets, simply put, is the HTML coat, HTML packaging beautiful.

JavaScript: A very flexible, dynamically typed, weakly typed, prototype-based language that can be developed and debugged in any browser. (Js this let people love and hate the language, we will focus on the later introduction and learning, because master this skill, you have the world, said the world is bullshit, said to have money and girl)

NO 2: Is there a future for Web Front-end development?

If you had asked this question before 2012, a lot of people would have thought, “I don’t know, not as promising as back-end programming,” or “What’s the web front end?” Don’t write a web page, JS? The wages are low…

But now it is 2016, I can only say that the future will be the year of the front end, a long time ago, people who did not understand the web front end of the concept is probably:

Xx is an artist. Ask him to make a web page

Xx hello, can you pass me the cut button, I need it later

Xx please alert me to see if my data has been transmitted.

Xx xx xx

Xx you paralysis, xx! Don’t call me artist, who called me with who urgent; Don’t call me page son, although every solid front end is page son come over; Don’t t insult my career, that the front end is just to write pages, cut.

But here’s what’s really going on:

Hi, small north you this is what effect ah, so cattle, CSS3 HTML5 do? 【 CSS3 HTML5 laugh without language 】

How come this automatically refreshes? I’m surprised. I’m still switching back to f5.

Wow, js is awesome, even the backend database can operate, the server can build.

Brother, what form of JSON string do you need? I can generate it for you. Brother, would you like to have a look at this experience? Lao Tze don’t smile, also can’t speak. What a tired me?

With HTML5 in the ascends, CSS3 in the ascends, and NodeJS in the ascends, JavaScript, one of the most misunderstood languages in the world, is finally starting to shine as it should.

Javascript, the granddaddy of history, is now really everything, at least on the Web level, for interaction, effects, data manipulation, entertaining games, manipulating file IO, and so on.

Since we’re in the age of Web applications, devices of all sizes, and the explosion of growth, as far as the screen is concerned is the appearance level, the appearance level is everything, do you think there’s a future in the front end?

Html5, web games are all the rage all over the world, the things that need to be displayed on the page are front-end categories, do you say there is a future?

What is the most visible substance in the world right now? The ants? People? Still have a person to say is TT (peat, kui you think of come out), so I tell you, be webpage, webpage, webpage, according to statistics the whole world has the webpage of 100 million level now, excuse me what concept, do you say have a future?

The most intuitive: the front end of the average several K in the past few years to the present 10 20 K.

Front end wage scale diagram

Do you think there’s a future?

Because this article is the first in my front-end series, it only introduces the historical reasons and justifies the front-end name, and effectively promotes the interest of beginners and skeptics, so some nouns and meanings, we first Google, Baidu, we will come to one by one.

NO 3: Web front-end development “how to learn, how to get started?

Want to know? Hey hey, I very tired, drink saliva, want to know, continue to pay attention to my handsome appearance level, next time decomposition!

In the end, special thanks, congratulations sister (silly), hard to sort out and provide some information and pictures, make my article more vivid and interesting. I think she must be impressed by my appearance level!

Web front-end pit series: Click the title to enter

Chapter 2: How to learn the Web front end? Dry goods information!

Chapter 3: A “Road of No Return” — the Learning route

conclusion

I am beima, an Internet man who is afraid that you will suffer losses. I have established a peach blossom island in the complicated Internet and real world, hoping to cultivate evolution and improve together with my friends. Welcome to the island. — > the boiling point