Compartilhamento de tecnologia

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

O desenvolvimento front-end da Web, como um componente importante da tecnologia front-end, sempre ocupou uma posição importante. Há um grande número de profissionais de desenvolvimento front-end em todo o setor de TI. Com o desenvolvimento da Internet móvel, big data e. inteligência artificial, o atual sistema de conhecimento front-end também está gradualmente rico.

Amigos que estão familiarizados com o trabalho de front-end da Web sabem que existem muitas tecnologias na Web. Se você deseja se tornar um engenheiro de front-end da Web qualificado, deve dominar as tecnologias uma por uma, como HTML, CSS, Ajax,. jquery, extjs e JavaScript.

Tecnologia essencial

1、HTML

Dominar HTML é o núcleo das páginas da web, uma linguagem padrão para criar páginas da World Wide Web, uma linguagem usada pelos navegadores da World Wide Web, e elimina barreiras à troca de informações entre diferentes computadores. Portanto, é atualmente a linguagem mais utilizada na Internet e a principal linguagem que forma documentos web. Aprender bem HTML é condição básica para se tornar um desenvolvedor front-end Web.

HTML é uma linguagem de marcação que implementa páginas da web e as exibe em navegadores. Sendo a versão mais recente do HTML, o HTML5 introduz uma série de novas tecnologias, melhorando consideravelmente o seu suporte a aplicações, fazendo com que a tecnologia Web não se limite mais à renderização de conteúdo web.

Com o desenvolvimento de CSS, JavaScript, Flash e outras tecnologias, as capacidades de processamento da Web para aplicativos aumentaram gradualmente e a experiência de navegação dos usuários na Web foi bastante melhorada. No entanto, várias novas tecnologias em HTML5 alcançaram avanços qualitativos, tornando a tecnologia da Web considerada pela primeira vez próxima da tecnologia de aplicativos nativos locais, e o desenvolvimento de aplicativos da Web tornou-se realmente uma escolha para os desenvolvedores.

O HTML5 pode simplificar bastante o trabalho dos desenvolvedores. Em teoria, um único desenvolvimento pode ser executado em diferentes plataformas com a ajuda de navegadores, o que é geralmente considerado pela indústria como uma das principais vantagens da tecnologia HTML5. AppMobi, Motorola, Sencha, Appcelerator e outras empresas lançaram ferramentas de desenvolvimento relativamente maduras para apoiar o desenvolvimento de aplicativos HTML5.

2、CSS

Aprender bem CSS é um ponto importante na aparência das páginas da web. CSS pode ajudar a tornar a aparência das páginas da web mais bonita.

3、JavaScript

Aprender a sintaxe básica do JavaScript e como programar com JavaScript melhorará suas habilidades pessoais como desenvolvedor.

JavaScript é uma linguagem de programação interpretada leve, projetada para criar aplicativos centrados na web. JavaScript é muito fácil de implementar porque é integrado ao HTML e é aberto e multiplataforma.

A função do javascript:

• 1) Torne as páginas da web interativas, respondendo aos cliques dos usuários e proporcionando aos usuários uma experiência melhor.

• 2) Ele pode processar formulários, verificar a entrada do usuário e fornecer feedback oportuno para economizar o tempo dos usuários. Por exemplo, se o formulário solicitar que você insira seu endereço de e-mail, mas você inserir um número de celular, deverá receber um lembrete.

• 3). As páginas também podem ser criadas dinamicamente com base nas operações do usuário. Por exemplo, ao enviar um email, adicione um anexo.

• 4) Definir cookies. Cookies são informações temporárias armazenadas no navegador, como o endereço do site que você visitou e o nome de usuário que utilizou.

• 5) JavaScript simplifica parágrafos HTML repetidos regularmente e reduz o tempo de download.

• 6), navegador eservidorRealizar comunicação de dados, como a transmissão assíncrona Ajax mais popular;

• 7) Interface mais rica, você pode usar JavaScript para incluir itens como componentes de arrastar e soltar e controles deslizantes para fornecer uma interface rica aos visitantes do seu site.

4、jQuery

jQuery é outra excelente estrutura Javascript após protótipo. jQuery é uma biblioteca javascript rápida e concisa que permite aos usuários processar documentos e eventos HTML com mais facilidade, obter efeitos de animação e fornecer interação AJAX para sites com facilidade.

5. PHP

PHP, uma abreviatura aninhada, é a abreviatura de English Hypertext Preprocessing Language (PHP: Hypertext Preprocessor). PHP é uma linguagem HTML incorporada.

6、AJAX

AJAX significa "Java e XML assíncronos" e refere-se a uma tecnologia de desenvolvimento web para a criação de aplicativos web interativos. A pronúncia comum na China é "Ajax", que é igual à pronúncia do time de futebol Ajax.

Ajax é uma tecnologia usada para criar páginas da web dinâmicas e rápidas. Ao trocar uma pequena quantidade de dados com o servidor em segundo plano, o Ajax pode atualizar partes da página da web sem recarregar a página inteira.

7、API

API (Application Programming Interface) é um conjunto de funções predefinidas que fornecem aos aplicativos e desenvolvedores a capacidade de acessar um conjunto de rotinas baseadas em determinado software ou hardware sem ter que acessar o código-fonte ou entender os detalhes internos do mecanismo de funcionamento.

8、ASP

ASP é a abreviatura de Active Server Page, que significa “página de servidor dinâmica”. ASP é um aplicativo desenvolvido pela Microsoft para substituir programas de script CGI. Ele pode interagir com bancos de dados e outros programas e é uma ferramenta de programação simples e conveniente. O formato dos arquivos de páginas da web ASP é. asp, agora comumente usado em vários sites dinâmicos.

9、Kit de ferramentas da Web do Google

Google Web Toolkit (abreviadamente GWT) é um kit de desenvolvimento de aplicativos Ajax lançado pelo Google que oferece suporte aos desenvolvedores para desenvolver aplicativos Ajax usando a linguagem Java.

10. Sistema operacional

Compreender os fundamentos do Unix e Linux é benéfico para os desenvolvedores.

11. Servidor de rede

Compreenda o servidor web, incluindo a configuração básica do Apache, dominando as habilidades de configuração do htaccess, etc.

estrutura de front-end

Depois de se familiarizar com HTML, linguagens de script do lado do servidor, CSS e JavaScript, aprender estruturas web pode acelerar o desenvolvimento web e economizar tempo. Estruturas opcionais para programadores PHP incluem CakePHP, CodeIgniter, Zend, etc. Os programadores Python gostam de usar Django e webpy, e os programadores Ruby costumam usar RoR.

À medida que a Web se torna mais padronizada e padronizada, a tecnologia de componenteização da Web continua a inovar e o desenvolvimento de terminais móveis continua a sublimar. A seguir estão algumas estruturas front-end de código aberto comuns:

• Inicialização

Um dos frameworks convencionais, Bootstrap é baseado em HTML, CSS e JavaScript. É simples e flexível, tornando o desenvolvimento Web mais rápido.

html5-modelo

Essa estrutura pode construir rapidamente aplicativos ou sites da web robustos e adaptáveis.

• Meteoro

Meteor é uma nova geração de framework de código aberto para desenvolvimento de aplicações web em tempo real, que pode completar o desenvolvimento em menos tempo.

• Interface de usuário semântica

Estrutura de componentes de UI baseada em princípios eficazes de linguagem natural

• Fundação

Excelente estrutura de front-end responsiva

• Materializar

Uma estrutura de front-end responsiva moderna baseada em material design. Estilos padrão e componentes personalizados podem ser fornecidos. Além disso, Materialize melhora animações e transições para fornecer aos desenvolvedores uma experiência tranquila.

• Puro

Um conjunto de módulos CSS pequenos e responsivos que podem ser usados ​​em quase todos os projetos web.

• Vista

Vue.js é uma biblioteca para construção de interfaces web interativas. Ele fornece vinculação de dados MVVM e um sistema de componentes combináveis ​​com uma API simples e flexível.

• Angular

AngularJS foi criado em 2009 por Misko Hevery e outros, e posteriormente adquirido pelo Google. É uma excelente estrutura JS de front-end usada em muitos produtos. Não é apenas uma estrutura de desenvolvimento front-end com conceitos avançados, mas também uma solução ponta a ponta. Ele segue o padrão MVC no projeto arquitetônico e defende o acoplamento flexível de dados e componentes de processamento lógico. AngularJS realiza a extensão natural do HTML por meio da tecnologia de instrução e realiza a sincronização automática bidirecional do modelo de dados e visualização de exibição por meio da tecnologia de compilação, aliviando operações DOM complexas. Além disso, também fornece um bom suporte para tecnologia de teste automatizado front-end.

Angular é uma estrutura front-end para a criação de interfaces de aplicativos únicos. Possui muitos recursos básicos, como ligação de dados, serviços, diretivas, injeção de dependência, etc.Possui funções de módulo poderosas e tem as vantagens de comandos personalizados

• Reagir

O React, produzido pelo Facebook, foi lançado oficialmente em 2013, 4 anos depois do angular. Porém, graças ao seu inovador VirtualDOM, superou o angularJS em desempenho. Possui muitos recursos, incluindo VirtualDOM, JSX, algoritmo Diff, etc., suporta sintaxe ES6 e usa programação funcional. O limite é um pouco mais alto, mas também é mais flexível, permitindo mais possibilidades de desenvolvimento.

React é usado principalmente para construir UI. Você pode passar vários tipos de parâmetros no React, como código de declaração para ajudar a renderizar a UI, elementos HTML DOM estáticos, variáveis ​​dinâmicas e até mesmo componentes interativos.

• Esqueleto

Skeleton é uma coleção de pequenos arquivos JS e CSS que podem desenvolver rapidamente belos sites adequados para vários dispositivos de tela, incluindo telefones celulares. O esqueleto é desenvolvido com base na grade 960. É uma estrutura de UI.

• Interface de usuário incrível

A primeira série de produtos de estrutura front-end de tela cruzada HTML5 de código aberto na China, com melhor suporte à composição tipográfica chinesa e ricos componentes localizados. Esta série de produtos inclui o Amaze UI Touch, uma estrutura híbrida de desenvolvimento de aplicativos HTML5 especificamente para terminais móveis, e o Amaze UI Web, projetado para desenvolvimento de páginas da web HTML5 em telas cruzadas. Entre eles, o Amaze UI Touch pode ajudar os desenvolvedores a construir rapidamente aplicativos HTML5 móveis exclusivos que são comparáveis ​​aos APPs nativos por meio de componentes ricos.

• Kit de interface do usuário

Uma estrutura front-end leve e modular para desenvolvimento rápido e interfaces web poderosas.

• Você

Yahoo! UI Library (YUI) é uma biblioteca de funções JavaScript de código aberto para criar uma página da web altamente interativa, ela usa tecnologias de codificação como AJAX, DHTML e DOM. Ele também contém muitos recursos CSS. Licenciada para uso é a licença BSD.

• beijoqueiro

Uma estrutura JavaScript de terminal cruzado, modular, de alto desempenho e fácil de usar.

• IU Múltipla

A estrutura que mais se aproxima da estrutura front-end da experiência nativa do aplicativo.

• Arale

Uma biblioteca de classes básicas front-end aberta, simples e fácil de usar.

• JX

JX é uma estrutura de front-end da Web modular e não intrusiva que é particularmente adequada para construir e organizar aplicativos da Web de nível industrial em grande escala.

• GMU

GMU é uma biblioteca de componentes de UI móvel baseada em zepto, fornecendo componentes de UI simples e fáceis de usar para webapp e pad!

• ZUI

Estrutura front-end HTML5 de código aberto

• Clouda Touch.js

Touch.js é uma biblioteca de eventos e reconhecimento de gestos para dispositivos móveis e também é um desenvolvimento amplamente utilizado no Baidu.