What to learn about java front-end

In fact, Java does not account for a large proportion of front-end knowledge, but front-end and back-end must always be combined to form a complete website or application. Here is a general introduction to the learning route of Java front-end, for reference only.

Recommended course: Java Tutorial.

Java front-end learning content:

The first stage - HTML learning

HyperText Mark-up Language (HTML for short) is the skeleton of a web page. Whether it is a static web page or a dynamic web page, what is ultimately returned to the browser is the HTML code. The browser interprets the HTML code and renders it. to users. Therefore, we must master the basic structure and common tags and attributes of HTML. Learning HTML is a process of memorizing and understanding. During the learning process, you can use Dreamweaver's "split" view to assist learning. See the effects in the "Design" view, learn the essence in the "Code" view, and maximize the advantages of various views. This method of comparative learning makes up for the tedium of simply memorizing HTML tags and attributes. It must be useful to all beginners. 's little friend It must be great for us!

After learning HTML, we have only mastered the production methods of various "raw materials". If we want to build a building, we need to use these "raw materials" according to our The design scheme is put together and some beautification is carried out.

The second stage - CSS learning

CSS is the abbreviation of English Cascading Style Sheets, called cascading style sheets, which can truly make web pages A style design language that separates presentation from content. Compared with the performance of traditional HTML, its styles can be reused, which greatly improves our development speed and reduces maintenance costs. At the same time, the box model, relative layout, absolute layout, etc. in CSS can achieve pixel-level precise control of the position and layout of each object in the web page. Through this stage of learning, we can successfully complete the construction of "a building".

After the construction of the "building" is completed, we can hand it over to users for use, but if we want users to get a better experience, we can also further "decorate" the "building" to make it look like More "luxurious".

The third stage - Java learning

Java is a script language widely used on the client side. Java provides us with some built-in functions. , objects and DOM operations, with the help of these contents we can implement some Client-side special effects, verification, interaction, etc. make our pages look less dull, and diaosi can instantly counterattack the rich and handsome! Is it possible? The compatibility and complexity of Java do sometimes give us a headache, but fortunately there is a "master" Helped us with the packaging.

The fourth stage - learning jQUery

jQuery is a free, open source, lightweight Java library and is compatible with various browsers (jQuery 2.0 and subsequent versions have given up support for IE6/7/8 browsers). At the same time, there are many jQuery-based plug-ins to choose from, which makes it more convenient and faster for us to implement some rich dynamic effects and saves a lot of money. Our development time has increased the development speed, which fully reflects its core purpose of write less, do more. This feels great! Is it possible?

The "luxury building" has been erected, but building the building like this every day, day after day, year after year, is so cumbersome! Can it be done? Wouldn’t it be great to modularize every single component in the building and put them together like

stacked blocks when it’s time to build a building? Can it be achieved? The answer is yes.

This kind of thinking is also suitable for Web front-end development, so various front-end frameworks have appeared. The one recommended to everyone here is Bootstrap.

Bootstrap is an open source toolkit launched by Twitter for front-end development. It is a CSS/HTML framework and supports responsive layout. It became very popular once it was launched and has always been a popular open source project on GitHub. During the project development process, we can use the CSS styles, components, Java plug-ins, etc. provided by Bootstrap to quickly complete the page layout and style settings, and then fine-tune the styles in a targeted manner. This framework-based development greatly shortens the development cycle. It’s cool to stand on the shoulders of giants!

Study suggestions for Web front-end

One problem that needs to be paid attention to when laying out CSS is that many students lack an overall analysis of the page layout and cannot grasp the nested relationship between the boxes in the page from a macro perspective, so they rush to Doing it by hand will cause the relationship between the elements in the page to be very confusing, and it is easy for the boxes to be misplaced when floating. It is recommended that everyone adopt the idea of ​​​​"top-down and gradually refine" when laying out. First use several boxes to divide the page as a whole, and then gradually continue to nest boxes within the boxes.
"A gentleman is not different from others, and he is good at fake things." In the process of learning, you should browse more excellent websites, be good at analyzing and drawing on their design ideas and layout methods, and be knowledgeable in many ways, and then Only then can we understand everything and take the strengths of others for our own use. At the same time, you must be good at using Firebug as a tool. On the one hand, Firebug can help us debug our own pages during our learning process. On the other hand, we can use Firebug to easily view and analyze the source code of other people's websites. "Stealing" is also a skill!

Everyone The growth and foundation are different, and you should implement it based on your actual situation. Let me repeat, the core of the front-end is js. CSS is not difficult, but it requires accumulation. This is how I see the front-end:

css is like a bottle of wine, good quality.

html, CSS only consists of tags and selector attributes, but it is not easy to write a page that is scalable, robust or maintainable. Now when writing the basic conditional reflection of the page, it is not about how to complete it quickly, but about thinking about how to quickly complete the required tasks with minimal code modifications if the interface needs to be modified. This is a triple test of front-end endurance, physical strength, and intelligence.

js is like a sword, it needs to be sharpened.

js was just for experimentation at the beginning. With the development of technology and society, its role has become more and more important. When I first started playing with jQuery, I felt that I already knew js, but in fact it was just the tip of the iceberg. As we learn more and more about js, it is both perverted and cute, fun and difficult to control. It has many compatibility problems, but solving compatibility is our basic way of survival. Looking all the way from ajax to jsmvc, the tide is getting higher and higher

Life is a dream, you have to do it.

Technology is just a part of life. I used to be ambitious, but now I keep my head down and write code. Change what can be changed, accept what can not be changed. Life is limited, brothers fight for the day and night. The attitude towards life learning is: neither impatient nor impatient, neither fast nor slow. Persevere and believe in yourself. Don’t ask to change the world, but ask to change your own life. Don’t ask for a flying stride, but ask for one step at a time. Thanks to the suffering, he made me They are stronger inside. Thanks to setbacks, they make us continue to grow. Thanks to bugs, they make our thinking deeper. Thanks to the front end, he made us believe even more that it takes eighteen kinds of martial arts to hold up a sky.

The above is the detailed content of What to learn about java front-end. For more information, please follow other related articles on the PHP Chinese website!