How to become a programmer as a college student - Part 3: Popular professional learning paths 5

If you want information related to the blog, follow the public account: chuanyeTry to get the relevant information!

1. Quick start with WEB front-end

At this stage, we need to master the basics of HTML and CSS, and of course, also include the new features of H5 and C3. This section is very simple and easy to master. I believe you are more willing to learn this part, after all, it allows you to feel the charm of the front end most intuitively. In order to train everyone to write code, you can achieve the effect based on your favorite site.

This stage is a very important basic stage. The so-called foundation means that the content of our learning at this stage may allow us to develop a gorgeous website, but it is not yet possible to have rich functions. In order to complete a more gorgeous site, we need to master the implementation of common special effects and use the new features of CSS3 and H5 to implement animation, layout, sprites, sliding doors, tab switching and other special effects. And master basic site optimization content. For example sprite etc. Although we cannot complete more interactive content yet, we will learn a lot of knowledge models and theories, and these knowledge models and theories are the cornerstone of our later work and learning. With a solid foundation, we can move forward more steadily and faster.

Note: This stage does not involve programming. It is mainly about familiarizing yourself with the usage of various HTML5 tags and the usage of various CSS3 attributes.

2.JavaScript basics and in-depth analysis

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 technologies I will learn later are all based on JavaScript.

JavaScript language can make web page elements have dynamic effects and make the experience smoother. This is extremely important under the current popular B/S architecture system. This is also the fundamental reason why front-end engineers are so popular and widely in demand.

In this stage, we mainly learn basic JavaScript syntax and in-depth analysis of JavaScript, including DOM operations and also cover object-oriented and design patterns. The course also covers compatibility processing and data analysis. I hope everyone can master these knowledge points at this stage.

3.jQuery application and project development

jQuery is a fast and concise JavaScript framework. The purpose of jQuery's design is "write less, do more", which means writing less code and doing more things. It encapsulates common JavaScript function codes, provides a simple JavaScript design pattern, and optimizes HTML document operations, event processing, animation design and Ajax interaction. At this stage, we focus on explaining how to better apply jQuery and its design methods, and also include jQuery extension content.

4.PHP, database programming and design

Back-end server engineers need to understand the basics of front-end, and similarly, front-end engineers must understand the basics of server-side programming. We don’t have to be proficient, but we must know the overall process.

As a front-end development engineer, it is inevitable to know a back-end language. In our course, we choose PHP for you because the PHP environment is simple to set up, the language is relatively similar to JavaScript, it is easy to get started, and it is very convenient to connect to the database. I hope the content in this stage can help you quickly master the front-end and back-end interaction data.

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

5. Http serves Ajax programming

Ajax is really a very old technology, but up to now, this technology is still widely used. It can be seen how excellent it is. In this stage, we will take you to understand Ajax and master its application. It also includes knowledge about HTTP. For a website, in addition to the page effects, all that can be seen is the data. Therefore, reasonable adaptation of data acquisition is particularly important. Ajax-related aspects also include cross-domain processing. I hope you can master these core knowledge points.

6. Do a phased project

This stage is pure project practice, where you can integrate the knowledge learned previously. Failure to practice is equivalent to no learning; it mainly practices network requests, site layout, website optimization and other contents. At the same time, we need to have a certain understanding of the project. Therefore, under the guidance of the teacher, you can quickly understand how to build the project and how to implement the code more elegantly. The teacher will completely list the development process of the entire project. This stage also exercises the application of BootStrap, and also includes some commonly used third-party plug-ins. Demonstrate specific applications in actual combat.

7. H5 new features and mobile terminal development

The new features of H5 are no longer new content now, they can be seen everywhere in the project. After all, there will be no compatibility issues on the mobile side, and these new features are also reflected very well on the mobile side. For example, positioning, semantics, etc. Use Canvas to achieve more effects and more.

In the mobile terminal, we mainly focus on mobile terminal layout and resource loading, layout direction, and we mainly explain percentage, flex, REM, and grid systems to achieve it. Resource loading uses (SPA) single page loading, which is also a popular form at present. It can save resources when jumping pages. Hybrid development is also a major feature of the mobile terminal, which will be explained in detail in our courses.

8. Advanced framework

As the project demands more and more. The traditional development method can no longer meet our needs, so we need more support. In this stage, we explain modularization and break down the program into modular development. We need Nodejs for support, whether it exists as a server in the build tool or provides us with data simulation testing, it is essential.

As ES5 developers experience the unspeakable secrets of development, the arrival of ES6 solves various headaches. This is also an important point that we must master. There are more, such as multi-person collaborative development (git or svn), using Less and Sass to write better CSS

Next, we introduce the current three major front-end frameworks:

Angular: Angular is a development platform that can help us easily build web applications. In this part of the course, we will explain Angular's declarative templates, dependency injection, end-to-end tools and some best practices. We explain the course through complete projects and examples to make it easier for everyone to understand the application of Angular.

React: As one of the three major front-end frameworks, React has two major characteristics: declarative and componentization. React can easily create interactive user interfaces. Design simple views for every state in your application, and when data changes, React will efficiently update and render components correctly. Declarative views make your code more predictable and easier to debug. Create components with their own States, and then combine them to form a more complex UI interface. Because component logic is written in JavaScript instead of templates, rich data can be easily passed through the application and the state (state) is kept outside the DOM. We will explain development from scratch. During the explanation process, we will also lead you to start learning from the construction of the environment. This will allow you to better and faster connect to the environmental architecture of enterprise-level projects.

VUE: Based on the two excellent frameworks of Angular and React, Vue is undoubtedly very popular. Its simple use, powerful ecosystem, and efficient running speed are also one of our choices in development. Vue is a progressive framework for building user interfaces. Unlike other large frameworks, Vue is designed to be applied layer by layer from the bottom up. Vue's core library only focuses on the view layer, which is not only easy to get started, but also easy to integrate with third-party libraries or existing projects.

On the other hand, when combined with a modern tool chain and various supporting libraries, Vue is fully capable of providing drivers for complex single-page applications. In the process of learning Vue, we will explain its use through two enterprise-level projects, so that everyone can better master and develop proficiently using Vue.

9. WeChat Mini Program

As a new project display form launched by WeChat, WeChat Mini Programs must be highly valued by people. Moreover, so far, most promotion-focused companies have WeChat Mini Programs, which has also created a position, WeChat Mini Programs. Program development engineer. As you can imagine, WeChat mini programs are very popular. Our course has been added to the course after the official release of the mini program. After nearly a year of practical exercises, in our course, we started directly through the project and mastered the application of API knowledge points in the project. This allows for faster adaptation to project development.