Why are you confused about web Front-end cainiao? -

Let's talk about the problem first: I feel that there are too many things involved in the front-end, and I am also very impetuous. I have read a lot of books, but there are not many missing codes. I want to learn more about the technical course. For example, do I want to learn scss, php, angularjs, backbone, and other frameworks first, or do I want to learn more about html5 + css3? Then I read some recruitment requirements and found some traps to be filled out. I often felt anxious and tired, and then I was tired. I knew that I had to watch all kinds of chicken blood, after a dozen of chicken blood, my mind gets hot and I want to graduate from Beijing. But let's talk about the problem first: I feel that there are too many things involved at the front end, and I am also very impetuous, I read a lot of books, but there are not many missing codes. I want to learn more about the technical course. For example, do I want to learn scss, php, angularjs, backbone, and other frameworks first, or do I want to learn more about html5 + css3?

Then I read some recruitment requirements and found some traps to be filled out. I often felt anxious and tired, and then I was tired. I knew that I had to watch all kinds of chicken blood, after a dozen of chicken blood, my mind got hot and I wanted to graduate from Beijing. But I was worried that I could not find a job. I wanted to ask my predecessors, if I want to find more than 3000 of front-end jobs, where do I have to prepare?

--------------- I am a split line 1 ---------------
Here is the background: I believe that I am a senior student and I feel that this major is not suitable for me. I have learned C language before and found it quite interesting, then, during school recruitment last semester, I found that the programmer's salary was good, and I had the intention to change my career. There was only a simple C language foundation, and I didn't know where to start. I happened to hear a supervisor brag during the presentation, the web Front-end is simple, the front-end is simple, and things are easy to learn. From then on, the front-end is entered.
--------------- I am a split line 2 ----------------
Next, let's talk about the level: I have been studying for three and a half months now. On w3cshcool, I brushed html tags and css attributes twice. fireworks cut several psd images to ensure compatibility with ie6 and various pitfalls. If Javascript is used, refresh the Redbook twice and the rhino book again (some chapters such as nodejs are skipped, and some chapters such as xml and some html5 APIs are rough) to understand some objects and prototypes.

If jquery is used, the sharp jquery does not look at it carefully. I feel that the api is practical. I have directly implemented the following examples and achieved the effects of the above-cut psd diagram. I think it will be used, but I will not check the manual. I often forget the attribute name and method parameters.
--------------- I am a split line 3 ----------------
I also found some books on the Internet that are said to be capable of loading me to fly: High-Performance js, and compiling maintainable js (I think this author is a bunker ), butterfly book (high rating, but may be relatively reliable, I feel that the content is basically mentioned in the previous book), high-performance website construction Guide (I feel very good ), ppk talked about js (I don't feel it, I just finished it over half a day), html5 Program Design (after a rough review, I haven't looked at it carefully), and replied: Yes, you may encounter problems like this before school. There are a lot of things to learn, and you will suddenly be confused about what technology you should learn or what technology you should first learn.

I agree very much with the subject's result-oriented learning. At the beginning, I also looked at JD at Netease's front-end to pass it. As for Angular, Backbone, PHP, and SCSS you mentioned, I think PHP is the most urgent thing to learn, because as a reliable front-end, you cannot understand the backend completely, otherwise, it is difficult to collaborate with the backend in actual work, or even if you want to write a small project, it is a bit crude without the support of the backend technology.

Then there is SCSS or similar Less technology. In fact, you don't need to study it. You just need to compare it with the document when writing CSS, you can also rewrite the CSS in your own project with SCSS/Less in comparison to the document. In fact, you can almost master it.

As for the Angular or Backbone framework, I don't think you need to worry about it first. Instead, I suggest you contact Node. js after completing PHP entry-level learning and SCSS/Less attempts. Because Node. js, whether it is the ecological environment of its npm package management tool or the asynchronous programming idea of Javacript, is of great help to your front-end technology. In particular, more and more companies are proposing the idea of frontend and backend separation, which makes Node. js more and more important.

At the same time, it is recommended that you learn about Gulp, which is an automated tool that is used by many companies and easier to start with than Grunt. The code is concise and elegant. It takes about 10 minutes to get started. It's cool.

As for the questions you mentioned about internships, you can actually go to internships based on the level described in your issue description. Maybe at the beginning, we will focus on the page, however, you can learn from actual engineering development and continue to learn from off-duty or weekend holidays to improve your technical skills, in this way, your treatment is getting higher and higher. The monthly salary of 3000 yuan is relatively low on the Internet in Beijing. Basically, if you go to a more reliable company, you will not enjoy such a low price.

Attach our recruitment information: Join Us- The situation is similar. I am also a sophomore dog.
In February December, I was lucky enough to find a front-end intern who worked in a startup company. at present, the company is only responsible for restoring the design drawing obtained by the boss to a webpage. then integrated into wordpress. write and write jquery for the effect.

Let's talk about my learning before I find my job.
A year ago, I was just a student in the computer science field. pair. class skipping. as a result, nothing has been learned. then I found that I had to go to a job like a waiter for my internship. this is not my life .!!
Then I began to learn various front-end knowledge. I learned html and css. I did not have the subject so seriously I wrote it all twice or three times. I think more is practice. record frequently used labels. If you do not understand them, check W3shool.I have read it once. Jquery is learned through various effect demos.
No matter what type of programming language you want to learn, practice is the most important.
So I ran to V2EX to post and asked for various projects. it is a free labor package. people on V2. some V friends gave me a small project. it is just a static page. I gave me a PSD to cut my own graph and implement the page.
The first time I gave it to him, I was given a face. this margin is incorrect. the img size is incorrect. different font sizes and other issues. before doing so, I always thought that static pages are not difficult. it is really easy to make a rough static page. but there are many problems in details. he said, "This page is useless. "This is what I remember most clearly. because it takes more time for others to modify and maintain your code.
My self-righteous mature technology is actually useless to others.
After that, I felt that I was not familiar with the front-end technology at all. Even the simplest html and css were so bad.
The category class name is straightforward.
It is hard to write static pages. How to develop large projects with others.

Let's talk about the subject.
Programming books often only need to be passed once. Then they will become a tool book.
The most important thing is practice. You can't remember it no matter how many times you read it.
It is recommended that you apply for a job in a small company or a startup company. There will be many small projects in this type of company, which is helpful for front-end professionals like ours to learn and obtain experience.
There are also some small suggestions. learn better English and look at the frontend world of NLP. (do not try to make up T_T for English now ).
The answer for the first time is so long.
Come on. the road is still long. I also need to go slowly. the same is true for the subject. Don't worry. Many of the computer industries that have accumulated success comply with the 82 law, that is, 20% of things are frequently used for 80% of the total, so it is very suitable for you to take a long time, our focus is to learn the 20%, and the first thing we need to do is to find out the 20%.
In my opinion, the frontend 20% of things are commonly used html tags, css box models, basic native js, And the compatibility with jquery, ajax, and common browsers.
It makes a lot of sense to win these things. On the one hand, it proves that you are suitable for the front-end job, and on the other hand, these skills can help you find a job. So that you can learn the remaining 80% with ease.
In short, it is to focus on the most important things, things like less, sass, and angular. When you lay the foundation I mentioned earlier, you can learn freely, learn-as-you-go.
Finally, I think the most difficult thing is practice. Only practice can learn real technologies. It is difficult for new people to participate in valuable and meaningful projects. Without such projects, it is difficult to grow, therefore, if you have projects to participate in, you should cherish them. If you do not have any projects, you should create more valuable wheels.

Thanks. Rogue games !!!!
Rogue !!!
Rogue !!!

The thumbs-up for one night was close to the highest vote, so I was flattered that I decided not to give it a second stop, and I gave it the highest thumbs-up.
In the comments, @ Wu Lin said that if you write an outline or column, the column won't be able to handle it. Then, you can simply put an outline in order to inspire others.

1.html syntax and format. Common labels are extremely useful. Understanding the nesting of tags, learning to use firefox + firebug or chrom debugging tools, use these tools to debug html, css, js, breakpoint debugging, and packet capture

2. how to introduce css and js (How many methods are there and what are the differences between different methods), understand the differences between id and class attributes, learn common css selectors, and understand the box model (padding, margin, border, width, height,), css coordinate system, css layout (absolute, relative, fixed, static of position), css floating (float: left, right) and clear floating (clear), display: inline, block, inline-block, Flex

3. javascript execution sequence, basic programming BASICS (variables, operations, process control, arrays, call functions, custom functions, and objects), json, js dom operations, js event mechanisms (delegate, bind, listen, bubble and block bubbling, compatibility), learn about ajax xmlhttprequest and its creation method (compatible with multiple browsers) cross-origin, understand how it works, and a friend in the comments said that the http protocol is indeed an oversight. To learn about ajax, you must understand the http protocol, such as get and post, how to pass Parameters and set cookies

4. Use jquery to free up your development work, learn jq selectors, modify attributes, listen to events, modify css, and write jquery plug-ins. In this step, I think I can study with Step 2.

5. Set up a server and get a dumb server such as wamp and phpstudy. You can create an apache + php + mysql server with one click. In the early stage, you can publish your static pages to the local server, use a local server with ajax for learning.

6. Learn about the server. We recommend that you use php + mysql.
The server script is actually very simple. In summary, there are four things: SESSION, COOKIE, Request, and Response. In combination with the http protocol, we can understand how to obtain data from the Request, and then respond to the client after processing. This is the entire process.
Mysql is the basic SQL statement. Use php to perform CURD operations. In fact, it is difficult to sum up, basically to achieve business-oriented.

7. Come to the framework, understand the MVC model, and recommend a popular MVC Framework: ThinkPHP, which is simple and easy to use without explanation. The documents and examples obtained by Chinese people are very rich.

I 've written a bunch of things in a mess. We suggest you study from 1 to 7. I want to learn about seajs grunt FIPS and so on. I also want to learn-why don't we do things even better? When I graduated in 14 years, my only skill was to drag several controls in vs to work with mssql to create a student information CRUD in a stu table, the total amount of code in the university is no more than, which is not terrible. What is terrible is that I thought I was very NB when I was a sophomore. I went out to work as an intern for my junior year and did not take an exam. Later, my graduate students did not take an exam, and I caught up with my graduation and invested in the endless design and thesis, in fact, we all know that they are all student-type projects, performance systems, news systems, and so on. When they really started, they found that they were nowhere to start, I don't even know how to introduce JavaScript, and I don't know what css is. I believe no programmer can surpass my height! At that time, I got up at every day and started to do it. In addition to eating and going to the toilet until (because of the power failure, I had to turn off the lights). I went to the Internet to find a place I didn't know, if you really don't understand it, go to the dormitory downstairs and ask the students. I remember that when I saw the getElementById method for the first time, my mind was overwhelmed by 10 thousand Trojans. What are the differences between id and name, are padding and margin indented ...... These kinds of things sometimes get stuck with a problem, and you can't sleep with your headache. In the dark, you get up and get your Nokia mobile phone online to check the information (at that time, you didn't use a smartphone, and the screen was very small ). Although I had a hard time in that period, I learned new things every day and made great progress. After that, I stumbled and found a poor job. I could say that I didn't learn anything in the months of my internship. I had to ask more questions about my old employee, and then I came to a trainer, taking me into several projects, I thought I was a programmer. Later, I won't talk much about it. I basically rely on self-learning. I am a little embarrassed. In fact, I just want to tell you that you are much better than me, and you will know so much during school hours, and have the willingness to learn, these are the most important. Do not touch the framework like angular backbone first, and lay a solid foundation for html + css + js, especially js. Do not think that a function will be written, and several jq plug-ins will be called js, it is still far away. I have carefully worked on several projects and targeted learning. The confusion you have experienced is actually experienced by every front-end, I remember a saying that "confusion is only because you want more and do less". practice is the only criterion for testing truth, only in this way can you know what is the real internal power and what is huafan embroidery leg. What are you confused about? Find several top commercial websites in China, such as Xiaomi's website and apple's website. Clone it and learn the skills from it. When cloning, you only use the sample website as a reference. css and js are all written by yourself (of course, the Library is ready for use ). And then make some changes and innovations. Take it to another level. Do not read books without any aim. Your technology is advancing by leaps and bounds. Then create several complete projects independently to cultivate original capabilities. Then you can take your work and find a job. Wow... Owl, Turtle, and butterfly books all know .. [Applaud]
For a brief introduction, I have read these three books after two years of work. I suggest you read butterfly books when you are a beginner. It is normal for other books to be involved, the full name is "the essence of javascript language". I know some good habits, some methods that I don't want to use, such as with, and then I can start coding. Owl and Tortoise I suggest you wait for yourself to have a wealth of code experience before you look at it. The effect is really bad.
Do not learn the framework. scss and less are extensions of css. angular and backbone are extensions of HTML/JS. At least you must learn to crawl and then learn to walk, or, native js, HTML5, and css3 are foundations. frameworks and tools (less, angular, and backbone) are all products based on the foundations. The foundations are solid enough, these things are learned every minute. Find something you like and do your best. If you don't understand something, you can learn it. When I was reading a book, I thought about how it could help me in my actual work, what problems I could solve, and then applied it to practical projects. It is very difficult to improve without training, especially the front-end. Similar to your situation. I am an e-commerce senior dog.
-------------------------------- Let's talk about my current situation ---------------------------------------------
HTML5 is just familiar with the semantics of each tag and some attributes. The level of CSS3 is also normal. Now Javascript is suspended. I plan to go to Shanghai later. IT seems that there are many IT projects in Shanghai.
Let me talk about your confusion.
Scss has never been used. It is similar to its less sass. The syntax is very simple. It is very easy to learn CSS well.
PHP has never been used. ASP. NET is used at the backend. It is very necessary to master a backend language. I cannot understand the working principles of Ajax and json.
Angularjs and backbone frameworks have never been used. The front-end framework has used Bootstrap and has written several demos, but the full class names in the labels cannot be used, so I gave up. I learned Jquery when I first came into contact with the front-end and later gave up. I may not be able to learn much about it. I think it is not easy to use. So I am still inclined to write Javascript on my own, think about how to implement it ..

I think we should focus on HTML5 and CSS3. Now most of the interpretations of HTML5 tend to be a collection of technologies, not just "5 th hypertext markup language ", there are also many new Javascript-related technologies such as canvas WebGL. Therefore, Javascript is very important. Don't rely on the framework. That will only let us stay on the surface.
Speaking of the principle of learning the underlying layer, I borrowed Mr. gonard's "Specific mathematics" and "computer programming art" from the library some time ago. English version. It won't take two days ..
I would like to recommend two more books: The Chinese hedgehog book Turing's data structure and algorithm Javascript description, which is very helpful for compiling complicated Javascript code. The other is Cheng Lin's "Writing high-quality code: Improving the 188 suggestions for Javascript programs", which is involved in many of the principles not covered in the 800 or 900 pages of Javascript.

Come on! Good luck! First of all, you must pinpoint yourself. If you just want to get 3000 in Beijing, the w3c html and css will be refreshed twice to write a simple page, because there won't be too high requirements for job openings with a monthly salary of 3000, they are certainly preparing to recruit for some simple jobs, and even want to let you learn while working. Do not put too much pressure on 3000.
If you want to go straight to the front-end, there are still many things to learn.
I declare that I am not a front-end, but I understand it a little bit. I was a small company at home, and I grabbed the front-end. The current company has a dedicated front-end, and there are also a lot of cooperation work at ordinary times, so we still have some understanding of the new technologies.
First, you should first find your own position. You are planning to build a pure front-end in the future. HTML, CSS, and JS three musketers must be well-versed and have some tips to share with you. I dare not say that reading a book is of little help (I have never seen IT), but IT is the most important thing to do IT first. You can download some website templates such as template.net, and cut them into webpages by yourself. In the future, when I access the Internet, I will leave more snacks. When I see a website with a very good effect, I am decisive. F12 will take a look at the source code, and the front-end code will basically be visible, so I will read more slowly, naturally, there are a lot of results in my mind. PS; ctrl + U directly view the webpage source code. I will not repeat the front-end technical Website forums and so on. I have answered a lot of questions just now.
Don't get stuck with the framework. Native JS has a good grasp of the framework, and the learning cost of the framework is very low. Basically, when it comes, you can directly read the documentation and get started soon. Do not rely too much on BOOTSTROP/JQ. In addition, do not ignore the compatibility issue of IE6 when you do it yourself. Although it will make you feel a headache, it will be used in the future, especially as a front-end engineer.
This is done. If you want to focus on the front-end and do not want to contact the back-end, you can continue to learn H5/CSS3 and have your own understanding of common plug-in frameworks, at this time, you can focus on the efficiency of the page. You can not only focus on the implementation of the effect, but also on how to write more efficiently in Javascript. the reuse of CSS styles can make style files smaller and easier to modify.
If you want to switch from the backend to hybrid or simply backend, we recommend that you start with PHP or PYTHON.
The focus is not on how to do it, but on how to do it. Simply thinking is definitely not a good codoon. (PS: What is it when I come to work ?!)