GitHub project Shang Hao project is really a lot, but the author of such a beautiful long certainly numbered.
With HTML + CSS oil painting
As shown, the little sister's name is Diana Smith, introduced on her personal blog that he is a JavaScript developer, skill tree contains React / Vue / Backbone / jQuery, also a CSS expert (LESS and SASS alike), but also a UI engineer responsive design.
She was the highest number of stars on a GitHub project, it is to use HTML / CSS created a fake paintings.
This blowing shells can be broken texture, exquisite composition, strong and without violation of color, have to say "painting as it were," ah.
Moreover, these pictures are only CSS and HTML, all elements are entered manually, allowing the use of only a text editor and Atom Chrome Developer Tools.
To be honest, page three brothers HTML, CSS, JavaScript everyone is familiar with, but who would have thought this could play out to spend it?
On the small sister's personal blog to share an article, which is a point of view:. "When you only have a hammer CSS, CSS world like a nail" Outside of work, she will use CSS to seek artistic inspiration.
As the front-end, we are dealing with three brothers every day, but do you really know them? You know they use some odd wicked craft skills in the process of it? Is currently serving program development, if you now want to learn web front-end Java Python technology, have met in the process of entry of learning anything about learning, learning problems route, learning efficiency, etc., you can apply to my learning exchange buttoned front skirt 107 intermediate 418 final 2891. Which gathered some are self-taught beginner, skirt documents and there was I doing web front-end some of the study manual Java Python technology this time finishing, interview questions, development tools, PDF Document Ebook, if required, can be on their own to get the download.
HTML, CSS, JavaScript is what?
In various technical forums and posted it in the front-end issues be considered a real programmer has always been in question.
But I think this question is meaningless ah, yes, how and how not, I only know that for all websites around the world, regardless of their server-side language that uses a front-end HTML + CSS.
A long time ago I saved the pictures on a micro-blog, is a front-end engineer's skill tree. Although over time, a lot of content needs to be updated, but we can also see on the map front-end engineers honestly and not just a simple page only.
Front-end engineer, first engineer, and then the front-end engineers. Engineers are working to use technology to solve business problems encountered, the so-called front-end back-end division is different. Currently the front area of knowledge that can accommodate more widely, after also will need to complete the work by the more professional people, the front end of the road can go very long.
Today, and tell you about what the page Musketeers are:
1. HTML
Previous page is very simple presentation of information, so there are some clever engineers think, just upload a browser on your computer, and then develop a standard, so that the browser can render pages correctly enough.
This standard is HTML, HTML tag tells the browser with the way how the information presented, for example: the browser reads the tag on the image you want to know put a picture on the page, read it know to put a button on a web page button.
In this way, I just used to develop a series of tag (eg <h1>, <h2>, <p>, <image>, <input>, etc.), you can let the browser renders web pages of illustrations.
A good HTML web page it can be quite simple and legible, this page is not only convenient front-end engineers follow-up maintenance, but also relatively easy to increase the visibility of your website so that search engines can put in your web page front, this behavior is called SEO.
2. CSS
Once you have HTML, we still are not satisfied, because simply describe the web page using HTML language ugly, engineers came up with a method, is to develop a description of the appearance of pages of language, let it become a standard, so that browsers also will know how to beautify the page, this language is CSS. CSS provides a lot of very powerful effect and the appearance of the property described, for example, to make pictures blurred, brighten, rotate, or change the font color.
Since 1997 CSS 1.0 release now, from the very beginning only supports simple text layout to now can make a cool 3D animations, CSS has gone through 22 years, and its development as shown:
With the development of the Internet, people on the web page are from as long as the show has become like a variety of interactive graphics with visual effects need to have more experience requirements. CSS is constantly updated with this purpose.
3. JavaScript
But in many cases HTML + CSS alone is not enough. Just presented with a screen just does not always fun, and we expect the site to have user interaction, JavaScript is used to write these interactions programming language.
Javascript can monitor the behavior of various operations on a Web page, such as moving the mouse, click the button, page zoom, text input and so on.
in conclusion:
- HTML establish the main structure to build a web page
- CSS is responsible for the beautification and optimization of web pages
- JavaScript responsible for describing how users interact with the page
But Optical Society of these three things, still unable to meet the needs of engineers to develop, in order to develop efficient, do not want to re-create the wheel, all development languages ecosystem will necessarily derived from a variety framework and library.
Common JavaScript framework Vue.js, AngularJS, ReactJS, jQuery etc., who have preferences, but the purpose is to simplify the development complexity, separating the front and rear ends, improved reusability, maintainability.
After the words: front-end and really was not any easier in the future it?
Many people say that the front end is simple, but in fact is not a simple front-end, but the front end of a very direct feedback to learn, easy to get started and will soon bear fruit, which also caused the front end easily illusion.
But in fact, mastered HTML + CSS + JavaScript, to understand some of the back-end knowledge, can only be said to be a qualified front-end engineers; in order to reach 80 points, it is necessary to understand the business, demand for business architecture design and have a real understanding and design; and the front end of the industry's most scarce cattle, and more than the general category of the front, closer to the "front end development-oriented full-stack engineer."
20 years ago, the concept of front-end is still not common, even programmers this large field not too much subdivision, basically complete a project together is a person or a few people.
With the changes in the industry and the Internet, and before the situation is very different. Since 2010, companies need more and more specialized in a particular area, the more perpendicular to the developers, it now contributes to the front and rear ends of the splitter.
And now there are circumstances change, use Node.js, Meteor.js this type of operating environment, their emergence server front-end engineers also began to develop, and gradually move closer to the whole stack.
Not long ago there was an idea very interesting, to say the cloud era, as long as a business recruit several front-end engineer it.
Operation and maintenance can be done through the console, and development aid Serverless orchestration tool can be achieved without the server. In the future more after, both front-end engineers or full stack engineers, will cease to exist, it should be called the end (F2E -> E2E) an engineer.
So we do not need to define the merits of jobs, whether front-end or back-end, as long as you have the ability, passion, talent is scarce, learn a smattering of people who want to fish in troubled waters, it can only be a bonus to take advantage of the industry mix to eat.