Home Web Front-end HTML Tutorial What do you need to learn about web front-end development? A must-see for newcomers

What do you need to learn about web front-end development? A must-see for newcomers

Oct 20, 2018 pm 03:09 PM
front end Front-end development

This article brings you what you need to learn about web front-end development. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

What do you need to learn about web front-end development? A must-see for newcomers

First of all, I am a java engineer in the process of my own development. I am currently engaged in server (back-end development), but I have done Java Web front-end development for 2 years before, so I still have some experience. Here is a brief introduction to my experience. This is not good. If you don’t criticize, just learn and ignore it.

Network front-end engineers have different functions in different companies.

1. Website design and web interface development

2. Website interface development

3. Web interface development, front-end data binding, front-end logic (I belong to this)

4. Design, development, data

Techniques that need to be mastered in web front-end development:

1.Learn HTML, this is the simplest and most basic thing to master p, formtable, Ulli, P, span, font tags, these are the most commonly used, especially p and table. p, table can also be used for layout, but it is not flexible, and is used for basic table processing data.

2. Learn CSS. CSS mentioned here does not include CSS3. What we see in Web front-end development engineers is that an interface layout can use HTML or CSS CSS p, so CSS is used to assist HTML layout and display. , we call it "CSS style", why do we say p CSS? Because I said that p is mainly used for layout in HTML, so p is the core of this thing! CSS must cooperate with the Ministry. CSS must master float, position, width and height, as well as maximum and minimum values, to 100%, overflow, margins, padding, etc. These are layout-related styles.

3. Learn JS before May. You think it's okay to look at JS is scary, in fact, getting started with JS is very simple, you don't need a lot of things, just base the ID or name on the DOM or "style", or the value, and then start with an ID or name meta tag, or Extra data in HTML is related to the operation of data, so the impact of data logic is nothing more than a jump, a pop-up box, and hiding something. All of this is combined with other applications. The code is not difficult at all. These basic JS. Baidu is good. Then read more, it’s not a problem.

4. Learning jQuery is equivalent to encapsulating a set of JS plug-ins. The purpose is to make the operation more convenient and write less code. jQuery The entries are also very simple. These are the entry points, to learn to be like JS, just change the JQ code. The rest is the same as Baidu.

5. It is best to point out the background language, such as java, php, Why? Because we are the front-end interface data, from the background to the point, if the background code, you know how to interact with the background data is the best, it saves time, can also make the front-end code more standardized. Otherwise, it may be because you come back The data is unbearable, and then the front-end code is rewritten again, which will be terrible.

6. Study CSS3 HTML5, why put it at the end? Haha, because I don’t know how, after all, I specialize in IT Although this is very popular, I have not ended up using it. At work, I will only learn temporarily when my own website needs to change the style, or when a friend's website has style problems. However, if you are ready to become a professional On the front line, it is best to learn.

The above is a complete introduction to what you need to learn about web front-end development. If you want to know more aboutHTML video tutorial, please Follow PHP Chinese website.

The above is the detailed content of What do you need to learn about web front-end development? A must-see for newcomers. 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 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)

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.

Exploring Go language front-end technology: a new vision for front-end development Exploring Go language front-end technology: a new vision for front-end development Mar 28, 2024 pm 01:06 PM

As a fast and efficient programming language, Go language is widely popular in the field of back-end development. However, few people associate Go language with front-end development. In fact, using Go language for front-end development can not only improve efficiency, but also bring new horizons to developers. This article will explore the possibility of using the Go language for front-end development and provide specific code examples to help readers better understand this area. In traditional front-end development, JavaScript, HTML, and CSS are often used to build user interfaces

Django: A magical framework that can handle both front-end and back-end development! Django: A magical framework that can handle both front-end and back-end development! Jan 19, 2024 am 08:52 AM

Django: A magical framework that can handle both front-end and back-end development! Django is an efficient and scalable web application framework. It is able to support multiple web development models, including MVC and MTV, and can easily develop high-quality web applications. Django not only supports back-end development, but can also quickly build front-end interfaces and achieve flexible view display through template language. Django combines front-end development and back-end development into a seamless integration, so developers don’t have to specialize in learning

Combination of Golang and front-end technology: explore how Golang plays a role in the front-end field Combination of Golang and front-end technology: explore how Golang plays a role in the front-end field Mar 19, 2024 pm 06:15 PM

Combination of Golang and front-end technology: To explore how Golang plays a role in the front-end field, specific code examples are needed. With the rapid development of the Internet and mobile applications, front-end technology has become increasingly important. In this field, Golang, as a powerful back-end programming language, can also play an important role. This article will explore how Golang is combined with front-end technology and demonstrate its potential in the front-end field through specific code examples. The role of Golang in the front-end field is as an efficient, concise and easy-to-learn

Learn to use sessionstorage to improve front-end development efficiency Learn to use sessionstorage to improve front-end development efficiency Jan 13, 2024 am 11:56 AM

To master the role of sessionStorage and improve front-end development efficiency, specific code examples are required. With the rapid development of the Internet, the field of front-end development is also changing with each passing day. When doing front-end development, we often need to process large amounts of data and store it in the browser for subsequent use. SessionStorage is a very important front-end development tool that can provide us with temporary local storage solutions and improve development efficiency. This article will introduce the role of sessionStorage,

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