search
HomeWeb Front-endHTML TutorialWeb前端行业的了解 - jerrylsxu

即将从事Web前端的工作的 先对即将从事的行业有个了解。

        Web前端发展史:

        第一个网页诞生于90年代初,早期的网页除了一些小图片和毫无布局可言的标题段落,其全由文字构成。然而随着时代的进步,互联网的不断发展,接下来出现了表格布局,此次是flash,最后是基于CSS的网页设计。不可否认,前端页面重构技术也经历着这样的一个过程:首先是Table布局-->Html-->Div+css-->Html5+Css3,面对众多的浏览器与平台,Web前端不再是以往那样简单的重复性工作。

        Web前端开发,需要的就是什么都要会,什么都要能够胜任:要会JS、Flash、Table制作、优化、UI设计,还要会后台程序语言。可谓是样样能力都要会都要懂。 Web前端对从业人员的要求:对于我们的页面首先要考虑的绝大多数是用户的需求,现在的前端分工很明确,每种职责扮演者不同的角色。如初级前端开发工程师→资深前端工程师→前端架构师。3G时代的到来,各行业领域的网站几乎都要移植到移动互联网上,加上国内几大民间WEB前端技术组织机构,不断推广Web标准技术,推动着前端技术行业的发展,前端开发工程师的地位也越来越高了。现在的前端工作不仅仅是一门技术,更是一门艺术。

        从事Web前端开发需要掌握的技术:

          HTML5+CSS3将会是接下来Web应用主流技术,不要以为还早,不要让自己输在了起跑线上;

    .net,php,java 这些流行的Web开发环境,至少尽可能的掌握多的作为辅助;

     RIA最厉害的算是Flash了,也包括RIA和Flex;微软也有 Sliverlight和Java的JavaFx技术。其中Ajax也是必须的;

     你知道怎么创建Web服务么?怎么集成第三方的Web服务到你的项目中么?理解XML、SOAP、Json和Rest么?

    除了Java、C、PHP,现在有很多新的动态编程语言。有如:Python, F#, Groovy, Ruby 等,多少了解一点吧。

     让自己开始理解什么是问题领域;

     很多开发公司都在尝试敏捷开发,你至少需要理解这到底是怎么一回事;

      手机 Web 开发现在非常火热,如果你不知道大家在谈论什么,那么你太out了,这是非常流行的技术,如果暂时还没有这样的开发任务,那你至少应该有所了解,会需要什么样的技术、什么样的开发工具,什么样的开发环境。

       软件版本控制和问题跟踪系统在一个团队开发中是非常重要的,那么你熟悉这些工具吗?

        随着网络普及和发展,网站作为一种很强大的工具和平台越来越融入了人们的生活,而与用户关系最密切的前端技术也逐渐得到应有的重视。我们可以看到前端重构的行业发展潜力巨大,各大知名的网络公司对前端人才的求饥若渴。近年来HTML5和CSS3的风行,还有移动web领域的崛起,apple和google这两大巨擘都推动移动领域的发展,而且现在的前端开发都越来越注重用户体验。相对来说,前端的人才需求比以前有了质的飞跃。我们希望从业者:“我们不是是为了学技术而去学技术,我们学技术是为了能更好去做产品”。最后引用乔布斯的话,WEB就是未来,我们作为前端开发工作者也是未来。相信Web前端开发的明天会更好。

Statement
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
Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update?Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update?Mar 04, 2025 pm 12:32 PM

The official account web page update cache, this thing is simple and simple, and it is complicated enough to drink a pot of it. You worked hard to update the official account article, but the user still opened the old version. Who can bear the taste? In this article, let’s take a look at the twists and turns behind this and how to solve this problem gracefully. After reading it, you can easily deal with various caching problems, allowing your users to always experience the freshest content. Let’s talk about the basics first. To put it bluntly, in order to improve access speed, the browser or server stores some static resources (such as pictures, CSS, JS) or page content. Next time you access it, you can directly retrieve it from the cache without having to download it again, and it is naturally fast. But this thing is also a double-edged sword. The new version is online,

How to efficiently add stroke effects to PNG images on web pages?How to efficiently add stroke effects to PNG images on web pages?Mar 04, 2025 pm 02:39 PM

This article demonstrates efficient PNG border addition to webpages using CSS. It argues that CSS offers superior performance compared to JavaScript or libraries, detailing how to adjust border width, style, and color for subtle or prominent effect

How do I use HTML5 form validation attributes to validate user input?How do I use HTML5 form validation attributes to validate user input?Mar 17, 2025 pm 12:27 PM

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

What is the purpose of the <datalist> element?What is the purpose of the <datalist> element?Mar 21, 2025 pm 12:33 PM

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

What are the best practices for cross-browser compatibility in HTML5?What are the best practices for cross-browser compatibility in HTML5?Mar 17, 2025 pm 12:20 PM

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

What is the purpose of the <progress> element?What is the purpose of the <progress> element?Mar 21, 2025 pm 12:34 PM

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

What is the purpose of the <meter> element?What is the purpose of the <meter> element?Mar 21, 2025 pm 12:35 PM

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex

What is the purpose of the <iframe> tag? What are the security considerations when using it?What is the purpose of the <iframe> tag? What are the security considerations when using it?Mar 20, 2025 pm 06:05 PM

The article discusses the <iframe> tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

See all articles

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

Repo: How To Revive Teammates
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
1 months agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool