Home Web Front-end HTML Tutorial 3 tips to make you a great person

3 tips to make you a great person

Jun 24, 2017 am 10:57 AM
expert front end noob technology

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

##After reaching a certain level, personal ability It is difficult to improve and has encountered a bottleneck. At this time, you need to start from a personal perspective to understand whether the ceiling has been reached, and you can also start from a team perspective to find a breakthrough point.

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!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
Two Point Museum: All Exhibits And Where To Find Them
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

The Stable Diffusion 3 paper is finally released, and the architectural details are revealed. Will it help to reproduce Sora? The Stable Diffusion 3 paper is finally released, and the architectural details are revealed. Will it help to reproduce Sora? Mar 06, 2024 pm 05:34 PM

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

This article is enough for you to read about autonomous driving and trajectory prediction! This article is enough for you to read about autonomous driving and trajectory prediction! Feb 28, 2024 pm 07:20 PM

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

DualBEV: significantly surpassing BEVFormer and BEVDet4D, open the book! DualBEV: significantly surpassing BEVFormer and BEVDet4D, open the book! Mar 21, 2024 pm 05:21 PM

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 PHP and Vue: a perfect pairing of front-end development tools Mar 16, 2024 pm 12:09 PM

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

Questions frequently asked by front-end interviewers Questions frequently asked by front-end interviewers Mar 19, 2024 pm 02:24 PM

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.

Is Django front-end or back-end? check it out! Is Django front-end or back-end? check it out! Jan 19, 2024 am 08:37 AM

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.

More than just 3D Gaussian! Latest overview of state-of-the-art 3D reconstruction techniques More than just 3D Gaussian! Latest overview of state-of-the-art 3D reconstruction techniques Jun 02, 2024 pm 06:57 PM

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 a front-end modular ESM? What is a front-end modular ESM? Feb 25, 2024 am 11:48 AM

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

See all articles