Shulou(Shulou.com)06/01 Report--

This article mainly introduces HTML5 how to achieve the rapid development of mobile applications, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, let the editor take you to know about it.

With the development of Internet and mobile Internet, HTML5 has become the mainstream technology of client software development. HTML5 actually includes: HTML5 language, CSS3,JAVASCRIPT language.

Front-end Quick start

At this stage, we need to master the basics of HTML and CSS, as well as the new features of H5 and C3. This part is very simple and easy to master. I believe you are more willing to learn this part, after all, it can make you feel the charm of the front end most intuitively. In order to train you to write code, you can achieve the results according to your favorite site.

This stage is a very important basic stage. The so-called foundation is what we learn at the present stage. It enables us to develop a beautiful website, but it has rich features, but it is not available for the time being. In order to complete a more beautiful website, we need to master the implementation of common effects, using the new features of css3 and H6 to achieve animation, layout, sprite, sliding doors, tag switching and other special effects. And master the basic content of website optimization. For example, elves and so on. Although we can not complete more interactive content, but we will learn a lot of knowledge models and theories, which is the basis of our future work and study. With a solid foundation, we can act more steadily and faster.

Note: this stage does not involve programming, mainly familiar with the use of various HTML5 tags, the various attributes of CSS3.

Basic and in-depth analysis

The JavaScript language is very important. It can be said that the essence of learning front end is to learn "JavaScript" programming.

Many of the advanced techniques you will learn later are based on JavaScript.

The JavaScript language makes Web content more dynamic and fluent. This is very important under the current popular Bhand S architecture. This is also the root cause of the widespread demand for front-end engineers.

At this stage, we mainly study the basic JavaScript grammar and the in-depth parsing of JavaScript. DOM operations also cover object-oriented and design patterns. The course also covers compatibility processing and data parsing. I hope you can master these knowledge points at this stage.

Application and project development

JQuery is a fast and concise JavaScript framework. JQuery is designed to "write less, do more". It advocates writing less code and doing more. More things. It encapsulates the common functional code of JavaScript and provides a simple JavaScript design pattern that can optimize HTML document operation, event handling, animation design and Ajax interaction. At this stage, we focus on how to better apply jQuery and its design, as well as jQuery extensions.

Database programming and design

Back-end server engineers need to know the basics of the front end. Similarly, front-end engineers must understand the basics of server-side programming. We can't be proficient, but we must understand the whole process.

As a front-end development engineer, the back-end language is inevitable.

In our course, PHP was chosen for you because the PHP environment is easy to build, the language is similar to JavaScript, and easy to use, so connecting to the database is very convenient. I hope the content of this phase will help you quickly grasp the front-end interactive data.

By learning PHP, front-end engineers can also be called "full stack engineers". You can do both front-end development and back-end server development.

5. Http serves Ajax programming

It is true that Ajax is a very old technology, but until now, it is still widely used. You can see how good he is. At this stage, we will take you through Ajax and master its application. It also contains knowledge about Http. For Web sites, you can view data in addition to page effects. Therefore, it is particularly important to adapt data collection reasonably. Also related to Ajax is cross-domain processing. I hope you can master these core knowledge points.

6. Do a phase project

This phase is a pure project that can integrate previously learned knowledge. Equivalent to no learning in the actual combat; mainly practice network requests, website layout, website optimization and other content, we need to have a certain understanding of the project. Therefore, under the guidance of your teacher, you can learn more quickly how the project is built and how to implement the code more elegantly. The teacher will list the whole project development process. This phase will also practice BootStrap applications, as well as some commonly used third-party plug-ins. Displays specific applications in actual combat.

7. New features of H5 and mobile terminal development

The new features of H5 are no longer new and can be seen everywhere in the project. After all, there are no compatibility issues on the mobile side, and these new problems perform very well on the mobile side. For example, location, semantics, etc. More results can be achieved by using Canvas.

In the mobile terminal, we mainly focus on the mobile layout and resource loading, layout direction, we mainly describe the implementation percentage, flex,REM, grid. Resource loading (SPA) single page loading is also a popular form. You can save resources when jumping to the page. Mixed development is also the main function of the mobile side, which will be described in detail in our course.

8. High-level framework

As the demand for the project increases. The traditional way of development has been unable to meet our needs, so we need more support. At this stage, we will explain modularity and decompose the program into modular development. Whether it exists as a server in the build tool or provides us with data simulation testing, we need Nodejs to support it.

Due to the embarrassment of ES5 developers in the development process, the emergence of ES6 has solved all kinds of problems. This is also the key point that we must master.

There are more things, such as multi-person collaborative development (git or svn), using Less and Sass to do better CSS writing

Next, we introduce the first three current frameworks:

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.