3 tips to make you a great person
If you are new to front-end, you may ask:
Can I learn front-end courses with zero foundation?
How to start learning front-end?
If you are a front-end worker, you may ask:
How can I make myself better?
With low front-end development ceiling, has it really encountered a bottleneck?
Next, I will answer these questions from three aspects: learning, practice, and advancement, and share my front-end growth experience.
1
Learning Chapter
To learn the front-end, it is first recommended that you lay a good foundation. The foundations here are divided into two categories: computer foundations and professional foundations.
Some people may think that you can do front-end work even without these basics (this is why we said the threshold is low before), but the mastery and understanding of these basic knowledge determines How far can we go. This part of learning is a step-by-step process and cannot be accomplished overnight.
So how to learn these basic knowledge?
I suggest starting from three aspects: books, codes, and standards.
Books: When you need to understand a certain knowledge point, you can read a few more related books and see different authors’ different explanations of this issue to deepen your own knowledge. understand. The effect is better in comparison.
Code: A good way to check whether we have mastered the knowledge is to read the code. It not only helps us deepen our understanding of knowledge, but also can fill in the gaps and give us some new enlightenment. What source code is worth reading?
· The code in the book
· The code left by the predecessors
· Experience in the forum
· Code of a certain website
· Many open source codes can be used as our reference sources
· Summarize the code you have written before, you will get different surprises
Standard: When we When you encounter a problem, you need to trace it back to its source. And looking up standards is key. Internet technology updates and iterates too fast, and the resources on the Internet vary from good to bad. Therefore, one of the important methods for our screening is to consult the standards. Front-end related standards are mainly divided into two aspects, namely industry standards and manufacturer standards.
The organizations that formulate industry standards mainly include: ecma organization/IETF organization/W3C organization
The platforms that formulate manufacturer standards mainly include: IE/ Chrome/Firefox etc.
2
Practice Chapter
The practice stage is for Students who encounter bottlenecks are very important, because no matter what way they study, the ultimate goal is to solve practical problems.
Revolving around problems in practice, they can actually be divided into four aspects: discovering problems, analyzing problems, solving problems, and settling problems.
There are many ways to discover problems, including product functional requirements, development non-functional requirements, questions, suggestions, complaints, etc. More often than not, front-end engineers are required to think and summarize, which is also a challenge we face.
When we find a problem, don’t rush to solve it, we must analyze the essence of the problem, determine the factors that caused the problem, communicate with multiple parties, propose multiple solutions, and analyze each pros and cons, and then make a choice based on the actual situation to finally solve the problem.
In business, 80% of bugs are mainly caused by incomplete consideration of business logic, omission of logical judgment processing, non-standard data format, etc. . This kind of bug is relatively fast to correct, but it is easy to cycle back and forth or introduce new bugs. These bugs cut into developers' effective working time.
Another 15% of bugs are caused by developers’ own coding problems, which are technical bugs. However, as developers become more familiar with software platforms and frameworks, and develop their own programming With the improvement of programming skills and programming literacy, such bugs will gradually decrease.
Finally, settle the problem, deepen your understanding, and then apply the solution to simple problems to complex problems, this is also the way to improve.
3
Advanced Chapter
Personal abilities can be analyzed in depth and breadth. Depth is divided into three stages: appearance, principle and implementation. The appearance is the basic stage mentioned before. The next stage is to understand the principles and be able to grasp and identify knowledge points. The implementation stage is to make full use of the existing knowledge system and apply it.
From the perspective of breadth, it can be divided into two parts: professional skills and field scope. Professional skills can start from the coverage and understanding of the knowledge system. That is, whether the coverage is broad enough and how familiar the common solutions are. Expanding the scope of the field requires understanding of other products, such as mobile terminals, desktop terminals, etc.
If you are excellent in the above aspects, you will be an excellent front-end engineer. But individual excellence is not enough, we also need team excellence.
Breakthroughs in teams, focusing on process, efficiency and collaboration. The current working model at NetEase basically follows the following process, which is relatively detailed and standardized.
| New requirements online
Requirements→Interaction→Visual→Development→Self-test→Testing→bug modification→Testing→bug modification→Testing →Interactive confirmation→Visual confirmation→Online application→Confirmation→Online
| Hotfix online
Problem feedback→bug modification→test→bug modification →Test→Apply online→Confirm→hotfix online
Finally, I would like to share two sentences with you:
Always maintain a humble and prudent attitude.
Always strengthen the cultivation of learning ability.
On the road to front-end learning, in addition to self-study and improvement, another good way is to communicate with senior front-end development engineers and use other people's experiences to obtain efficient learning methods and rapid advancement. Join my group and the big guys will communicate with each other every day
The above is the detailed content of 3 tips to make you a great person. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

StableDiffusion3’s paper is finally here! This model was released two weeks ago and uses the same DiT (DiffusionTransformer) architecture as Sora. It caused quite a stir once it was released. Compared with the previous version, the quality of the images generated by StableDiffusion3 has been significantly improved. It now supports multi-theme prompts, and the text writing effect has also been improved, and garbled characters no longer appear. StabilityAI pointed out that StableDiffusion3 is a series of models with parameter sizes ranging from 800M to 8B. This parameter range means that the model can be run directly on many portable devices, significantly reducing the use of AI

Trajectory prediction plays an important role in autonomous driving. Autonomous driving trajectory prediction refers to predicting the future driving trajectory of the vehicle by analyzing various data during the vehicle's driving process. As the core module of autonomous driving, the quality of trajectory prediction is crucial to downstream planning control. The trajectory prediction task has a rich technology stack and requires familiarity with autonomous driving dynamic/static perception, high-precision maps, lane lines, neural network architecture (CNN&GNN&Transformer) skills, etc. It is very difficult to get started! Many fans hope to get started with trajectory prediction as soon as possible and avoid pitfalls. Today I will take stock of some common problems and introductory learning methods for trajectory prediction! Introductory related knowledge 1. Are the preview papers in order? A: Look at the survey first, p

This paper explores the problem of accurately detecting objects from different viewing angles (such as perspective and bird's-eye view) in autonomous driving, especially how to effectively transform features from perspective (PV) to bird's-eye view (BEV) space. Transformation is implemented via the Visual Transformation (VT) module. Existing methods are broadly divided into two strategies: 2D to 3D and 3D to 2D conversion. 2D-to-3D methods improve dense 2D features by predicting depth probabilities, but the inherent uncertainty of depth predictions, especially in distant regions, may introduce inaccuracies. While 3D to 2D methods usually use 3D queries to sample 2D features and learn the attention weights of the correspondence between 3D and 2D features through a Transformer, which increases the computational and deployment time.

PHP and Vue: a perfect pairing of front-end development tools. In today's era of rapid development of the Internet, front-end development has become increasingly important. As users have higher and higher requirements for the experience of websites and applications, front-end developers need to use more efficient and flexible tools to create responsive and interactive interfaces. As two important technologies in the field of front-end development, PHP and Vue.js can be regarded as perfect tools when paired together. This article will explore the combination of PHP and Vue, as well as detailed code examples to help readers better understand and apply these two

In front-end development interviews, common questions cover a wide range of topics, including HTML/CSS basics, JavaScript basics, frameworks and libraries, project experience, algorithms and data structures, performance optimization, cross-domain requests, front-end engineering, design patterns, and new technologies and trends. . Interviewer questions are designed to assess the candidate's technical skills, project experience, and understanding of industry trends. Therefore, candidates should be fully prepared in these areas to demonstrate their abilities and expertise.

Django is a web application framework written in Python that emphasizes rapid development and clean methods. Although Django is a web framework, to answer the question whether Django is a front-end or a back-end, you need to have a deep understanding of the concepts of front-end and back-end. The front end refers to the interface that users directly interact with, and the back end refers to server-side programs. They interact with data through the HTTP protocol. When the front-end and back-end are separated, the front-end and back-end programs can be developed independently to implement business logic and interactive effects respectively, and data exchange.

Written above & The author’s personal understanding is that image-based 3D reconstruction is a challenging task that involves inferring the 3D shape of an object or scene from a set of input images. Learning-based methods have attracted attention for their ability to directly estimate 3D shapes. This review paper focuses on state-of-the-art 3D reconstruction techniques, including generating novel, unseen views. An overview of recent developments in Gaussian splash methods is provided, including input types, model structures, output representations, and training strategies. Unresolved challenges and future directions are also discussed. Given the rapid progress in this field and the numerous opportunities to enhance 3D reconstruction methods, a thorough examination of the algorithm seems crucial. Therefore, this study provides a comprehensive overview of recent advances in Gaussian scattering. (Swipe your thumb up

What is front-end ESM? Specific code examples are required. In front-end development, ESM refers to ECMAScriptModules, a modular development method based on the ECMAScript specification. ESM brings many benefits, such as better code organization, isolation between modules, and reusability. This article will introduce the basic concepts and usage of ESM and provide some specific code examples. The basic concept of ESM In ESM, we can divide the code into multiple modules, and each module exposes some interfaces for other modules to
