Front-end Learning

What is a front end

What is a front end? Most refers to the Web front-end development, the word is from the Web page production evolved, the name has a very obvious characteristics of the times. In the evolution of the Internet, Web page production is the product of the Web1.0 era, when the main content of the site is static, users use the site's behavior to browse the main. At this stage, the content of the website is mainly the text content and the picture mainly, the production method also mainly uses the form to assemble. Impression, when the main FrontPage such, draw a form, to fill in the real picture, text, called the page.

After 2005, the Internet has entered the Web2.0 era, the Web application of similar desktop software has sprung up, and the front end of the website has undergone great changes. Web pages are no longer just carrying a single text and pictures, various rich media to make the content of the page more vivid, the Web page of the interactive form of software to provide users with more good experience, these are based on the front-end technology implementation.

In this era, to the front-end crown on the name also more, "Do the website", "Art", "Web Designer", "cut the page", "front-end engineer" and so on. At the same time the technology is more complex, more difficult, and the technical content is also high, then with these changes, engaged in front-end personnel also have a professional name of the "front-end engineer", revenue also with the rising.

Technology development is changing rapidly, now the industry personnel began to put forward the concept of Web3.0. The most common explanation is that the information on the site can interact directly with other site-related information, through the third-party information platform at the same time to the integration of information on a number of sites, users have their own data on the Internet, and can be used on different sites, completely based on the web, The system functions of complex system can be realized by using the browser, and after the user data is audited, the network data is synchronized. So that's the problem? In the era of Web3.0, what is the front end? What can the so-called "front-end engineer" do? And what does it bring to the web? These are all worthy of our thinking together.

2016 front-end development Vientiane

Not long ago, @Jose Aguinaga's "How it feels to learn JavaScript in 2016" ignited a variety of social platforms (the world of developers) at home and abroad.

For today's front-end development, this is true, but for the first contact or ready to contact the industry's classmates, caused a great confusion and obstacles. Just listen to these jargon and give up on medication, not in depth. You may not believe it, but the truth is.

Teacher, want to ask you, I am 0 of the front end of the basic science, has been a year less than the work experience, now the front-end technology in endless, feeling a little confused, I hope you to point to the Ming Road.

Big Brother Good my situation is work 1.5 has been the front-end production of the company is mainly the work of the page refactoring job script what the general use of technology is not closely follow the trend has always wanted to progress but there is no breakthrough progress in addition to the cut figure more and more slip it feels the front-end learning direction some confused.

The desert teacher, want to ask you a bit. I am a senior student, now in the company internship, the company used Angularjs do single page application, and then with the use of Webpack and gulp. Just come to the company more than a week, feel nothing with no head flies, do not know if buy a teacher your course will help? What's the way to the front?

There are many such phenomena. Here, I would also like to talk about their views.

In today's day, although the front-end update speed, to learn something is also very much, but carefully calm down to think, all this is inseparable from its original basic knowledge,HTML,CSS and JavaScript. Of course, the front end after these years of development and evolution, in addition to the need to master these foundations, but also face the workflow, the face of engineering. Only the ability to master these skills is the title of the engineer .

But for beginners or newly-started students, always have to constantly calm down to remind themselves:

• What am I learning?
• What have I learned?
• Why should I learn this?
• What else do I need to learn?

Only when you can answer these questions accurately, you will not lose yourself in such a wave and lose your way.

Speaking of here, there may be a lot of people to spray me, actually sprayed me is also right, because this is only my own opinion, and can not represent everything. But then again, if you can't answer these questions correctly, can you confirm that what you're doing is what you need? If not, what will it be?

If you are just in touch or ready to enter the front-end industry, I would suggest that you calm down and think carefully and carefully answer:

• What can I do?
• What can I do?
• What is my advantage?
• What is my disadvantage?
• What's the good of being a front?
• What do I have to pay for the front end?
• Can I keep going?

If you are not able to answer these questions clearly, I suggest you do not want to switch to the front.

How to learn the front end?

Learning for everyone has their own unique way, I am not the other. I can not say that my study method is good, I just want to take this opportunity to say how I learned the front-end technology.

Before you start learning about front-end knowledge, you can get a quick look at what skills a web front-end development engineer should have:

From @ouven, if you don't see clearly, it is recommended that you click here to read.

See, you may have some knowledge of what the front-end engineers need to know. If you are a student for a year or two, you already have a multi-faceted skill tree, and you have your own set of learning methods. The following is for beginners to talk about learning methods.

As a front-end developer, the first thing to Master is Html+css, with these two basic knowledge, you can be handy to the designer's Web page cut out (the PSD design diagram into a Web static page). But this is not enough, but also need to be able to skillfully handle the compatibility of each browser. In order to be able to better ask yourself, try to make your Web page conform to the standard and semantic specifications. Although this is not a rigid requirement, but it is necessary to do the two, but also has greater difficulty.

In fact, at this stage, for beginners is not an easy thing. Because in this process, beginners can easily get lost and lose confidence. Although you read a book, or video, you have a certain knowledge of HTML and CSS, but still lack of hands-on ability. Simply put, you still don't know how to convert your design into a Web page. At this time you would rather have a person tell you how to convert the design manuscript to a Web page, how to start. Once you have completed the first page, you can find confidence and direction, and the back of the study is also a great help.

Having mastered the knowledge of HTML and CSS, it is also a difficult part to take down JavaScript, which is one of the skills required for front-end engineers. Only one or two of the HTML, CSS, and JavaScript is not working, you have to be familiar with all these languages. It's not that you have to be proficient in all these languages, but at least you have to be able to use them to do most of the tasks without having to ask for help frequently.

If you win JavaScript, you can do something more interesting on top of it, such as adding interactivity to your static pages and better handling business logic. Make your job handy. In addition, you can continue to learn the various JavaScript frameworks, such as the React, Vue, and so on, which are very hot at the front. Because these javascript can help you work better, it can make your work easier and make your project easier to maintain.

By this time, you will find that you can slowly get away from writing the original HTML structure, and you will also find that you can accumulate better and reuse your accumulated code in other projects. You will also find that the learning of these frameworks is not as complex as originally imagined. You will also find that ...

Of course, good front-end engineers should have the ability to learn quickly. The technology that drives web development is not static, right? I can even say that these technologies are changing almost every day, and without the ability to learn quickly, you can't keep up with the pace of web development. You must constantly improve yourself, learn new technologies and models, and just rely on today's knowledge to not adapt to the future. There will be a difference between the future of the web and today, and your job is to figure out how to manifest this change through your own Web application.

Back to another question

Let's continue to talk about another problem, a question that many beginners often ask:

Learn the front-end, should self-study or watch video, or participate in the offline front-end training course?

Personally, it's not the same for everyone. The following is only my personal views and suggestions, for reference only:

If you are a very strong self-study ability, and have a better way to learn, suggest self-study, self-study is constantly reading, writing code.

If your self-study ability is not very strong, also do not know how to learn. It is recommended that you look at some videos, because these videos can help you understand better, and also give you a more visual view of the relevant knowledge points to get the effect. Of course, not just watching video can solve all the problems, you still need to cooperate with the knowledge of books and write code together. Then find a suitable learning method, and lay a good foundation for the later study.

If you can't get the knowledge you want in both ways, then it is recommended that you take some money and take part in some excellent offline courses. Of course, many people say that offline training is not a good front-end, the personal feel is not all so, at least you can get a better introduction. Everything is difficult at the beginning, as long as the head is open, all is well done. In addition, if you have good luck, a teacher can guide you, that is your lucky, because you can go a lot less detours, better, more accurate access to relevant knowledge points. But then again, Master leads the door, and the practice is on her own.

No matter how you learn, after a period of time, you need to start to precipitate themselves, but also to start thinking:

• What have I mastered?
• which indefinitely?
• Which do not understand?

With these three lists, you will have a new goal, to summarize on the list, to understand what you do not understand and understand. Such a process should accompany your entire study or career. Only in this way, you will not be lost in the direction to make oneself become more powerful.

How to solve the problems encountered in the learning process

In the process of learning is always not a variety of problems, then learn how to solve the problems encountered in the learning process for each of us is more important. So the question is, how should we solve the problems in the learning process?

Most of the students may take the way is to ask people, such as in a variety of front-end QQ group, group Nets, luck to see if the great God to help answer. In fact, this way is the most stupid, can also say the most helpless. In this way, most of the students do not know how to solve, also can not find people to help solve.

In fact, to solve this problem is very simple, as long as there is the Internet, there is no solution to the problem. We can use the search engine to help us, we can say that the search engine is the best way to solve problems. Of course, the prerequisite is that you understand the use of search engines, and often many people do not know how to use the search engine.

In the students I met, or around many students like to use Baidu to search, perhaps you find that the search is not what you want to answer. In fact, I want to say, that is your method is wrong. We should abandon the use of Baidu to search, should use Google search engine (need to know how FQ use Google), experience tells me that Google can better locate the answer you need. In addition, in search of related issues, it is recommended that you use English search, if you do not know how to describe your problem in English, it is not difficult, you can use translation tools to help you translate, and then search in Google, it will make you easier.

In addition, if you have more students around you, you can consider asking the students around you first. Just a lot of students are very shy, embarrassed to ask. There are many students, worried about asking the classmates around, afraid will be BS, in fact, it is not so, it's all just your own ideas, you should be thick-skinned constantly to ask. In fact, our front-end circle atmosphere is very good, many students are willing to answer for you, or tell you how to solve the problem.

Why to record a video

Finally, let's talk about why you're recording a video. In fact, a long time ago there are ideas to record some front-end video, to some students in need. But for a variety of reasons not to do such a thing. I am a person who loves to share and summarize, this time decided to record a front-end basic series, I hope this series can help you better understand the front end, but also faster to get started.

Before I recorded this series, I thought about it for a long time and wanted to show it in a better way. Worry about the video you're recording will fraught, and worry about the video you're recording doesn't help the beginner solve the problem you want to solve. I am fortunate that through this time on-line test, or get some students ' recognition:

The desert teacher said loading loading animation, and 3D text flip effect, like the fireworks effect, know a lot of new CSS3 properties, usually used in the box-shadow desert teacher's hand can also make such cool effect, but also learned more animation effect, 3D acceleration of the small skills, speak very meticulous, very patient, To just learn html+css classmate, also can hear very clearly, have some experience of schoolmate, also can hear inside of small skill, know new attribute, also have some property of ordinary negligence.

In the CSS course, I was looking at the evening, I think the teacher in the course of the layout of the brain, for the pseudo-class is also very comprehensive, I also bought on other pages on other courses have been studied, but are not particularly comprehensive, most of the cases just learn the basics of knowledge know how to code out

I personally feel that the teacher of the Great God of this video teaching course is the best I have seen in all courses, although it seems very basic, but it is really very practical

Thank you very much for your support, because I have your support all the way, I can persist all the way. I will also continue to work hard to show you better tutorials, videos and so on.

Summarize

Pull so much, there are some not, I hope you can get what you want. At the end of the second:

In any case, I think front-end engineers are one of the most complex jobs in the field of computer science. The vast majority of traditional programming ideas have not been applied, in order to use in a variety of platforms, a variety of technologies have borrowed a lot of soft science knowledge and ideas. The expertise required to be a good front-end engineer involves a wide and complex field that becomes more complicated by the involvement of all the parties that you end up having to serve. Expertise may lead you into the door to being a front-end engineer, but only the applications you create with the technology and the ability to work side by shoulder with others will really make you good.

Original link: http://www.w3cplus.com/how-to-study-front-end.html

Front-end Learning